@univerjs/sheets-note-ui 1.0.0-insiders.20260813-7c9aa50 → 1.0.0

package/lib/es/index.js

@@ -11,7 +11,7 @@ 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.140.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -19,7 +19,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/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);
@@ -104,7 +104,7 @@ SheetsCellContentController = __decorate([
 const SHEET_NOTE_COMPONENT = "SHEET_NOTE_COMPONENT";
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -115,7 +115,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -128,14 +128,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -218,6 +218,143 @@ let SheetsNotePopupService = class SheetsNotePopupService extends Disposable {
 };
 SheetsNotePopupService = __decorate([__decorateParam(0, Inject(CellPopupManagerService))], SheetsNotePopupService);
 
+//#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());
+		_defineProperty(this, "_suppressedUnitIds", /* @__PURE__ */ new Set());
+		_defineProperty(this, "_activeUnitId", null);
+		_defineProperty(this, "_activeSheetId", null);
+		_defineProperty(this, "_noteChangeSubscription", null);
+		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() {
+		var _this$_noteChangeSubs;
+		super.dispose();
+		this._clearNoteMatrix();
+		this._suppressedUnitIds.clear();
+		this._activeUnitId = null;
+		this._activeSheetId = null;
+		(_this$_noteChangeSubs = this._noteChangeSubscription) === null || _this$_noteChangeSubs === void 0 || _this$_noteChangeSubs.unsubscribe();
+		this._noteChangeSubscription = null;
+	}
+	setPopupSuppressed(unitId, suppressed) {
+		if (suppressed) this._suppressedUnitIds.add(unitId);
+		else this._suppressedUnitIds.delete(unitId);
+		if (unitId !== this._activeUnitId || !this._activeSheetId) return;
+		if (suppressed) this._clearNoteMatrix();
+		else this._showPersistentNotes(unitId, this._activeSheetId);
+	}
+	_initSheet(targetUnitId, targetSheetId) {
+		this._clearNoteMatrix();
+		this._activeUnitId = targetUnitId;
+		this._activeSheetId = targetSheetId;
+		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 (this._suppressedUnitIds.has(unitId)) {
+					disposable === null || disposable === void 0 || disposable.dispose();
+					matrix.realDeleteValue(row, col);
+					return;
+				}
+				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);
+			}
+		};
+		if (!this._suppressedUnitIds.has(targetUnitId)) this._showPersistentNotes(targetUnitId, targetSheetId);
+		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);
+					}
+					handleNote(unitId, subUnitId, newRow, newCol, newNote);
+					break;
+				}
+				case "update": {
+					const { unitId, subUnitId, oldNote, newNote } = change;
+					const row = newNote ? newNote.row : oldNote.row;
+					const col = newNote ? newNote.col : oldNote.col;
+					handleNote(unitId, subUnitId, row, col, newNote);
+					break;
+				}
+			}
+		});
+	}
+	_initNoteChangeListener() {
+		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(switchMap((workbook) => (workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) ?? of(null))).subscribe((sheet) => {
+			var _this$_noteChangeSubs2;
+			(_this$_noteChangeSubs2 = this._noteChangeSubscription) === null || _this$_noteChangeSubs2 === void 0 || _this$_noteChangeSubs2.unsubscribe();
+			this._noteChangeSubscription = null;
+			if (sheet) this._noteChangeSubscription = this._initSheet(sheet.getUnitId(), sheet.getSheetId());
+			else {
+				this._clearNoteMatrix();
+				this._activeUnitId = null;
+				this._activeSheetId = null;
+			}
+		}));
+	}
+	_showPersistentNotes(unitId, sheetId) {
+		var _this$_sheetsNoteMode;
+		(_this$_sheetsNoteMode = this._sheetsNoteModel.getSheetNotes(unitId, sheetId)) === null || _this$_sheetsNoteMode === void 0 || _this$_sheetsNoteMode.forEach((note) => {
+			if (!note.show || this._noteMatrix.getValue(note.row, note.col)) return;
+			const disposable = this._showPopup(unitId, sheetId, note.row, note.col);
+			if (disposable) this._noteMatrix.setValue(note.row, note.col, disposable);
+		});
+	}
+	_clearNoteMatrix() {
+		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/controllers/sheets-note-popup.controller.ts
 let SheetsNotePopupController = class SheetsNotePopupController extends Disposable {
@@ -435,7 +572,7 @@ const menuSchema = { [ContextMenuPosition.MAIN_AREA]: { [ContextMenuGroup.OTHERS
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-note-ui";
-var version = "1.0.0-insiders.20260813-7c9aa50";
+var version = "1.0.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -552,7 +689,7 @@ function SheetsNoteContent({ activePopup }) {
 	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"),
+		className: clsx("univer-ml-px univer-min-h-1 univer-min-w-1 univer-bg-gray-0 !univer-text-sm univer-shadow dark:!univer-bg-gray-800"),
 		value: note === null || note === void 0 ? void 0 : note.note,
 		placeholder: localeService.t("sheets-note-ui.note.placeholder"),
 		onResize: handleResize,
@@ -603,117 +740,6 @@ let ComponentsController = class ComponentsController extends Disposable {
 };
 ComponentsController = __decorate([__decorateParam(0, Inject(ComponentManager)), __decorateParam(1, Inject(IconManager))], ComponentsController);
 
-//#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;
-					const row = newNote ? newNote.row : oldNote.row;
-					const col = newNote ? newNote.col : oldNote.col;
-					handleNote(unitId, subUnitId, row, col, newNote);
-					break;
-				}
-				default: break;
-			}
-		});
-	}
-	_initNoteChangeListener() {
-		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(switchMap((workbook) => (workbook === null || workbook === void 0 ? 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/controllers/ui.controller.ts
 /**
@@ -791,4 +817,4 @@ UniverSheetsNoteUIPlugin = __decorate([
 ], UniverSheetsNoteUIPlugin);
 
 //#endregion
-export { SheetsCellContentController, SheetsNotePopupController, SheetsNotePopupService, menuSchema as SheetsNoteUIMenuSchema, UniverSheetsNoteUIPlugin };
+export { SheetsCellContentController, SheetsNoteAttachmentController, SheetsNotePopupController, SheetsNotePopupService, menuSchema as SheetsNoteUIMenuSchema, UniverSheetsNoteUIPlugin };

package/lib/index.css

@@ -10,8 +10,8 @@
   min-width: .25rem;
 }
 
-.univer-bg-white {
-  background-color: var(--univer-white);
+.univer-bg-gray-0 {
+  background-color: var(--univer-gray-0);
 }
 
 .\!univer-text-sm {

package/lib/index.js

@@ -11,7 +11,7 @@ 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.140.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -19,7 +19,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/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);
@@ -104,7 +104,7 @@ SheetsCellContentController = __decorate([
 const SHEET_NOTE_COMPONENT = "SHEET_NOTE_COMPONENT";
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -115,7 +115,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -128,14 +128,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -218,6 +218,143 @@ let SheetsNotePopupService = class SheetsNotePopupService extends Disposable {
 };
 SheetsNotePopupService = __decorate([__decorateParam(0, Inject(CellPopupManagerService))], SheetsNotePopupService);
 
+//#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());
+		_defineProperty(this, "_suppressedUnitIds", /* @__PURE__ */ new Set());
+		_defineProperty(this, "_activeUnitId", null);
+		_defineProperty(this, "_activeSheetId", null);
+		_defineProperty(this, "_noteChangeSubscription", null);
+		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() {
+		var _this$_noteChangeSubs;
+		super.dispose();
+		this._clearNoteMatrix();
+		this._suppressedUnitIds.clear();
+		this._activeUnitId = null;
+		this._activeSheetId = null;
+		(_this$_noteChangeSubs = this._noteChangeSubscription) === null || _this$_noteChangeSubs === void 0 || _this$_noteChangeSubs.unsubscribe();
+		this._noteChangeSubscription = null;
+	}
+	setPopupSuppressed(unitId, suppressed) {
+		if (suppressed) this._suppressedUnitIds.add(unitId);
+		else this._suppressedUnitIds.delete(unitId);
+		if (unitId !== this._activeUnitId || !this._activeSheetId) return;
+		if (suppressed) this._clearNoteMatrix();
+		else this._showPersistentNotes(unitId, this._activeSheetId);
+	}
+	_initSheet(targetUnitId, targetSheetId) {
+		this._clearNoteMatrix();
+		this._activeUnitId = targetUnitId;
+		this._activeSheetId = targetSheetId;
+		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 (this._suppressedUnitIds.has(unitId)) {
+					disposable === null || disposable === void 0 || disposable.dispose();
+					matrix.realDeleteValue(row, col);
+					return;
+				}
+				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);
+			}
+		};
+		if (!this._suppressedUnitIds.has(targetUnitId)) this._showPersistentNotes(targetUnitId, targetSheetId);
+		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);
+					}
+					handleNote(unitId, subUnitId, newRow, newCol, newNote);
+					break;
+				}
+				case "update": {
+					const { unitId, subUnitId, oldNote, newNote } = change;
+					const row = newNote ? newNote.row : oldNote.row;
+					const col = newNote ? newNote.col : oldNote.col;
+					handleNote(unitId, subUnitId, row, col, newNote);
+					break;
+				}
+			}
+		});
+	}
+	_initNoteChangeListener() {
+		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(switchMap((workbook) => (workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) ?? of(null))).subscribe((sheet) => {
+			var _this$_noteChangeSubs2;
+			(_this$_noteChangeSubs2 = this._noteChangeSubscription) === null || _this$_noteChangeSubs2 === void 0 || _this$_noteChangeSubs2.unsubscribe();
+			this._noteChangeSubscription = null;
+			if (sheet) this._noteChangeSubscription = this._initSheet(sheet.getUnitId(), sheet.getSheetId());
+			else {
+				this._clearNoteMatrix();
+				this._activeUnitId = null;
+				this._activeSheetId = null;
+			}
+		}));
+	}
+	_showPersistentNotes(unitId, sheetId) {
+		var _this$_sheetsNoteMode;
+		(_this$_sheetsNoteMode = this._sheetsNoteModel.getSheetNotes(unitId, sheetId)) === null || _this$_sheetsNoteMode === void 0 || _this$_sheetsNoteMode.forEach((note) => {
+			if (!note.show || this._noteMatrix.getValue(note.row, note.col)) return;
+			const disposable = this._showPopup(unitId, sheetId, note.row, note.col);
+			if (disposable) this._noteMatrix.setValue(note.row, note.col, disposable);
+		});
+	}
+	_clearNoteMatrix() {
+		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/controllers/sheets-note-popup.controller.ts
 let SheetsNotePopupController = class SheetsNotePopupController extends Disposable {
@@ -435,7 +572,7 @@ const menuSchema = { [ContextMenuPosition.MAIN_AREA]: { [ContextMenuGroup.OTHERS
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-note-ui";
-var version = "1.0.0-insiders.20260813-7c9aa50";
+var version = "1.0.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -552,7 +689,7 @@ function SheetsNoteContent({ activePopup }) {
 	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"),
+		className: clsx("univer-ml-px univer-min-h-1 univer-min-w-1 univer-bg-gray-0 !univer-text-sm univer-shadow dark:!univer-bg-gray-800"),
 		value: note === null || note === void 0 ? void 0 : note.note,
 		placeholder: localeService.t("sheets-note-ui.note.placeholder"),
 		onResize: handleResize,
@@ -603,117 +740,6 @@ let ComponentsController = class ComponentsController extends Disposable {
 };
 ComponentsController = __decorate([__decorateParam(0, Inject(ComponentManager)), __decorateParam(1, Inject(IconManager))], ComponentsController);
 
-//#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;
-					const row = newNote ? newNote.row : oldNote.row;
-					const col = newNote ? newNote.col : oldNote.col;
-					handleNote(unitId, subUnitId, row, col, newNote);
-					break;
-				}
-				default: break;
-			}
-		});
-	}
-	_initNoteChangeListener() {
-		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(switchMap((workbook) => (workbook === null || workbook === void 0 ? 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/controllers/ui.controller.ts
 /**
@@ -791,4 +817,4 @@ UniverSheetsNoteUIPlugin = __decorate([
 ], UniverSheetsNoteUIPlugin);
 
 //#endregion
-export { SheetsCellContentController, SheetsNotePopupController, SheetsNotePopupService, menuSchema as SheetsNoteUIMenuSchema, UniverSheetsNoteUIPlugin };
+export { SheetsCellContentController, SheetsNoteAttachmentController, SheetsNotePopupController, SheetsNotePopupService, menuSchema as SheetsNoteUIMenuSchema, UniverSheetsNoteUIPlugin };