@univerjs/sheets-crosshair-highlight 0.20.1 → 0.21.0

package/lib/cjs/facade.js

@@ -1 +1,74 @@
-let e=require(`@univerjs/core`),t=require(`@univerjs/core/facade`),n=require(`@univerjs/sheets-crosshair-highlight`);var r=class extends t.FUniver{_initialize(t){let r=t.get(e.ICommandService);this.disposeWithMe(this.registerEventHandler(this.Event.CrosshairHighlightEnabledChanged,()=>r.onCommandExecuted(e=>{if(e.id===n.EnableCrosshairHighlightOperation.id||e.id===n.DisableCrosshairHighlightOperation.id||e.id===n.ToggleCrosshairHighlightOperation.id){let e=this.getActiveSheet();if(!e)return;let t={enabled:this.getCrosshairHighlightEnabled(),...e};this.fireEvent(this.Event.CrosshairHighlightEnabledChanged,t)}}))),this.disposeWithMe(this.registerEventHandler(this.Event.CrosshairHighlightColorChanged,()=>r.onCommandExecuted(e=>{if(e.id===n.SetCrosshairHighlightColorOperation.id){let e=this.getActiveSheet();if(!e)return;let t={color:this.getCrosshairHighlightColor(),...e};this.fireEvent(this.Event.CrosshairHighlightColorChanged,t)}})))}setCrosshairHighlightEnabled(e){return e?this._commandService.syncExecuteCommand(n.EnableCrosshairHighlightOperation.id):this._commandService.syncExecuteCommand(n.DisableCrosshairHighlightOperation.id),this}setCrosshairHighlightColor(e){return this._commandService.syncExecuteCommand(n.SetCrosshairHighlightColorOperation.id,{value:e}),this}getCrosshairHighlightEnabled(){return this._injector.get(n.SheetsCrosshairHighlightService).enabled}getCrosshairHighlightColor(){return this._injector.get(n.SheetsCrosshairHighlightService).color}get CROSSHAIR_HIGHLIGHT_COLORS(){return n.CROSSHAIR_HIGHLIGHT_COLORS}};t.FUniver.extend(r);var i=class extends t.FEventName{get CrosshairHighlightEnabledChanged(){return`CrosshairHighlightEnabledChanged`}get CrosshairHighlightColorChanged(){return`CrosshairHighlightColorChanged`}};t.FEventName.extend(i);
+let _univerjs_core = require("@univerjs/core");
+let _univerjs_core_facade = require("@univerjs/core/facade");
+let _univerjs_sheets_crosshair_highlight = require("@univerjs/sheets-crosshair-highlight");
+
+//#region src/facade/f-univer.ts
+/**
+* @ignore
+*/
+var FUniverSheetsCrosshairHighlightMixin = class extends _univerjs_core_facade.FUniver {
+	/**
+	* @ignore
+	*/
+	_initialize(injector) {
+		const commandService = injector.get(_univerjs_core.ICommandService);
+		this.disposeWithMe(this.registerEventHandler(this.Event.CrosshairHighlightEnabledChanged, () => commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id === _univerjs_sheets_crosshair_highlight.EnableCrosshairHighlightOperation.id || commandInfo.id === _univerjs_sheets_crosshair_highlight.DisableCrosshairHighlightOperation.id || commandInfo.id === _univerjs_sheets_crosshair_highlight.ToggleCrosshairHighlightOperation.id) {
+				const activeSheet = this.getActiveSheet();
+				if (!activeSheet) return;
+				const eventParams = {
+					enabled: this.getCrosshairHighlightEnabled(),
+					...activeSheet
+				};
+				this.fireEvent(this.Event.CrosshairHighlightEnabledChanged, eventParams);
+			}
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.CrosshairHighlightColorChanged, () => commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id === _univerjs_sheets_crosshair_highlight.SetCrosshairHighlightColorOperation.id) {
+				const activeSheet = this.getActiveSheet();
+				if (!activeSheet) return;
+				const eventParams = {
+					color: this.getCrosshairHighlightColor(),
+					...activeSheet
+				};
+				this.fireEvent(this.Event.CrosshairHighlightColorChanged, eventParams);
+			}
+		})));
+	}
+	setCrosshairHighlightEnabled(enabled) {
+		if (enabled) this._commandService.syncExecuteCommand(_univerjs_sheets_crosshair_highlight.EnableCrosshairHighlightOperation.id);
+		else this._commandService.syncExecuteCommand(_univerjs_sheets_crosshair_highlight.DisableCrosshairHighlightOperation.id);
+		return this;
+	}
+	setCrosshairHighlightColor(color) {
+		this._commandService.syncExecuteCommand(_univerjs_sheets_crosshair_highlight.SetCrosshairHighlightColorOperation.id, { value: color });
+		return this;
+	}
+	getCrosshairHighlightEnabled() {
+		return this._injector.get(_univerjs_sheets_crosshair_highlight.SheetsCrosshairHighlightService).enabled;
+	}
+	getCrosshairHighlightColor() {
+		return this._injector.get(_univerjs_sheets_crosshair_highlight.SheetsCrosshairHighlightService).color;
+	}
+	get CROSSHAIR_HIGHLIGHT_COLORS() {
+		return _univerjs_sheets_crosshair_highlight.CROSSHAIR_HIGHLIGHT_COLORS;
+	}
+};
+_univerjs_core_facade.FUniver.extend(FUniverSheetsCrosshairHighlightMixin);
+
+//#endregion
+//#region src/facade/f-event.ts
+/**
+* @ignore
+*/
+var FSheetsCrosshairHighlightEventNameMixin = class extends _univerjs_core_facade.FEventName {
+	get CrosshairHighlightEnabledChanged() {
+		return "CrosshairHighlightEnabledChanged";
+	}
+	get CrosshairHighlightColorChanged() {
+		return "CrosshairHighlightColorChanged";
+	}
+};
+_univerjs_core_facade.FEventName.extend(FSheetsCrosshairHighlightEventNameMixin);
+
+//#endregion

