@univerjs/sheets-note-ui 0.20.1 → 0.21.0

package/lib/es/index.js

@@ -1 +1,764 @@
-import{CommandType as e,DependentOn as t,Disposable as n,DisposableCollection as r,ICommandService as i,IConfigService as a,IUniverInstanceService as o,Inject as s,Injector as c,InterceptorEffectEnum as l,LocaleService as u,ObjectMatrix as d,Plugin as f,RANGE_TYPE as p,Rectangle as m,UniverInstanceType as h,generateRandomId as ee,merge as g,touchDependencies as _}from"@univerjs/core";import{IRenderManagerService as v}from"@univerjs/engine-render";import{INTERCEPTOR_POINT as y,SheetInterceptorService as te,SheetsSelectionsService as b,WorkbookEditablePermission as x,WorksheetEditPermission as S,getSheetCommandTarget as ne}from"@univerjs/sheets";import{SheetDeleteNoteCommand as C,SheetToggleNotePopupCommand as w,SheetUpdateNoteCommand as re,SheetsNoteModel as T,UniverSheetsNotePlugin as ie}from"@univerjs/sheets-note";import{BehaviorSubject as ae,combineLatest as oe,debounceTime as se,map as E,of as ce,switchMap as D}from"rxjs";import{CellPopupManagerService as O,HoverManagerService as le,IEditorBridgeService as ue,SheetSkeletonManagerService as k,getCurrentRangeDisable$ as A}from"@univerjs/sheets-ui";import{debounceTime as de}from"rxjs/operators";import{ComponentManager as fe,ContextMenuGroup as pe,ContextMenuPosition as me,IMenuManagerService as he,IZenZoneService as ge,MenuItemType as j,getMenuHiddenObservable as _e,useConfigValue as ve,useDebounceFn as ye,useDependency as M}from"@univerjs/ui";import{AddNoteIcon as N,DeleteNoteIcon as P,HideNoteIcon as be}from"@univerjs/icons";import{Textarea as xe,clsx as F}from"@univerjs/design";import{useCallback as I,useEffect as L,useRef as Se,useState as Ce}from"react";import{jsx as we}from"react/jsx-runtime";function R(e,t){return function(n,r){t(n,r,e)}}function z(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 B=class extends n{constructor(e,t,n,r){super(),this._sheetInterceptorService=e,this._sheetsNoteModel=t,this._renderManagerService=n,this._univerInstanceService=r,this._initViewModelIntercept(),this._initSkeletonChange()}_initViewModelIntercept(){this.disposeWithMe(this._sheetInterceptorService.intercept(y.CELL_CONTENT,{effect:l.Style,handler:(e,t,n)=>{let{row:r,col:i,unitId:a,subUnitId:o}=t;return this._sheetsNoteModel.getNote(a,o,{row:r,col:i})?((!e||e===t.rawData)&&(e={...t.rawData}),e.markers={...e==null?void 0:e.markers,tr:{color:`#FFBD37`,size:6}},n(e)):n(e)},priority:100}))}_initSkeletonChange(){let e=()=>{var e;let t=this._univerInstanceService.getCurrentUnitForType(h.UNIVER_SHEET);if(!t)return;let n=t.getUnitId(),r=this._renderManagerService.getRenderById(n);r==null||(e=r.mainComponent)==null||e.makeForceDirty()};this.disposeWithMe(this._sheetsNoteModel.change$.pipe(se(16)).subscribe(()=>{e()}))}};B=z([R(0,s(te)),R(1,s(T)),R(2,v),R(3,o)],B);const V=`SHEET_NOTE_COMPONENT`;function H(e){"@babel/helpers - typeof";return H=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},H(e)}function Te(e,t){if(H(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(H(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Ee(e){var t=Te(e,`string`);return H(t)==`symbol`?t:t+``}function U(e,t,n){return(t=Ee(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}let W=class extends n{get activePopup(){return this._activePopup}constructor(e,t){super(),this._zenZoneService=e,this._cellPopupManagerService=t,U(this,`_lastPopup`,null),U(this,`_activePopup`,void 0),U(this,`_activePopup$`,new ae(null)),U(this,`activePopup$`,this._activePopup$.asObservable()),this._initZenVisible(),this.disposeWithMe(()=>{this._activePopup$.complete()})}_initZenVisible(){this.disposeWithMe(this._zenZoneService.visible$.subscribe(e=>{e&&this.hidePopup()}))}dispose(){super.dispose(),this.hidePopup()}showPopup(e,t){var n;let{row:i,col:a,unitId:o,subUnitId:s}=e;if(this._activePopup&&i===this._activePopup.row&&a===this._activePopup.col&&o===this._activePopup.unitId&&s===((n=this.activePopup)==null?void 0:n.subUnitId)){this._activePopup=e,this._activePopup$.next(e);return}if(this._lastPopup&&this._lastPopup.dispose(),this._zenZoneService.visible)return;this._activePopup=e,this._activePopup$.next(e);let c=this._cellPopupManagerService.showPopup({unitId:o,subUnitId:s,row:i,col:a},{componentKey:V,onClickOutside:()=>{this.hidePopup()},direction:`horizontal`,extraProps:{location:e},priority:3});if(!c)throw Error(`[SheetsNotePopupService]: cannot show popup!`);let l=new r;l.add(c),l.add({dispose:()=>{t==null||t()}}),this._lastPopup=l}hidePopup(e){this._activePopup&&(!e&&!this._activePopup.temp||(this._lastPopup&&this._lastPopup.dispose(),this._lastPopup=null,this._activePopup=null,this._activePopup$.next(null)))}persistPopup(){!this._activePopup||!this._activePopup.temp||(this._activePopup={...this._activePopup,temp:!1},this._activePopup$.next(this._activePopup))}};W=z([R(0,ge),R(1,s(O))],W);let G=class extends n{constructor(e,t,n,r,i,a){super(),this._sheetsNotePopupService=e,this._sheetsNoteModel=t,this._sheetSelectionService=n,this._editorBridgeService=r,this._renderManagerService=i,this._hoverManagerService=a,U(this,`_isSwitchingSheet`,!1),this._initSelectionUpdateListener(),this._initEditorBridge(),this._initHoverEvent(),this._initDeleteNoteListener()}_handleSelectionChange(e,t,n){var r,i,a;let o=(r=e[0])==null?void 0:r.range,s=this._renderManagerService.getRenderById(t),c=s==null||(i=s.with(k).getSkeletonParam(n))==null?void 0:i.skeleton;if(!c||!o)return;let l=c.getCellWithCoordByIndex(o.startRow,o.startColumn);if((((a=o.rangeType)==null?p.NORMAL:a)!==p.NORMAL||o.endColumn-o.startColumn>0||o.endRow-o.startRow>0)&&!((l.isMerged||l.isMergedMainCell)&&m.equals(l.mergeInfo,o))){this._sheetsNotePopupService.hidePopup();return}let u=l.actualRow,d=l.actualColumn,f=this._sheetsNoteModel.getNote(t,n,{row:u,col:d});f!=null&&f.show||(f?this._sheetsNotePopupService.showPopup({unitId:t,subUnitId:n,noteId:f.id,row:u,col:d}):this._sheetsNotePopupService.hidePopup(!0))}_initSelectionUpdateListener(){this.disposeWithMe(this._sheetSelectionService.selectionMoveEnd$.subscribe(e=>{if(this._isSwitchingSheet)return;let t=this._sheetSelectionService.currentSelectionParam;t&&this._handleSelectionChange(e,t.unitId,t.sheetId)}))}_initEditorBridge(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(e=>{e.visible&&this._sheetsNotePopupService.hidePopup(!0)}))}_initHoverEvent(){this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(de(100)).subscribe(e=>{var t;if(!(e!=null&&e.location))return;let{unitId:n,subUnitId:r,row:i,col:a}=e.location,o=this._renderManagerService.getRenderById(n),s=o==null||(t=o.with(k).getSkeletonParam(r))==null?void 0:t.skeleton,c=i,l=a,u=this._sheetsNoteModel.getNote(n,r,{row:c,col:l});if(!u&&s){let{startRow:e,endRow:t,startColumn:o,endColumn:d}=s.getCellWithCoordByIndex(i,a).mergeInfo;if(e!==t||o!==d){let i=this._sheetsNoteModel.getSheetNotes(n,r);if(i){for(let[n,r]of i)if(r.row>=e&&r.row<=t&&r.col>=o&&r.col<=d){u=r,c=r.row,l=r.col;break}}}}u!=null&&u.show||(u?this._sheetsNotePopupService.showPopup({unitId:n,subUnitId:r,noteId:u.id,row:c,col:l,temp:!0}):this._sheetsNotePopupService.hidePopup())}))}_initDeleteNoteListener(){this.disposeWithMe(this._sheetsNoteModel.change$.subscribe(e=>{if(!this._sheetsNotePopupService.activePopup)return;let{unitId:t,subUnitId:n,noteId:r,row:i,col:a}=this._sheetsNotePopupService.activePopup,{oldNote:o,newNote:s}=e;s===null&&e.unitId===t&&e.subUnitId===n&&(o!=null&&o.id&&o.id===r||(o==null?void 0:o.row)===i&&o.col===a)&&this._sheetsNotePopupService.hidePopup(!0)}))}};G=z([R(0,s(W)),R(1,s(T)),R(2,s(b)),R(3,ue),R(4,v),R(5,s(le))],G);var De=`@univerjs/sheets-note-ui`,Oe=`0.20.1`;const K=`sheets-note-ui.config`;Symbol(K);const q={};let J=class extends n{constructor(e,t,n,r){super(),this._sheetsNoteModel=e,this._univerInstanceService=t,this._cellPopupManagerService=n,this._sheetsNotePopupService=r,U(this,`_noteMatrix`,new d),this._initNoteChangeListener()}_showPopup(e,t,n,r){return this._sheetsNotePopupService.hidePopup(!0),this._cellPopupManagerService.showPopup({unitId:e,subUnitId:t,row:n,col:r},{componentKey:V,direction:`horizontal`,extraProps:{location:{unitId:e,subUnitId:t,row:n,col:r}},priority:3})}dispose(){super.dispose(),this._noteMatrix.forValue((e,t,n)=>{n.dispose()})}_initSheet(e,t){var n;this._noteMatrix.forValue((e,t,n)=>{n.dispose()}),this._noteMatrix=new d;let r=(e,t,n,r,i)=>{let a=this._noteMatrix,o=a.getValue(n,r);if(i!=null&&i.show){if(!o){let i=this._showPopup(e,t,n,r);i&&a.setValue(n,r,i)}}else o&&(o.dispose(),a.realDeleteValue(n,r))};return(n=this._sheetsNoteModel.getSheetNotes(e,t))==null||n.forEach(n=>{r(e,t,n.row,n.col,n)}),this._sheetsNoteModel.change$.subscribe(n=>{if(!(n.unitId!==e||n.subUnitId!==t))switch(n.type){case`ref`:{let{unitId:e,subUnitId:t,oldNote:r,newNote:i}=n;if(!i.show)return;let a=this._noteMatrix,{row:o,col:s}=r,{row:c,col:l}=i,u=a.getValue(o,s);u&&(u.dispose(),a.realDeleteValue(o,s));let d=this._showPopup(e,t,c,l);d&&a.setValue(c,l,d);break}case`update`:{let{unitId:e,subUnitId:t,oldNote:i,newNote:a}=n;r(e,t,a?a.row:i.row,a?a.col:i.col,a);break}default:break}})}_initNoteChangeListener(){this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(h.UNIVER_SHEET).pipe(D(e=>{var t;return(t=e==null?void 0:e.activeSheet$)==null?ce(null):t})).subscribe(e=>{if(e){let t=this._initSheet(e.getUnitId(),e.getSheetId());return()=>{t.unsubscribe()}}else this._noteMatrix.forValue((e,t,n)=>{n.dispose()}),this._noteMatrix=new d}))}};J=z([R(0,s(T)),R(1,s(o)),R(2,s(O)),R(3,s(W))],J);const Y={id:`sheet.operation.add-note-popup`,type:e.OPERATION,handler:async(e,t)=>{var n;let r=e.get(b),i=e.get(W),a=e.get(o).getCurrentUnitForType(h.UNIVER_SHEET);if(!a)return!1;let s=a.getActiveSheet(),c=r.getCurrentLastSelection();if(!(c!=null&&c.primary))return!1;let{primary:l}=c;return i.showPopup({unitId:a.getUnitId(),subUnitId:s.getSheetId(),row:l.actualRow,col:l.actualColumn,temp:!1,trigger:(n=t==null?void 0:t.trigger)==null?`add-note`:n}),!0}};function X(e){let t=e.get(b),n=e.get(o);return t.selectionMoveEnd$.pipe(E(()=>{let r=t.getCurrentLastSelection();if(!(r!=null&&r.primary))return!1;let i=ne(n);if(!i)return!1;let{actualColumn:a,actualRow:o}=r.primary;return!!e.get(T).getNote(i.unitId,i.subUnitId,{row:o,col:a})}))}function ke(e){return{id:Y.id,type:j.BUTTON,title:`rightClick.addNote`,icon:`AddNoteIcon`,hidden$:oe([_e(e,h.UNIVER_SHEET),X(e)]).pipe(E(([e,t])=>e||t)),disabled$:A(e,{workbookTypes:[x],worksheetTypes:[S]}),commandId:Y.id}}function Ae(e){return{id:C.id,type:j.BUTTON,title:`rightClick.deleteNote`,icon:`DeleteNoteIcon`,hidden$:X(e).pipe(E(e=>!e)),disabled$:A(e,{workbookTypes:[x],worksheetTypes:[S]})}}function je(e){return{id:w.id,type:j.BUTTON,title:`rightClick.toggleNote`,icon:`HideNoteIcon`,hidden$:X(e).pipe(E(e=>!e))}}const Me={[me.MAIN_AREA]:{[pe.OTHERS]:{order:0,[Y.id]:{order:0,menuItemFactory:ke},[C.id]:{order:0,menuItemFactory:Ae},[w.id]:{order:0,menuItemFactory:je}}}},Z=e=>{var t;let{popup:n}=e,r=M(T),a=M(u),o=M(v),s=M(W),c=ve(K),l=(t=n.extraProps)==null?void 0:t.location;if(!l)return console.error(`Popup extraProps or location is undefined.`),null;let d=Se(null),f=o.getRenderById(l.unitId),[p,m]=Ce(null);L(()=>{var e,t,n,i,a,o;let{unitId:s,subUnitId:u,row:f,col:p}=l,h=r.getNote(s,u,{row:f,col:p}),_=(e=(t=h==null?void 0:h.width)==null?c==null||(n=c.defaultNoteSize)==null?void 0:n.width:t)==null?160:e,v=(i=(a=h==null?void 0:h.height)==null?c==null||(o=c.defaultNoteSize)==null?void 0:o.height:a)==null?72:i;if(h)m(h);else{let e={id:ee(6),width:_,height:v,note:``};m(e),g(e)}d.current&&(d.current.style.width=`${_}px`,d.current.style.height=`${v}px`)},[l,d]),L(()=>{if(!l||l.temp||!l.trigger||!d.current)return;let e=requestAnimationFrame(()=>{var e;(e=d.current)==null||e.focus()});return()=>cancelAnimationFrame(e)},[l]);let h=M(i),g=ye(e=>{if(!l)return;let{unitId:t,subUnitId:n,row:i,col:a}=l;if(!h.syncExecuteCommand(re.id,{unitId:t,sheetId:n,row:i,col:a,note:e})){let o=r.getNote(t,n,{noteId:e.id,row:i,col:a});o?m(o):s.hidePopup(!0)}}),_=I(e=>{if(!p||e===p.note)return;let t={...p,note:e};m(t),g(t)},[p]),y=I((e,t)=>{if(!p||e===p.width&&t===p.height)return;let n={...p,width:e,height:t};m(n),g(n)},[p]);return we(xe,{ref:d,"data-u-comp":`note-textarea`,className:F(`univer-ml-px univer-min-h-1 univer-min-w-1 univer-bg-white !univer-text-sm univer-shadow dark:!univer-bg-gray-800`),value:p==null?void 0:p.note,placeholder:a.t(`note.placeholder`),onResize:y,onValueChange:_,onWheel:e=>{document.activeElement!==d.current&&f.engine.getCanvasElement().dispatchEvent(new WheelEvent(e.type,e.nativeEvent))}})};let Q=class extends n{constructor(e,t,n){super(),this._componentManager=e,this._menuManagerService=t,this._commandService=n,this._initComponents(),this._initMenu(),this._initCommands()}_initComponents(){[[V,Z],[`AddNoteIcon`,N],[`DeleteNoteIcon`,P],[`HideNoteIcon`,be]].forEach(([e,t])=>{this.disposeWithMe(this._componentManager.register(e,t))})}_initMenu(){this._menuManagerService.mergeMenu(Me)}_initCommands(){this._commandService.registerCommand(Y)}};Q=z([R(0,s(fe)),R(1,s(he)),R(2,i)],Q);let $=class extends f{constructor(e=q,t,n){super(),this._config=e,this._injector=t,this._configService=n;let{menu:r,...i}=g({},q,this._config);r&&this._configService.setConfig(`menu`,r,{merge:!0}),this._configService.setConfig(K,i)}onStarting(){[[W],[B],[G],[Q],[J]].forEach(e=>{this._injector.add(e)})}onReady(){_(this._injector,[[Q],[B]])}onRendered(){_(this._injector,[[G],[J]])}};U($,`pluginName`,`SHEET_NOTE_UI_PLUGIN`),U($,`packageName`,De),U($,`version`,Oe),U($,`type`,h.UNIVER_SHEET),$=z([t(ie),R(1,s(c)),R(2,a)],$);export{B as SheetsCellContentController,Z as SheetsNote,G as SheetsNotePopupController,W as SheetsNotePopupService,$ as UniverSheetsNoteUIPlugin};
+import { CommandType, DependentOn, Disposable, DisposableCollection, ICommandService, IConfigService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, LocaleService, ObjectMatrix, Plugin, RANGE_TYPE, Rectangle, UniverInstanceType, generateRandomId, merge, touchDependencies } from "@univerjs/core";
+import { IRenderManagerService } from "@univerjs/engine-render";
+import { INTERCEPTOR_POINT, SheetInterceptorService, SheetsSelectionsService, WorkbookEditablePermission, WorksheetEditPermission, getSheetCommandTarget } from "@univerjs/sheets";
+import { SheetDeleteNoteCommand, SheetToggleNotePopupCommand, SheetUpdateNoteCommand, SheetsNoteModel, UniverSheetsNotePlugin } from "@univerjs/sheets-note";
+import { BehaviorSubject, combineLatest, debounceTime, map, of, switchMap } from "rxjs";
+import { CellPopupManagerService, HoverManagerService, IEditorBridgeService, SheetSkeletonManagerService, getCurrentRangeDisable$ } from "@univerjs/sheets-ui";
+import { debounceTime as debounceTime$1 } from "rxjs/operators";
+import { ComponentManager, ContextMenuGroup, ContextMenuPosition, IMenuManagerService, IZenZoneService, MenuItemType, getMenuHiddenObservable, useConfigValue, useDebounceFn, useDependency } from "@univerjs/ui";
+import { AddNoteIcon, DeleteNoteIcon, HideNoteIcon } from "@univerjs/icons";
+import { Textarea, clsx } from "@univerjs/design";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#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/sheets-cell-content.controller.ts
+let SheetsCellContentController = class SheetsCellContentController extends Disposable {
+	constructor(_sheetInterceptorService, _sheetsNoteModel, _renderManagerService, _univerInstanceService) {
+		super();
+		this._sheetInterceptorService = _sheetInterceptorService;
+		this._sheetsNoteModel = _sheetsNoteModel;
+		this._renderManagerService = _renderManagerService;
+		this._univerInstanceService = _univerInstanceService;
+		this._initViewModelIntercept();
+		this._initSkeletonChange();
+	}
+	_initViewModelIntercept() {
+		this.disposeWithMe(this._sheetInterceptorService.intercept(INTERCEPTOR_POINT.CELL_CONTENT, {
+			effect: InterceptorEffectEnum.Style,
+			handler: (cell, pos, next) => {
+				const { row, col, unitId, subUnitId } = pos;
+				if (this._sheetsNoteModel.getNote(unitId, subUnitId, {
+					row,
+					col
+				})) {
+					if (!cell || cell === pos.rawData) cell = { ...pos.rawData };
+					cell.markers = {
+						...cell === null || cell === void 0 ? void 0 : cell.markers,
+						tr: {
+							color: "#FFBD37",
+							size: 6
+						}
+					};
+					return next(cell);
+				}
+				return next(cell);
+			},
+			priority: 100
+		}));
+	}
+	_initSkeletonChange() {
+		const markSkeletonDirty = () => {
+			var _currentRender$mainCo;
+			const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+			if (!workbook) return;
+			const unitId = workbook.getUnitId();
+			const currentRender = this._renderManagerService.getRenderById(unitId);
+			currentRender === null || currentRender === void 0 || (_currentRender$mainCo = currentRender.mainComponent) === null || _currentRender$mainCo === void 0 || _currentRender$mainCo.makeForceDirty();
+		};
+		this.disposeWithMe(this._sheetsNoteModel.change$.pipe(debounceTime(16)).subscribe(() => {
+			markSkeletonDirty();
+		}));
+	}
+};
+SheetsCellContentController = __decorate([
+	__decorateParam(0, Inject(SheetInterceptorService)),
+	__decorateParam(1, Inject(SheetsNoteModel)),
+	__decorateParam(2, IRenderManagerService),
+	__decorateParam(3, IUniverInstanceService)
+], SheetsCellContentController);
+
+//#endregion
+//#region src/views/config.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 SHEET_NOTE_COMPONENT = "SHEET_NOTE_COMPONENT";
+
+//#endregion
+//#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/sheets-note-popup.service.ts
+let SheetsNotePopupService = class SheetsNotePopupService extends Disposable {
+	get activePopup() {
+		return this._activePopup;
+	}
+	constructor(_zenZoneService, _cellPopupManagerService) {
+		super();
+		this._zenZoneService = _zenZoneService;
+		this._cellPopupManagerService = _cellPopupManagerService;
+		_defineProperty(this, "_lastPopup", null);
+		_defineProperty(this, "_activePopup", void 0);
+		_defineProperty(this, "_activePopup$", new BehaviorSubject(null));
+		_defineProperty(this, "activePopup$", this._activePopup$.asObservable());
+		this._initZenVisible();
+		this.disposeWithMe(() => {
+			this._activePopup$.complete();
+		});
+	}
+	_initZenVisible() {
+		this.disposeWithMe(this._zenZoneService.visible$.subscribe((visible) => {
+			if (visible) this.hidePopup();
+		}));
+	}
+	dispose() {
+		super.dispose();
+		this.hidePopup();
+	}
+	showPopup(location, onHide) {
+		var _this$activePopup;
+		const { row, col, unitId, subUnitId } = location;
+		if (this._activePopup && row === this._activePopup.row && col === this._activePopup.col && unitId === this._activePopup.unitId && subUnitId === ((_this$activePopup = this.activePopup) === null || _this$activePopup === void 0 ? void 0 : _this$activePopup.subUnitId)) {
+			this._activePopup = location;
+			this._activePopup$.next(location);
+			return;
+		}
+		if (this._lastPopup) this._lastPopup.dispose();
+		if (this._zenZoneService.visible) return;
+		this._activePopup = location;
+		this._activePopup$.next(location);
+		const popupDisposable = this._cellPopupManagerService.showPopup({
+			unitId,
+			subUnitId,
+			row,
+			col
+		}, {
+			componentKey: SHEET_NOTE_COMPONENT,
+			onClickOutside: () => {
+				this.hidePopup();
+			},
+			direction: "horizontal",
+			extraProps: { location },
+			priority: 3
+		});
+		if (!popupDisposable) throw new Error("[SheetsNotePopupService]: cannot show popup!");
+		const disposableCollection = new DisposableCollection();
+		disposableCollection.add(popupDisposable);
+		disposableCollection.add({ dispose: () => {
+			onHide === null || onHide === void 0 || onHide();
+		} });
+		this._lastPopup = disposableCollection;
+	}
+	hidePopup(force) {
+		if (!this._activePopup) return;
+		if (!force && !this._activePopup.temp) return;
+		if (this._lastPopup) this._lastPopup.dispose();
+		this._lastPopup = null;
+		this._activePopup = null;
+		this._activePopup$.next(null);
+	}
+	persistPopup() {
+		if (!this._activePopup || !this._activePopup.temp) return;
+		this._activePopup = {
+			...this._activePopup,
+			temp: false
+		};
+		this._activePopup$.next(this._activePopup);
+	}
+};
+SheetsNotePopupService = __decorate([__decorateParam(0, IZenZoneService), __decorateParam(1, Inject(CellPopupManagerService))], SheetsNotePopupService);
+
+//#endregion
+//#region src/controllers/sheets-note-popup.controller.ts
+let SheetsNotePopupController = class SheetsNotePopupController extends Disposable {
+	constructor(_sheetsNotePopupService, _sheetsNoteModel, _sheetSelectionService, _editorBridgeService, _renderManagerService, _hoverManagerService) {
+		super();
+		this._sheetsNotePopupService = _sheetsNotePopupService;
+		this._sheetsNoteModel = _sheetsNoteModel;
+		this._sheetSelectionService = _sheetSelectionService;
+		this._editorBridgeService = _editorBridgeService;
+		this._renderManagerService = _renderManagerService;
+		this._hoverManagerService = _hoverManagerService;
+		_defineProperty(this, "_isSwitchingSheet", false);
+		this._initSelectionUpdateListener();
+		this._initEditorBridge();
+		this._initHoverEvent();
+		this._initDeleteNoteListener();
+	}
+	_handleSelectionChange(selections, unitId, subUnitId) {
+		var _selections$, _render$with$getSkele, _range$rangeType;
+		const range = (_selections$ = selections[0]) === null || _selections$ === void 0 ? void 0 : _selections$.range;
+		const render = this._renderManagerService.getRenderById(unitId);
+		const skeleton = render === null || render === void 0 || (_render$with$getSkele = render.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId)) === null || _render$with$getSkele === void 0 ? void 0 : _render$with$getSkele.skeleton;
+		if (!skeleton) return;
+		if (!range) return;
+		const actualCell = skeleton.getCellWithCoordByIndex(range.startRow, range.startColumn);
+		if ((((_range$rangeType = range.rangeType) !== null && _range$rangeType !== void 0 ? _range$rangeType : RANGE_TYPE.NORMAL) !== RANGE_TYPE.NORMAL || range.endColumn - range.startColumn > 0 || range.endRow - range.startRow > 0) && !((actualCell.isMerged || actualCell.isMergedMainCell) && Rectangle.equals(actualCell.mergeInfo, range))) {
+			this._sheetsNotePopupService.hidePopup();
+			return;
+		}
+		const row = actualCell.actualRow;
+		const col = actualCell.actualColumn;
+		const note = this._sheetsNoteModel.getNote(unitId, subUnitId, {
+			row,
+			col
+		});
+		if (note === null || note === void 0 ? void 0 : note.show) return;
+		if (note) this._sheetsNotePopupService.showPopup({
+			unitId,
+			subUnitId,
+			noteId: note.id,
+			row,
+			col
+		});
+		else this._sheetsNotePopupService.hidePopup(true);
+	}
+	_initSelectionUpdateListener() {
+		this.disposeWithMe(this._sheetSelectionService.selectionMoveEnd$.subscribe((selections) => {
+			if (this._isSwitchingSheet) return;
+			const current = this._sheetSelectionService.currentSelectionParam;
+			if (!current) return;
+			this._handleSelectionChange(selections, current.unitId, current.sheetId);
+		}));
+	}
+	_initEditorBridge() {
+		this.disposeWithMe(this._editorBridgeService.visible$.subscribe((visible) => {
+			if (visible.visible) this._sheetsNotePopupService.hidePopup(true);
+		}));
+	}
+	_initHoverEvent() {
+		this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(debounceTime$1(100)).subscribe((cell) => {
+			var _render$with$getSkele2;
+			if (!(cell === null || cell === void 0 ? void 0 : cell.location)) return;
+			const { unitId, subUnitId, row, col } = cell.location;
+			const render = this._renderManagerService.getRenderById(unitId);
+			const skeleton = render === null || render === void 0 || (_render$with$getSkele2 = render.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId)) === null || _render$with$getSkele2 === void 0 ? void 0 : _render$with$getSkele2.skeleton;
+			let targetRow = row;
+			let targetCol = col;
+			let note = this._sheetsNoteModel.getNote(unitId, subUnitId, {
+				row: targetRow,
+				col: targetCol
+			});
+			if (!note && skeleton) {
+				const { startRow, endRow, startColumn, endColumn } = skeleton.getCellWithCoordByIndex(row, col).mergeInfo;
+				if (startRow !== endRow || startColumn !== endColumn) {
+					const sheetNotes = this._sheetsNoteModel.getSheetNotes(unitId, subUnitId);
+					if (sheetNotes) {
+						for (const [_id, _note] of sheetNotes) if (_note.row >= startRow && _note.row <= endRow && _note.col >= startColumn && _note.col <= endColumn) {
+							note = _note;
+							targetRow = _note.row;
+							targetCol = _note.col;
+							break;
+						}
+					}
+				}
+			}
+			if (note === null || note === void 0 ? void 0 : note.show) return;
+			if (note) this._sheetsNotePopupService.showPopup({
+				unitId,
+				subUnitId,
+				noteId: note.id,
+				row: targetRow,
+				col: targetCol,
+				temp: true
+			});
+			else this._sheetsNotePopupService.hidePopup();
+		}));
+	}
+	_initDeleteNoteListener() {
+		this.disposeWithMe(this._sheetsNoteModel.change$.subscribe((change) => {
+			if (!this._sheetsNotePopupService.activePopup) return;
+			const { unitId, subUnitId, noteId, row, col } = this._sheetsNotePopupService.activePopup;
+			const { oldNote, newNote } = change;
+			if (newNote === null && change.unitId === unitId && change.subUnitId === subUnitId && ((oldNote === null || oldNote === void 0 ? void 0 : oldNote.id) && oldNote.id === noteId || (oldNote === null || oldNote === void 0 ? void 0 : oldNote.row) === row && oldNote.col === col)) this._sheetsNotePopupService.hidePopup(true);
+		}));
+	}
+};
+SheetsNotePopupController = __decorate([
+	__decorateParam(0, Inject(SheetsNotePopupService)),
+	__decorateParam(1, Inject(SheetsNoteModel)),
+	__decorateParam(2, Inject(SheetsSelectionsService)),
+	__decorateParam(3, IEditorBridgeService),
+	__decorateParam(4, IRenderManagerService),
+	__decorateParam(5, Inject(HoverManagerService))
+], SheetsNotePopupController);
+
+//#endregion
+//#region package.json
+var name = "@univerjs/sheets-note-ui";
+var version = "0.21.0";
+
+//#endregion
+//#region src/config/config.ts
+const SHEETS_NOTE_UI_PLUGIN_CONFIG_KEY = "sheets-note-ui.config";
+const configSymbol = Symbol(SHEETS_NOTE_UI_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
+//#region src/controllers/sheets-note-attachment.controller.ts
+let SheetsNoteAttachmentController = class SheetsNoteAttachmentController extends Disposable {
+	constructor(_sheetsNoteModel, _univerInstanceService, _cellPopupManagerService, _sheetsNotePopupService) {
+		super();
+		this._sheetsNoteModel = _sheetsNoteModel;
+		this._univerInstanceService = _univerInstanceService;
+		this._cellPopupManagerService = _cellPopupManagerService;
+		this._sheetsNotePopupService = _sheetsNotePopupService;
+		_defineProperty(this, "_noteMatrix", new ObjectMatrix());
+		this._initNoteChangeListener();
+	}
+	_showPopup(unitId, sheetId, row, col) {
+		this._sheetsNotePopupService.hidePopup(true);
+		return this._cellPopupManagerService.showPopup({
+			unitId,
+			subUnitId: sheetId,
+			row,
+			col
+		}, {
+			componentKey: SHEET_NOTE_COMPONENT,
+			direction: "horizontal",
+			extraProps: { location: {
+				unitId,
+				subUnitId: sheetId,
+				row,
+				col
+			} },
+			priority: 3
+		});
+	}
+	dispose() {
+		super.dispose();
+		this._noteMatrix.forValue((_, __, disposable) => {
+			disposable.dispose();
+		});
+	}
+	_initSheet(targetUnitId, targetSheetId) {
+		var _this$_sheetsNoteMode;
+		this._noteMatrix.forValue((_, __, disposable) => {
+			disposable.dispose();
+		});
+		this._noteMatrix = new ObjectMatrix();
+		const handleNote = (unitId, sheetId, row, col, note) => {
+			const matrix = this._noteMatrix;
+			const disposable = matrix.getValue(row, col);
+			if (note === null || note === void 0 ? void 0 : note.show) {
+				if (!disposable) {
+					const newDisposable = this._showPopup(unitId, sheetId, row, col);
+					if (newDisposable) matrix.setValue(row, col, newDisposable);
+				}
+			} else if (disposable) {
+				disposable.dispose();
+				matrix.realDeleteValue(row, col);
+			}
+		};
+		(_this$_sheetsNoteMode = this._sheetsNoteModel.getSheetNotes(targetUnitId, targetSheetId)) === null || _this$_sheetsNoteMode === void 0 || _this$_sheetsNoteMode.forEach((note) => {
+			handleNote(targetUnitId, targetSheetId, note.row, note.col, note);
+		});
+		return this._sheetsNoteModel.change$.subscribe((change) => {
+			if (change.unitId !== targetUnitId || change.subUnitId !== targetSheetId) return;
+			switch (change.type) {
+				case "ref": {
+					const { unitId, subUnitId, oldNote, newNote } = change;
+					if (!newNote.show) return;
+					const matrix = this._noteMatrix;
+					const { row: oldRow, col: oldCol } = oldNote;
+					const { row: newRow, col: newCol } = newNote;
+					const disposable = matrix.getValue(oldRow, oldCol);
+					if (disposable) {
+						disposable.dispose();
+						matrix.realDeleteValue(oldRow, oldCol);
+					}
+					const newDisposable = this._showPopup(unitId, subUnitId, newRow, newCol);
+					if (newDisposable) matrix.setValue(newRow, newCol, newDisposable);
+					break;
+				}
+				case "update": {
+					const { unitId, subUnitId, oldNote, newNote } = change;
+					handleNote(unitId, subUnitId, newNote ? newNote.row : oldNote.row, newNote ? newNote.col : oldNote.col, newNote);
+					break;
+				}
+				default: break;
+			}
+		});
+	}
+	_initNoteChangeListener() {
+		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(switchMap((workbook) => {
+			var _workbook$activeSheet;
+			return (_workbook$activeSheet = workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) !== null && _workbook$activeSheet !== void 0 ? _workbook$activeSheet : of(null);
+		})).subscribe((sheet) => {
+			if (sheet) {
+				const disposable = this._initSheet(sheet.getUnitId(), sheet.getSheetId());
+				return () => {
+					disposable.unsubscribe();
+				};
+			} else {
+				this._noteMatrix.forValue((_, __, disposable) => {
+					disposable.dispose();
+				});
+				this._noteMatrix = new ObjectMatrix();
+			}
+		}));
+	}
+};
+SheetsNoteAttachmentController = __decorate([
+	__decorateParam(0, Inject(SheetsNoteModel)),
+	__decorateParam(1, Inject(IUniverInstanceService)),
+	__decorateParam(2, Inject(CellPopupManagerService)),
+	__decorateParam(3, Inject(SheetsNotePopupService))
+], SheetsNoteAttachmentController);
+
+//#endregion
+//#region src/commands/operations/add-note-popup.operation.ts
+const AddNotePopupOperation = {
+	id: "sheet.operation.add-note-popup",
+	type: CommandType.OPERATION,
+	handler: async (accessor, params) => {
+		var _params$trigger;
+		const selectionService = accessor.get(SheetsSelectionsService);
+		const notePopupService = accessor.get(SheetsNotePopupService);
+		const workbook = accessor.get(IUniverInstanceService).getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+		if (!workbook) return false;
+		const worksheet = workbook.getActiveSheet();
+		const lastSelection = selectionService.getCurrentLastSelection();
+		if (!(lastSelection === null || lastSelection === void 0 ? void 0 : lastSelection.primary)) return false;
+		const { primary } = lastSelection;
+		notePopupService.showPopup({
+			unitId: workbook.getUnitId(),
+			subUnitId: worksheet.getSheetId(),
+			row: primary.actualRow,
+			col: primary.actualColumn,
+			temp: false,
+			trigger: (_params$trigger = params === null || params === void 0 ? void 0 : params.trigger) !== null && _params$trigger !== void 0 ? _params$trigger : "add-note"
+		});
+		return true;
+	}
+};
+
+//#endregion
+//#region src/menu/note.menu.ts
+function getHasNote$(accessor) {
+	const sheetsSelectionsService = accessor.get(SheetsSelectionsService);
+	const univerInstanceService = accessor.get(IUniverInstanceService);
+	return sheetsSelectionsService.selectionMoveEnd$.pipe(map(() => {
+		const selection = sheetsSelectionsService.getCurrentLastSelection();
+		if (!(selection === null || selection === void 0 ? void 0 : selection.primary)) return false;
+		const target = getSheetCommandTarget(univerInstanceService);
+		if (!target) return false;
+		const { actualColumn, actualRow } = selection.primary;
+		const noteModel = accessor.get(SheetsNoteModel);
+		return Boolean(noteModel.getNote(target.unitId, target.subUnitId, {
+			row: actualRow,
+			col: actualColumn
+		}));
+	}));
+}
+function sheetNoteContextMenuFactory(accessor) {
+	return {
+		id: AddNotePopupOperation.id,
+		type: MenuItemType.BUTTON,
+		title: "rightClick.addNote",
+		icon: "AddNoteIcon",
+		hidden$: combineLatest([getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET), getHasNote$(accessor)]).pipe(map(([hidden, hasNote]) => hidden || hasNote)),
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetEditPermission]
+		}),
+		commandId: AddNotePopupOperation.id
+	};
+}
+function sheetDeleteNoteMenuFactory(accessor) {
+	return {
+		id: SheetDeleteNoteCommand.id,
+		type: MenuItemType.BUTTON,
+		title: "rightClick.deleteNote",
+		icon: "DeleteNoteIcon",
+		hidden$: getHasNote$(accessor).pipe(map((hasNote) => !hasNote)),
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetEditPermission]
+		})
+	};
+}
+function sheetNoteToggleMenuFactory(accessor) {
+	return {
+		id: SheetToggleNotePopupCommand.id,
+		type: MenuItemType.BUTTON,
+		title: "rightClick.toggleNote",
+		icon: "HideNoteIcon",
+		hidden$: getHasNote$(accessor).pipe(map((hasNote) => !hasNote))
+	};
+}
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = { [ContextMenuPosition.MAIN_AREA]: { [ContextMenuGroup.OTHERS]: {
+	order: 0,
+	[AddNotePopupOperation.id]: {
+		order: 0,
+		menuItemFactory: sheetNoteContextMenuFactory
+	},
+	[SheetDeleteNoteCommand.id]: {
+		order: 0,
+		menuItemFactory: sheetDeleteNoteMenuFactory
+	},
+	[SheetToggleNotePopupCommand.id]: {
+		order: 0,
+		menuItemFactory: sheetNoteToggleMenuFactory
+	}
+} } };
+
+//#endregion
+//#region src/views/note.tsx
+const SheetsNote = (props) => {
+	var _popup$extraProps;
+	const { popup } = props;
+	const noteModel = useDependency(SheetsNoteModel);
+	const localeService = useDependency(LocaleService);
+	const renderManagerService = useDependency(IRenderManagerService);
+	const notePopupService = useDependency(SheetsNotePopupService);
+	const config = useConfigValue(SHEETS_NOTE_UI_PLUGIN_CONFIG_KEY);
+	const activePopup = (_popup$extraProps = popup.extraProps) === null || _popup$extraProps === void 0 ? void 0 : _popup$extraProps.location;
+	if (!activePopup) {
+		console.error("Popup extraProps or location is undefined.");
+		return null;
+	}
+	const textareaRef = useRef(null);
+	const currentRender = renderManagerService.getRenderById(activePopup.unitId);
+	const [note, setNote] = useState(null);
+	useEffect(() => {
+		var _ref, _note$width, _config$defaultNoteSi, _ref2, _note$height, _config$defaultNoteSi2;
+		const { unitId, subUnitId, row, col } = activePopup;
+		const note = noteModel.getNote(unitId, subUnitId, {
+			row,
+			col
+		});
+		const width = (_ref = (_note$width = note === null || note === void 0 ? void 0 : note.width) !== null && _note$width !== void 0 ? _note$width : config === null || config === void 0 || (_config$defaultNoteSi = config.defaultNoteSize) === null || _config$defaultNoteSi === void 0 ? void 0 : _config$defaultNoteSi.width) !== null && _ref !== void 0 ? _ref : 160;
+		const height = (_ref2 = (_note$height = note === null || note === void 0 ? void 0 : note.height) !== null && _note$height !== void 0 ? _note$height : config === null || config === void 0 || (_config$defaultNoteSi2 = config.defaultNoteSize) === null || _config$defaultNoteSi2 === void 0 ? void 0 : _config$defaultNoteSi2.height) !== null && _ref2 !== void 0 ? _ref2 : 72;
+		if (!note) {
+			const initNote = {
+				id: generateRandomId(6),
+				width,
+				height,
+				note: ""
+			};
+			setNote(initNote);
+			updateNote(initNote);
+		} else setNote(note);
+		if (textareaRef.current) {
+			textareaRef.current.style.width = `${width}px`;
+			textareaRef.current.style.height = `${height}px`;
+		}
+	}, [activePopup, textareaRef]);
+	useEffect(() => {
+		if (!activePopup || activePopup.temp || !activePopup.trigger) return;
+		if (!textareaRef.current) return;
+		const focusId = requestAnimationFrame(() => {
+			var _textareaRef$current;
+			(_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 || _textareaRef$current.focus();
+		});
+		return () => cancelAnimationFrame(focusId);
+	}, [activePopup]);
+	const commandService = useDependency(ICommandService);
+	const updateNote = useDebounceFn((newNote) => {
+		if (!activePopup) return;
+		const { unitId, subUnitId, row, col } = activePopup;
+		if (!commandService.syncExecuteCommand(SheetUpdateNoteCommand.id, {
+			unitId,
+			sheetId: subUnitId,
+			row,
+			col,
+			note: newNote
+		})) {
+			const oldNote = noteModel.getNote(unitId, subUnitId, {
+				noteId: newNote.id,
+				row,
+				col
+			});
+			if (oldNote) setNote(oldNote);
+			else notePopupService.hidePopup(true);
+		}
+	});
+	const handleNoteChange = useCallback((value) => {
+		if (!note) return;
+		if (value === note.note) return;
+		const newNote = {
+			...note,
+			note: value
+		};
+		setNote(newNote);
+		updateNote(newNote);
+	}, [note]);
+	const handleResize = useCallback((width, height) => {
+		if (!note) return;
+		if (width === note.width && height === note.height) return;
+		const newNote = {
+			...note,
+			width,
+			height
+		};
+		setNote(newNote);
+		updateNote(newNote);
+	}, [note]);
+	return /* @__PURE__ */ jsx(Textarea, {
+		ref: textareaRef,
+		"data-u-comp": "note-textarea",
+		className: clsx("univer-ml-px univer-min-h-1 univer-min-w-1 univer-bg-white !univer-text-sm univer-shadow dark:!univer-bg-gray-800"),
+		value: note === null || note === void 0 ? void 0 : note.note,
+		placeholder: localeService.t("note.placeholder"),
+		onResize: handleResize,
+		onValueChange: handleNoteChange,
+		onWheel: (e) => {
+			if (document.activeElement !== textareaRef.current) currentRender.engine.getCanvasElement().dispatchEvent(new WheelEvent(e.type, e.nativeEvent));
+		}
+	});
+};
+
+//#endregion
+//#region src/controllers/sheets-note-ui.controller.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.
+*/
+let SheetsNoteUIController = class SheetsNoteUIController extends Disposable {
+	constructor(_componentManager, _menuManagerService, _commandService) {
+		super();
+		this._componentManager = _componentManager;
+		this._menuManagerService = _menuManagerService;
+		this._commandService = _commandService;
+		this._initComponents();
+		this._initMenu();
+		this._initCommands();
+	}
+	_initComponents() {
+		[
+			[SHEET_NOTE_COMPONENT, SheetsNote],
+			["AddNoteIcon", AddNoteIcon],
+			["DeleteNoteIcon", DeleteNoteIcon],
+			["HideNoteIcon", HideNoteIcon]
+		].forEach(([key, comp]) => {
+			this.disposeWithMe(this._componentManager.register(key, comp));
+		});
+	}
+	_initMenu() {
+		this._menuManagerService.mergeMenu(menuSchema);
+	}
+	_initCommands() {
+		this._commandService.registerCommand(AddNotePopupOperation);
+	}
+};
+SheetsNoteUIController = __decorate([
+	__decorateParam(0, Inject(ComponentManager)),
+	__decorateParam(1, Inject(IMenuManagerService)),
+	__decorateParam(2, ICommandService)
+], SheetsNoteUIController);
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsNoteUIPlugin = class UniverSheetsNoteUIPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		const { menu, ...rest } = merge({}, defaultPluginConfig, this._config);
+		if (menu) this._configService.setConfig("menu", menu, { merge: true });
+		this._configService.setConfig(SHEETS_NOTE_UI_PLUGIN_CONFIG_KEY, rest);
+	}
+	onStarting() {
+		[
+			[SheetsNotePopupService],
+			[SheetsCellContentController],
+			[SheetsNotePopupController],
+			[SheetsNoteUIController],
+			[SheetsNoteAttachmentController]
+		].forEach((dependency) => {
+			this._injector.add(dependency);
+		});
+	}
+	onReady() {
+		touchDependencies(this._injector, [[SheetsNoteUIController], [SheetsCellContentController]]);
+	}
+	onRendered() {
+		touchDependencies(this._injector, [[SheetsNotePopupController], [SheetsNoteAttachmentController]]);
+	}
+};
+_defineProperty(UniverSheetsNoteUIPlugin, "pluginName", "SHEET_NOTE_UI_PLUGIN");
+_defineProperty(UniverSheetsNoteUIPlugin, "packageName", name);
+_defineProperty(UniverSheetsNoteUIPlugin, "version", version);
+_defineProperty(UniverSheetsNoteUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+UniverSheetsNoteUIPlugin = __decorate([
+	DependentOn(UniverSheetsNotePlugin),
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, IConfigService)
+], UniverSheetsNoteUIPlugin);
+
+//#endregion
+export { SheetsCellContentController, SheetsNote, SheetsNotePopupController, SheetsNotePopupService, UniverSheetsNoteUIPlugin };