package/lib/cjs/index.js

@@ -1 +1,562 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@univerjs/core`),t=require(`rxjs`),n=require(`@univerjs/engine-render`),r=require(`@univerjs/icons`),i=require(`@univerjs/ui`),a=require(`@univerjs/design`),o=require(`react`),s=require(`react/jsx-runtime`),c=require(`@univerjs/sheets`),l=require(`@univerjs/sheets-ui`);function u(e){"@babel/helpers - typeof";return u=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},u(e)}function d(e,t){if(u(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(u(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function f(e){var t=d(e,`string`);return u(t)==`symbol`?t:t+``}function p(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const m=[`rgba(158, 109, 227, 0.3)`,`rgba(254, 75, 75, 0.3)`,`rgba(255, 140, 81, 0.3)`,`rgba(164, 220, 22, 0.3)`,`rgba(45, 174, 255, 0.3)`,`rgba(58, 96, 247, 0.3)`,`rgba(242, 72, 166, 0.3)`,`rgba(153, 153, 153, 0.3)`,`rgba(158, 109, 227, 0.15)`,`rgba(254, 75, 75, 0.15)`,`rgba(255, 140, 81, 0.15)`,`rgba(164, 220, 22, 0.15)`,`rgba(45, 174, 255, 0.15)`,`rgba(58, 96, 247, 0.15)`,`rgba(242, 72, 166, 0.15)`,`rgba(153, 153, 153, 0.15)`];var h=class extends e.Disposable{constructor(...e){super(...e),p(this,`_enabled$`,new t.BehaviorSubject(!1)),p(this,`enabled$`,this._enabled$.asObservable()),p(this,`_color$`,new t.BehaviorSubject(m[0])),p(this,`color$`,this._color$.asObservable())}get enabled(){return this._enabled$.getValue()}get color(){return this._color$.getValue()}dispose(){this._enabled$.complete()}setEnabled(e){this._enabled$.next(e)}setColor(e){this._color$.next(e)}};const g={id:`sheet.operation.toggle-crosshair-highlight`,type:e.CommandType.OPERATION,handler(e){let t=e.get(h),n=t.enabled;return t.setEnabled(!n),!0}},_={id:`sheet.operation.set-crosshair-highlight-color`,type:e.CommandType.OPERATION,handler(e,{value:t}){let n=e.get(h);return n.enabled||n.setEnabled(!0),n.setColor(t),!0}},v={id:`sheet.operation.enable-crosshair-highlight`,type:e.CommandType.OPERATION,handler(e){let t=e.get(h);return t.enabled?!1:(t.setEnabled(!0),!0)}},y={id:`sheet.operation.disable-crosshair-highlight`,type:e.CommandType.OPERATION,handler(e){let t=e.get(h);return t.enabled?(t.setEnabled(!1),!0):!1}};var b=`@univerjs/sheets-crosshair-highlight`,x=`0.20.1`;const S=`sheets-crosshair-highlight.config`;Symbol(S);const C={},w=`CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT`;function T(t){let n=t.get(h);return{id:g.id,tooltip:`crosshair.button.tooltip`,type:i.MenuItemType.BUTTON_SELECTOR,icon:`CrossHighlightingIcon`,selections:[{label:{name:w,hoverable:!1,selectable:!1}}],selectionsCommandId:_.id,activated$:n.enabled$,hidden$:(0,i.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SHEET)}}const E={[i.ContextMenuPosition.FOOTER_MENU]:{[i.ContextMenuGroup.OTHERS]:{[g.id]:{order:0,menuItemFactory:T}}}};function D(e){let{onChange:t}=e,n=(0,i.useObservable)((0,i.useDependency)(h).color$),r=(0,o.useCallback)(e=>{t==null||t(e)},[t]);return(0,s.jsx)(`div`,{className:`univer-grid univer-grid-cols-8 univer-gap-x-2 univer-gap-y-3`,children:m.map(e=>(0,s.jsx)(`div`,{className:(0,a.clsx)(`hover:univer-ring-primary-600/40 univer-box-border univer-size-5 univer-cursor-pointer univer-rounded univer-ring-offset-1 univer-transition-shadow hover:univer-ring-[1.5px]`,a.borderClassName,{"univer-ring-[1.5px] univer-ring-primary-600 hover:univer-ring-primary-600":e===n}),style:{backgroundColor:e},onClick:()=>r(e)},e))})}function O(e,t){return function(n,r){t(n,r,e)}}function k(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let A=class extends e.Disposable{constructor(e,t,n){super(),this._componentMgr=e,this._menuManagerService=t,this._cmdSrv=n,this._initCommands(),this._initMenus(),this._initComponents()}_initCommands(){[g,_,v,y].forEach(e=>this._cmdSrv.registerCommand(e))}_initMenus(){this._menuManagerService.mergeMenu(E)}_initComponents(){this._componentMgr.register(w,D),this._componentMgr.register(`CrossHighlightingIcon`,r.CrossHighlightingIcon)}};A=k([O(0,(0,e.Inject)(i.ComponentManager)),O(1,i.IMenuManagerService),O(2,e.ICommandService)],A);var j=class{constructor(){p(this,`_selectedRanges`,[]),p(this,`_ranges`,[])}addRange(t){if(t.rangeType===e.RANGE_TYPE.COLUMN||t.rangeType===e.RANGE_TYPE.ROW||t.rangeType===e.RANGE_TYPE.ALL)return;let n=this._getIntersects(t),r=this._getSplitRanges(t,n);r.length>0&&this._ranges.push(...r)}setSelectedRanges(e){this._selectedRanges=e}_getSplitRanges(t,n){let r=[t];for(let t of n.concat(this._selectedRanges)){let n=[];for(let i of r){let r=e.Rectangle.subtract(i,t);r&&r.length>0&&n.push(...r)}r=n}return r.filter(e=>e.startRow<=e.endRow&&e.startColumn<=e.endColumn)}_getIntersects(t){let n=[];for(let r of this._ranges){let i=e.Rectangle.getIntersects(r,t);i&&n.push(i)}return n}getRanges(){return this._ranges}reset(){this._ranges=[],this._selectedRanges=[]}},M=class extends n.Shape{constructor(e,t){super(e,t),p(this,`_color`,void 0),t&&this.setShapeProps(t)}setShapeProps(e){e.color!==void 0&&(this._color=e.color),this.transformByState({width:e.width,height:e.height})}_draw(e){var t,r;let i=`rgba(${this._color.r}, ${this._color.g}, ${this._color.b}, ${(t=(r=this._color)==null?void 0:r.a)==null?.5:t})`;n.Rect.drawWith(e,{width:this.width,height:this.height,fill:i,stroke:void 0,strokeWidth:0,evented:!1})}};let N=class extends e.Disposable{constructor(e,t,n,r,i,a){super(),this._context=e,this._sheetSkeletonManagerService=t,this._sheetsSelectionsService=n,this._sheetsCrosshairHighlightService=r,this._contextService=i,this._refSelectionsService=a,p(this,`_shapes`,[]),p(this,`_rangeCollection`,new j),p(this,`_color`,`rgba(255,0,0,0.5)`),this._initRenderListener()}_transformSelection(e,t){if(!e)return;let n=t.getRowCount(),r=t.getColumnCount(),i=[];for(let t of e){let{startRow:e,endRow:a,startColumn:o,endColumn:s}=t.range;a-e+1===n||s-o+1===r||i.push(t.range)}this._rangeCollection.setSelectedRanges(i);for(let e of i)this.addSelection(e,t)}_initRenderListener(){let e=this._context.unit;this.disposeWithMe((0,t.combineLatest)([this._contextService.subscribeContextValue$(c.REF_SELECTIONS_ENABLED).pipe((0,t.startWith)(!1)),this._sheetSkeletonManagerService.currentSkeleton$,this._sheetsCrosshairHighlightService.enabled$,this._sheetsCrosshairHighlightService.color$.pipe((0,t.tap)(e=>this._color=e)),(0,t.merge)(this._sheetsSelectionsService.selectionMoveStart$,this._sheetsSelectionsService.selectionMoving$,this._sheetsSelectionsService.selectionMoveEnd$,this._sheetsSelectionsService.selectionSet$,e.activeSheet$.pipe((0,t.map)(()=>this._sheetsSelectionsService.getCurrentSelections()))),(0,t.merge)(this._refSelectionsService.selectionMoveStart$,this._refSelectionsService.selectionMoving$,this._refSelectionsService.selectionMoveEnd$,this._sheetsSelectionsService.selectionSet$,e.activeSheet$.pipe((0,t.map)(()=>this._refSelectionsService.getCurrentSelections())))]).subscribe(([t,n,r,i,a,o])=>{if(this._clear(),!r)return;let s=t?o:a;this._rangeCollection.reset(),this._transformSelection(s,e.getActiveSheet()),this.render(this._rangeCollection.getRanges())}))}addSelection(t,n){if(t.rangeType===e.RANGE_TYPE.COLUMN||t.rangeType===e.RANGE_TYPE.ROW||t.rangeType===e.RANGE_TYPE.ALL)return;let r=n.getRowCount(),i=n.getColumnCount(),{startRow:a,endRow:o,startColumn:s,endColumn:c}=t,l={startRow:a,endRow:o,startColumn:0,endColumn:s-1},u={startRow:a,endRow:o,startColumn:c+1,endColumn:i},d={startRow:0,endRow:a-1,startColumn:s,endColumn:c},f={startRow:o+1,endRow:r,startColumn:s,endColumn:c};for(let e of[l,u,d,f])e.startRow<=e.endRow&&e.startColumn<=e.endColumn&&this._rangeCollection.addRange(e)}_clear(){this._shapes.forEach(e=>{e.dispose()}),this._shapes=[]}_addShapes(t,n,r,i){let{startRow:a,endRow:o,startColumn:s,endColumn:c}=t,u=(0,l.getCoordByCell)(a,s,r,i),d=(0,l.getCoordByCell)(o,c,r,i),{startX:f,startY:p}=u,{endX:m,endY:h}=d,g=m-f,_=h-p,v={left:f,top:p,color:new e.ColorKit(this._color).toRgb(),width:g,height:_,zIndex:1,evented:!1},y=new M(`crosshair-${n}`,v);this._shapes.push(y),r.addObject(y)}render(e){let t=this._sheetSkeletonManagerService.getCurrentSkeleton();if(!t)return;let{scene:n}=this._context;this._clear();for(let r=0;r<e.length;r++){let i=e[r];this._addShapes(i,r,n,t)}n.makeDirty(!0)}async dispose(){super.dispose()}};N=k([O(1,(0,e.Inject)(l.SheetSkeletonManagerService)),O(2,(0,e.Inject)(c.SheetsSelectionsService)),O(3,(0,e.Inject)(h)),O(4,(0,e.Inject)(e.IContextService)),O(5,c.IRefSelectionsService)],N);let P=class extends e.Plugin{constructor(t=C,n,r,i){super(),this._config=t,this._injector=n,this._renderManagerService=r,this._configService=i;let{...a}=(0,e.merge)({},C,this._config);this._configService.setConfig(S,a)}onStarting(){[[h],[A]].forEach(e=>this._injector.add(e))}onReady(){[[N]].forEach(e=>this._injector.add(e)),this._injector.get(A),this._renderManagerService.registerRenderModule(e.UniverInstanceType.UNIVER_SHEET,[N])}};p(P,`pluginName`,`SHEET_CROSSHAIR_HIGHLIGHT_PLUGIN`),p(P,`packageName`,b),p(P,`version`,x),p(P,`type`,e.UniverInstanceType.UNIVER_SHEET),P=k([O(1,(0,e.Inject)(e.Injector)),O(2,n.IRenderManagerService),O(3,e.IConfigService)],P),exports.CROSSHAIR_HIGHLIGHT_COLORS=m,exports.DisableCrosshairHighlightOperation=y,exports.EnableCrosshairHighlightOperation=v,exports.SetCrosshairHighlightColorOperation=_,exports.SheetsCrosshairHighlightService=h,exports.ToggleCrosshairHighlightOperation=g,Object.defineProperty(exports,`UniverSheetsCrosshairHighlightPlugin`,{enumerable:!0,get:function(){return P}});
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let _univerjs_core = require("@univerjs/core");
+let rxjs = require("rxjs");
+let _univerjs_engine_render = require("@univerjs/engine-render");
+let _univerjs_icons = require("@univerjs/icons");
+let _univerjs_ui = require("@univerjs/ui");
+let _univerjs_design = require("@univerjs/design");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _univerjs_sheets = require("@univerjs/sheets");
+let _univerjs_sheets_ui = require("@univerjs/sheets-ui");
+
+//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region src/services/crosshair.service.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const CROSSHAIR_HIGHLIGHT_COLORS = [
+	"rgba(158, 109, 227, 0.3)",
+	"rgba(254, 75, 75, 0.3)",
+	"rgba(255, 140, 81, 0.3)",
+	"rgba(164, 220, 22, 0.3)",
+	"rgba(45, 174, 255, 0.3)",
+	"rgba(58, 96, 247, 0.3)",
+	"rgba(242, 72, 166, 0.3)",
+	"rgba(153, 153, 153, 0.3)",
+	"rgba(158, 109, 227, 0.15)",
+	"rgba(254, 75, 75, 0.15)",
+	"rgba(255, 140, 81, 0.15)",
+	"rgba(164, 220, 22, 0.15)",
+	"rgba(45, 174, 255, 0.15)",
+	"rgba(58, 96, 247, 0.15)",
+	"rgba(242, 72, 166, 0.15)",
+	"rgba(153, 153, 153, 0.15)"
+];
+var SheetsCrosshairHighlightService = class extends _univerjs_core.Disposable {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "_enabled$", new rxjs.BehaviorSubject(false));
+		_defineProperty(this, "enabled$", this._enabled$.asObservable());
+		_defineProperty(this, "_color$", new rxjs.BehaviorSubject(CROSSHAIR_HIGHLIGHT_COLORS[0]));
+		_defineProperty(this, "color$", this._color$.asObservable());
+	}
+	get enabled() {
+		return this._enabled$.getValue();
+	}
+	get color() {
+		return this._color$.getValue();
+	}
+	dispose() {
+		this._enabled$.complete();
+	}
+	setEnabled(value) {
+		this._enabled$.next(value);
+	}
+	setColor(value) {
+		this._color$.next(value);
+	}
+};
+
+//#endregion
+//#region src/commands/operations/operation.ts
+/**
+* A {@link CommandType.OPERATION} to toggle the crosshair highlight.
+*/
+const ToggleCrosshairHighlightOperation = {
+	id: "sheet.operation.toggle-crosshair-highlight",
+	type: _univerjs_core.CommandType.OPERATION,
+	handler(accessor) {
+		const service = accessor.get(SheetsCrosshairHighlightService);
+		const turnedOn = service.enabled;
+		service.setEnabled(!turnedOn);
+		return true;
+	}
+};
+/**
+* A {@link CommandType.OPERATION} to set the crosshair highlight color. It the crosshair highlight is not enabled,
+* it will be enabled.
+*
+* Its params {@link ISetCrosshairHighlightColorOperationParams} contains the color value to set as and is required.
+*/
+const SetCrosshairHighlightColorOperation = {
+	id: "sheet.operation.set-crosshair-highlight-color",
+	type: _univerjs_core.CommandType.OPERATION,
+	handler(accessor, { value }) {
+		const service = accessor.get(SheetsCrosshairHighlightService);
+		if (!service.enabled) service.setEnabled(true);
+		service.setColor(value);
+		return true;
+	}
+};
+/**
+* A {@link CommandType.OPERATION} to enable the crosshair highlight.
+*/
+const EnableCrosshairHighlightOperation = {
+	id: "sheet.operation.enable-crosshair-highlight",
+	type: _univerjs_core.CommandType.OPERATION,
+	handler(accessor) {
+		const service = accessor.get(SheetsCrosshairHighlightService);
+		if (service.enabled) return false;
+		service.setEnabled(true);
+		return true;
+	}
+};
+/**
+* A {@link CommandType.OPERATION} to disable the crosshair highlight.
+*/
+const DisableCrosshairHighlightOperation = {
+	id: "sheet.operation.disable-crosshair-highlight",
+	type: _univerjs_core.CommandType.OPERATION,
+	handler(accessor) {
+		const service = accessor.get(SheetsCrosshairHighlightService);
+		if (!service.enabled) return false;
+		service.setEnabled(false);
+		return true;
+	}
+};
+
+//#endregion
+//#region package.json
+var name = "@univerjs/sheets-crosshair-highlight";
+var version = "0.21.0";
+
+//#endregion
+//#region src/config/config.ts
+const SHEETS_CROSSHAIR_HIGHLIGHT_PLUGIN_CONFIG_KEY = "sheets-crosshair-highlight.config";
+const configSymbol = Symbol(SHEETS_CROSSHAIR_HIGHLIGHT_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
+//#region src/menu/crosshair.menu.ts
+const CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT = "CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT";
+function CrosshairHighlightMenuItemFactory(accessor) {
+	const crosshairHighlightService = accessor.get(SheetsCrosshairHighlightService);
+	return {
+		id: ToggleCrosshairHighlightOperation.id,
+		tooltip: "crosshair.button.tooltip",
+		type: _univerjs_ui.MenuItemType.BUTTON_SELECTOR,
+		icon: "CrossHighlightingIcon",
+		selections: [{ label: {
+			name: CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT,
+			hoverable: false,
+			selectable: false
+		} }],
+		selectionsCommandId: SetCrosshairHighlightColorOperation.id,
+		activated$: crosshairHighlightService.enabled$,
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
+	};
+}
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = { [_univerjs_ui.ContextMenuPosition.FOOTER_MENU]: { [_univerjs_ui.ContextMenuGroup.OTHERS]: { [ToggleCrosshairHighlightOperation.id]: {
+	order: 0,
+	menuItemFactory: CrosshairHighlightMenuItemFactory
+} } } };
+
+//#endregion
+//#region src/views/components/CrosshairHighlight.tsx
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function CrosshairOverlay(props) {
+	const { onChange } = props;
+	const currentColor = (0, _univerjs_ui.useObservable)((0, _univerjs_ui.useDependency)(SheetsCrosshairHighlightService).color$);
+	const handleColorPicked = (0, react.useCallback)((color) => {
+		onChange === null || onChange === void 0 || onChange(color);
+	}, [onChange]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "univer-grid univer-grid-cols-8 univer-gap-x-2 univer-gap-y-3",
+		children: CROSSHAIR_HIGHLIGHT_COLORS.map((color) => {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, _univerjs_design.clsx)("hover:univer-ring-primary-600/40 univer-box-border univer-size-5 univer-cursor-pointer univer-rounded univer-ring-offset-1 univer-transition-shadow hover:univer-ring-[1.5px]", _univerjs_design.borderClassName, { "univer-ring-[1.5px] univer-ring-primary-600 hover:univer-ring-primary-600": color === currentColor }),
+				style: { backgroundColor: color },
+				onClick: () => handleColorPicked(color)
+			}, color);
+		})
+	});
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/controllers/crosshair.controller.tsx
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let SheetsCrosshairHighlightController = class SheetsCrosshairHighlightController extends _univerjs_core.Disposable {
+	constructor(_componentMgr, _menuManagerService, _cmdSrv) {
+		super();
+		this._componentMgr = _componentMgr;
+		this._menuManagerService = _menuManagerService;
+		this._cmdSrv = _cmdSrv;
+		this._initCommands();
+		this._initMenus();
+		this._initComponents();
+	}
+	_initCommands() {
+		[
+			ToggleCrosshairHighlightOperation,
+			SetCrosshairHighlightColorOperation,
+			EnableCrosshairHighlightOperation,
+			DisableCrosshairHighlightOperation
+		].forEach((c) => this._cmdSrv.registerCommand(c));
+	}
+	_initMenus() {
+		this._menuManagerService.mergeMenu(menuSchema);
+	}
+	_initComponents() {
+		this._componentMgr.register(CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT, CrosshairOverlay);
+		this._componentMgr.register("CrossHighlightingIcon", _univerjs_icons.CrossHighlightingIcon);
+	}
+};
+SheetsCrosshairHighlightController = __decorate([
+	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)),
+	__decorateParam(1, _univerjs_ui.IMenuManagerService),
+	__decorateParam(2, _univerjs_core.ICommandService)
+], SheetsCrosshairHighlightController);
+
+//#endregion
+//#region src/util.ts
+var CrossHairRangeCollection = class {
+	constructor() {
+		_defineProperty(this, "_selectedRanges", []);
+		_defineProperty(this, "_ranges", []);
+	}
+	addRange(range) {
+		if (range.rangeType === _univerjs_core.RANGE_TYPE.COLUMN || range.rangeType === _univerjs_core.RANGE_TYPE.ROW || range.rangeType === _univerjs_core.RANGE_TYPE.ALL) return;
+		const intersects = this._getIntersects(range);
+		const splitRanges = this._getSplitRanges(range, intersects);
+		if (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 = _univerjs_core.Rectangle.subtract(splitRange, intersect);
+				if (split && split.length > 0) newRanges.push(...split);
+			}
+			splitRanges = newRanges;
+		}
+		return splitRanges.filter((range) => range.startRow <= range.endRow && range.startColumn <= range.endColumn);
+	}
+	_getIntersects(addRange) {
+		const intersects = [];
+		for (const range of this._ranges) {
+			const intersect = _univerjs_core.Rectangle.getIntersects(range, addRange);
+			if (intersect) intersects.push(intersect);
+		}
+		return intersects;
+	}
+	getRanges() {
+		return this._ranges;
+	}
+	reset() {
+		this._ranges = [];
+		this._selectedRanges = [];
+	}
+};
+
+//#endregion
+//#region src/views/widgets/crosshair-highlight-shape.ts
+var SheetCrossHairHighlightShape = class extends _univerjs_engine_render.Shape {
+	constructor(key, props) {
+		super(key, props);
+		_defineProperty(this, "_color", void 0);
+		if (props) this.setShapeProps(props);
+	}
+	setShapeProps(props) {
+		if (typeof props.color !== "undefined") this._color = props.color;
+		this.transformByState({
+			width: props.width,
+			height: props.height
+		});
+	}
+	_draw(ctx) {
+		var _this$_color$a, _this$_color;
+		const color = `rgba(${this._color.r}, ${this._color.g}, ${this._color.b}, ${(_this$_color$a = (_this$_color = this._color) === null || _this$_color === void 0 ? void 0 : _this$_color.a) !== null && _this$_color$a !== void 0 ? _this$_color$a : .5})`;
+		_univerjs_engine_render.Rect.drawWith(ctx, {
+			width: this.width,
+			height: this.height,
+			fill: color,
+			stroke: void 0,
+			strokeWidth: 0,
+			evented: false
+		});
+	}
+};
+
+//#endregion
+//#region src/views/widgets/crosshair-highlight.render-controller.ts
+let SheetCrosshairHighlightRenderController = class SheetCrosshairHighlightRenderController extends _univerjs_core.Disposable {
+	constructor(_context, _sheetSkeletonManagerService, _sheetsSelectionsService, _sheetsCrosshairHighlightService, _contextService, _refSelectionsService) {
+		super();
+		this._context = _context;
+		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
+		this._sheetsSelectionsService = _sheetsSelectionsService;
+		this._sheetsCrosshairHighlightService = _sheetsCrosshairHighlightService;
+		this._contextService = _contextService;
+		this._refSelectionsService = _refSelectionsService;
+		_defineProperty(this, "_shapes", []);
+		_defineProperty(this, "_rangeCollection", new CrossHairRangeCollection());
+		_defineProperty(this, "_color", "rgba(255,0,0,0.5)");
+		this._initRenderListener();
+	}
+	_transformSelection(selectionData, sheet) {
+		if (!selectionData) return;
+		const rowCount = sheet.getRowCount();
+		const columnCount = sheet.getColumnCount();
+		const ranges = [];
+		for (const selection of selectionData) {
+			const { startRow, endRow, startColumn, endColumn } = selection.range;
+			if (endRow - startRow + 1 === rowCount || endColumn - startColumn + 1 === columnCount) continue;
+			ranges.push(selection.range);
+		}
+		this._rangeCollection.setSelectedRanges(ranges);
+		for (const range of ranges) this.addSelection(range, sheet);
+	}
+	_initRenderListener() {
+		const workbook = this._context.unit;
+		this.disposeWithMe((0, rxjs.combineLatest)([
+			this._contextService.subscribeContextValue$(_univerjs_sheets.REF_SELECTIONS_ENABLED).pipe((0, rxjs.startWith)(false)),
+			this._sheetSkeletonManagerService.currentSkeleton$,
+			this._sheetsCrosshairHighlightService.enabled$,
+			this._sheetsCrosshairHighlightService.color$.pipe((0, rxjs.tap)((color) => this._color = color)),
+			(0, rxjs.merge)(this._sheetsSelectionsService.selectionMoveStart$, this._sheetsSelectionsService.selectionMoving$, this._sheetsSelectionsService.selectionMoveEnd$, this._sheetsSelectionsService.selectionSet$, workbook.activeSheet$.pipe((0, rxjs.map)(() => this._sheetsSelectionsService.getCurrentSelections()))),
+			(0, rxjs.merge)(this._refSelectionsService.selectionMoveStart$, this._refSelectionsService.selectionMoving$, this._refSelectionsService.selectionMoveEnd$, this._sheetsSelectionsService.selectionSet$, workbook.activeSheet$.pipe((0, rxjs.map)(() => this._refSelectionsService.getCurrentSelections())))
+		]).subscribe(([refSelectionEnabled, _, enabled, _color, normalSelections, refSelection]) => {
+			this._clear();
+			if (!enabled) return;
+			const selections = refSelectionEnabled ? refSelection : normalSelections;
+			this._rangeCollection.reset();
+			this._transformSelection(selections, workbook.getActiveSheet());
+			this.render(this._rangeCollection.getRanges());
+		}));
+	}
+	addSelection(range, sheet) {
+		if (range.rangeType === _univerjs_core.RANGE_TYPE.COLUMN || range.rangeType === _univerjs_core.RANGE_TYPE.ROW || range.rangeType === _univerjs_core.RANGE_TYPE.ALL) return;
+		const maxRow = sheet.getRowCount();
+		const maxColumn = sheet.getColumnCount();
+		const { startRow, endRow, startColumn, endColumn } = range;
+		const left = {
+			startRow,
+			endRow,
+			startColumn: 0,
+			endColumn: startColumn - 1
+		};
+		const right = {
+			startRow,
+			endRow,
+			startColumn: endColumn + 1,
+			endColumn: maxColumn
+		};
+		const top = {
+			startRow: 0,
+			endRow: startRow - 1,
+			startColumn,
+			endColumn
+		};
+		const bottom = {
+			startRow: endRow + 1,
+			endRow: maxRow,
+			startColumn,
+			endColumn
+		};
+		for (const range of [
+			left,
+			right,
+			top,
+			bottom
+		]) if (range.startRow <= range.endRow && range.startColumn <= range.endColumn) this._rangeCollection.addRange(range);
+	}
+	_clear() {
+		this._shapes.forEach((shape) => {
+			shape.dispose();
+		});
+		this._shapes = [];
+	}
+	_addShapes(range, index, scene, skeleton) {
+		const { startRow, endRow, startColumn, endColumn } = range;
+		const startPosition = (0, _univerjs_sheets_ui.getCoordByCell)(startRow, startColumn, scene, skeleton);
+		const endPosition = (0, _univerjs_sheets_ui.getCoordByCell)(endRow, endColumn, scene, skeleton);
+		const { startX, startY } = startPosition;
+		const { endX, endY } = endPosition;
+		const width = endX - startX;
+		const height = endY - startY;
+		const shapeProps = {
+			left: startX,
+			top: startY,
+			color: new _univerjs_core.ColorKit(this._color).toRgb(),
+			width,
+			height,
+			zIndex: 1,
+			evented: false
+		};
+		const currentShapes = new SheetCrossHairHighlightShape(`crosshair-${index}`, shapeProps);
+		this._shapes.push(currentShapes);
+		scene.addObject(currentShapes);
+	}
+	render(ranges) {
+		const skeleton = this._sheetSkeletonManagerService.getCurrentSkeleton();
+		if (!skeleton) return;
+		const { scene } = this._context;
+		this._clear();
+		for (let i = 0; i < ranges.length; i++) {
+			const range = ranges[i];
+			this._addShapes(range, i, scene, skeleton);
+		}
+		scene.makeDirty(true);
+	}
+	async dispose() {
+		super.dispose();
+	}
+};
+SheetCrosshairHighlightRenderController = __decorate([
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.SheetSkeletonManagerService)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService)),
+	__decorateParam(3, (0, _univerjs_core.Inject)(SheetsCrosshairHighlightService)),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.IContextService)),
+	__decorateParam(5, _univerjs_sheets.IRefSelectionsService)
+], SheetCrosshairHighlightRenderController);
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsCrosshairHighlightPlugin = class UniverSheetsCrosshairHighlightPlugin extends _univerjs_core.Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _renderManagerService, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._renderManagerService = _renderManagerService;
+		this._configService = _configService;
+		const { ...rest } = (0, _univerjs_core.merge)({}, defaultPluginConfig, this._config);
+		this._configService.setConfig(SHEETS_CROSSHAIR_HIGHLIGHT_PLUGIN_CONFIG_KEY, rest);
+	}
+	onStarting() {
+		[[SheetsCrosshairHighlightService], [SheetsCrosshairHighlightController]].forEach((d) => this._injector.add(d));
+	}
+	onReady() {
+		[[SheetCrosshairHighlightRenderController]].forEach((d) => this._injector.add(d));
+		this._injector.get(SheetsCrosshairHighlightController);
+		this._renderManagerService.registerRenderModule(_univerjs_core.UniverInstanceType.UNIVER_SHEET, [SheetCrosshairHighlightRenderController]);
+	}
+};
+_defineProperty(UniverSheetsCrosshairHighlightPlugin, "pluginName", "SHEET_CROSSHAIR_HIGHLIGHT_PLUGIN");
+_defineProperty(UniverSheetsCrosshairHighlightPlugin, "packageName", name);
+_defineProperty(UniverSheetsCrosshairHighlightPlugin, "version", version);
+_defineProperty(UniverSheetsCrosshairHighlightPlugin, "type", _univerjs_core.UniverInstanceType.UNIVER_SHEET);
+UniverSheetsCrosshairHighlightPlugin = __decorate([
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(2, _univerjs_engine_render.IRenderManagerService),
+	__decorateParam(3, _univerjs_core.IConfigService)
+], UniverSheetsCrosshairHighlightPlugin);
+
+//#endregion
+exports.CROSSHAIR_HIGHLIGHT_COLORS = CROSSHAIR_HIGHLIGHT_COLORS;
+exports.DisableCrosshairHighlightOperation = DisableCrosshairHighlightOperation;
+exports.EnableCrosshairHighlightOperation = EnableCrosshairHighlightOperation;
+exports.SetCrosshairHighlightColorOperation = SetCrosshairHighlightColorOperation;
+exports.SheetsCrosshairHighlightService = SheetsCrosshairHighlightService;
+exports.ToggleCrosshairHighlightOperation = ToggleCrosshairHighlightOperation;
+Object.defineProperty(exports, 'UniverSheetsCrosshairHighlightPlugin', {
+  enumerable: true,
+  get: function () {
+    return UniverSheetsCrosshairHighlightPlugin;
+  }
+});

package/lib/cjs/locale/ca-ES.js

@@ -1 +1,6 @@
-const e={crosshair:{button:{tooltip:`Ressaltat de creu`}}};module.exports=e;
+
+//#region src/locale/ca-ES.ts
+const locale = { crosshair: { button: { tooltip: "Ressaltat de creu" } } };
+
+//#endregion
+module.exports = locale;