suneditor 3.1.3 → 3.2.0

package/src/plugins/dropdown/table/index.js

@@ -4,7 +4,13 @@ import { Controller, Figure } from '../../../modules/contract';
 import { _DragHandle } from '../../../modules/ui';
 
 import * as Constants from './shared/table.constants';
-import { CreateCellsString, GetMaxColumns, IsResizeEls, IsTableCaption, GetLogicalCellIndex } from './shared/table.utils';
+import {
+	CreateCellsString,
+	GetMaxColumns,
+	IsResizeEls,
+	IsTableCaption,
+	GetLogicalCellIndex,
+} from './shared/table.utils';
 import { CreateHTML, CreateHTML_controller_table, CreateHTML_controller_cell } from './render/table.html';
 
 import TableCellService from './services/table.cell';
@@ -89,10 +95,18 @@ class Table extends PluginDropdownFree {
 		const controller_cell = CreateHTML_controller_cell(this.$, this.cellControllerTop);
 
 		this.$.contextProvider.applyToRoots((e) => {
-			e.get('wrapper').appendChild(dom.utils.createElement('DIV', { class: Constants.RESIZE_CELL_CLASS.replace(/^\./, '') }));
-			e.get('wrapper').appendChild(dom.utils.createElement('DIV', { class: Constants.RESIZE_CELL_PREV_CLASS.replace(/^\./, '') }));
-			e.get('wrapper').appendChild(dom.utils.createElement('DIV', { class: Constants.RESIZE_ROW_CLASS.replace(/^\./, '') }));
-			e.get('wrapper').appendChild(dom.utils.createElement('DIV', { class: Constants.RESIZE_ROW_PREV_CLASS.replace(/^\./, '') }));
+			e.get('wrapper').appendChild(
+				dom.utils.createElement('DIV', { class: Constants.RESIZE_CELL_CLASS.replace(/^\./, '') }),
+			);
+			e.get('wrapper').appendChild(
+				dom.utils.createElement('DIV', { class: Constants.RESIZE_CELL_PREV_CLASS.replace(/^\./, '') }),
+			);
+			e.get('wrapper').appendChild(
+				dom.utils.createElement('DIV', { class: Constants.RESIZE_ROW_CLASS.replace(/^\./, '') }),
+			);
+			e.get('wrapper').appendChild(
+				dom.utils.createElement('DIV', { class: Constants.RESIZE_ROW_PREV_CLASS.replace(/^\./, '') }),
+			);
 		});
 
 		// members - Controller
@@ -175,7 +189,12 @@ class Table extends PluginDropdownFree {
 
 		this.#maxWidth = this.state.figureElement?.style.width === '100%';
 		this.#fixedColumn = dom.utils.hasClass(target, 'se-table-layout-fixed') || target.style.tableLayout === 'fixed';
-		this.styleService.setTableLayout(this.#maxWidth ? 'width|column' : 'width', this.#maxWidth, this.#fixedColumn, true);
+		this.styleService.setTableLayout(
+			this.#maxWidth ? 'width|column' : 'width',
+			this.#maxWidth,
+			this.#fixedColumn,
+			true,
+		);
 
 		if (_DragHandle.get('__overInfo') === ON_OVER_COMPONENT) return;
 
@@ -185,12 +204,22 @@ class Table extends PluginDropdownFree {
 		// controller open
 		const btnDisabled = this.state.selectedCells?.length > 1;
 		const figureEl = dom.query.getParentElement(target, dom.check.isFigure);
-		this.controller_table.open(figureEl, null, { isWWTarget: false, initMethod: null, addOffset: null, disabled: btnDisabled });
+		this.controller_table.open(figureEl, null, {
+			isWWTarget: false,
+			initMethod: null,
+			addOffset: null,
+			disabled: btnDisabled,
+		});
 
 		if (!this.state.fixedCell) return;
 
 		this.cellService.setUnMergeButton();
-		this.controller_cell.open(this.state.tdElement, this.cellControllerTop ? figureEl : null, { isWWTarget: false, initMethod: null, addOffset: null, disabled: btnDisabled });
+		this.controller_cell.open(this.state.tdElement, this.cellControllerTop ? figureEl : null, {
+			isWWTarget: false,
+			initMethod: null,
+			addOffset: null,
+			disabled: btnDisabled,
+		});
 	}
 
 	/**
@@ -253,7 +282,7 @@ class Table extends PluginDropdownFree {
 		if (domParserBody.childElementCount !== 1) return;
 
 		const componentInfo = this.$.component.get(domParserBody.firstElementChild);
-		if (componentInfo.pluginName !== Table.key) return;
+		if (componentInfo?.pluginName !== Table.key) return;
 
 		const copyTable = /** @type {HTMLTableElement} */ (componentInfo.target);
 		const selectedCells = this.clipboardService.pasteTableCellMatrix(copyTable, targetCell);
@@ -278,7 +307,9 @@ class Table extends PluginDropdownFree {
 			/** @param {HTMLTableElement} element */
 			method: (element) => {
 				const ColgroupEl = element.querySelector('colgroup');
-				let FigureEl = /** @type {HTMLElement} */ (dom.check.isFigure(element.parentNode) ? element.parentNode : null);
+				let FigureEl = /** @type {HTMLElement} */ (
+					dom.check.isFigure(element.parentNode) ? element.parentNode : null
+				);
 
 				// create colgroup
 				if (!ColgroupEl) {
@@ -318,7 +349,9 @@ class Table extends PluginDropdownFree {
 									if (existingWidth === null) {
 										colWidths[targetColIndex] = `width: ${cellWidth};`;
 									} else {
-										const existingPxWidth = parseFloat(existingWidth.replace('width: ', '').replace(';', ''));
+										const existingPxWidth = parseFloat(
+											existingWidth.replace('width: ', '').replace(';', ''),
+										);
 										if (colSpan === 1 && currentPxWidth !== existingPxWidth) {
 											colWidths[targetColIndex] = `width: ${cellWidth};`;
 										}
@@ -370,7 +403,10 @@ class Table extends PluginDropdownFree {
 				} else {
 					const scrollTypeClass = `se-scroll-figure-${this.figureScroll}`;
 					dom.utils.addClass(FigureEl, scrollTypeClass);
-					dom.utils.removeClass(FigureEl, this.figureScrollList.filter((v) => v !== scrollTypeClass).join('|'));
+					dom.utils.removeClass(
+						FigureEl,
+						this.figureScrollList.filter((v) => v !== scrollTypeClass).join('|'),
+					);
 				}
 			},
 		};
@@ -463,7 +499,13 @@ class Table extends PluginDropdownFree {
 
 		const keyCode = event.code;
 		const isTab = keyCodeMap.isTab(keyCode);
-		if (this.$.ui.selectMenuOn || this.resizeService.isResizing() || (!isTab && this.#_s) || keyCodeMap.isCtrl(event)) return;
+		if (
+			this.$.ui.selectMenuOn ||
+			this.resizeService.isResizing() ||
+			(!isTab && this.#_s) ||
+			keyCodeMap.isCtrl(event)
+		)
+			return;
 
 		if (!this.cellControllerTop) {
 			this.controller_cell.hide();
@@ -547,7 +589,10 @@ class Table extends PluginDropdownFree {
 	 */
 	onKeyUp({ line }) {
 		this.#_s = false;
-		if (this.state.isShiftPressed && dom.query.getParentElement(line, dom.check.isTableCell) === this.state.fixedCell) {
+		if (
+			this.state.isShiftPressed &&
+			dom.query.getParentElement(line, dom.check.isTableCell) === this.state.fixedCell
+		) {
 			this.selectionService.deleteStyleSelectedCells();
 			this._editorEnable(true);
 			this.#initService();
@@ -760,7 +805,8 @@ class Table extends PluginDropdownFree {
 		this.setState('tdElement', tdElement);
 		if (this.state.fixedCell === tdElement) dom.utils.addClass(tdElement, 'se-selected-cell-focus');
 		if (!this.state.selectedCells?.length) this.setState('selectedCells', [tdElement]);
-		const tableElement = this.state.selectedTable || this._element || dom.query.getParentElement(tdElement, 'TABLE');
+		const tableElement =
+			this.state.selectedTable || this._element || dom.query.getParentElement(tdElement, 'TABLE');
 		this.$.component.select(tableElement, Table.key, { isInput: true });
 	}
 
@@ -807,7 +853,13 @@ class Table extends PluginDropdownFree {
 	 * @param {Node} target - The target figure element.
 	 */
 	#figureOpen(target) {
-		this.figure.open(target, { nonResizing: true, nonSizeInfo: true, nonBorder: true, figureTarget: true, infoOnly: false });
+		this.figure.open(target, {
+			nonResizing: true,
+			nonSizeInfo: true,
+			nonBorder: true,
+			figureTarget: true,
+			infoOnly: false,
+		});
 	}
 
 	/**
@@ -885,7 +937,10 @@ class Table extends PluginDropdownFree {
 			scrollTypeClass = ` se-scroll-figure-${this.figureScroll}`;
 		}
 
-		const figure = dom.utils.createElement('FIGURE', { class: 'se-flex-component se-input-component' + scrollTypeClass, style: 'width: 100%;' });
+		const figure = dom.utils.createElement('FIGURE', {
+			class: 'se-flex-component se-input-component' + scrollTypeClass,
+			style: 'width: 100%;',
+		});
 		figure.appendChild(oTable);
 		this.#maxWidth = true;
 

package/src/plugins/dropdown/table/render/table.html.js

@@ -158,7 +158,9 @@ export function CreateHTML_controller_cell({ lang, icons }, cellControllerTop) {
  * @returns {TableCtrlProps}
  */
 export function CreateHTML_controller_properties({ lang, icons, options }) {
-	const alignItems = options.get('_rtl') ? ['right', 'center', 'left', 'justify'] : ['left', 'center', 'right', 'justify'];
+	const alignItems = options.get('_rtl')
+		? ['right', 'center', 'left', 'justify']
+		: ['left', 'center', 'right', 'justify'];
 	let alignHtml = '';
 	for (let i = 0, item, text; i < alignItems.length; i++) {
 		item = alignItems[i];

package/src/plugins/dropdown/table/services/table.cell.js

@@ -34,7 +34,12 @@ export class TableCellService {
 
 		// members - SelectMenu - split
 		const splitMenu = CreateSplitMenu(this.#$.lang);
-		this.selectMenu_split = new SelectMenu(this.#$, { checkList: false, position: 'bottom-center', openMethod: openCellMenuFunc, closeMethod: closeCellMenuFunc });
+		this.selectMenu_split = new SelectMenu(this.#$, {
+			checkList: false,
+			position: 'bottom-center',
+			openMethod: openCellMenuFunc,
+			closeMethod: closeCellMenuFunc,
+		});
 		this.selectMenu_split.on(this.splitButton, this._OnSplitCells.bind(this));
 		this.selectMenu_split.create(splitMenu.items, splitMenu.menus);
 	}
@@ -59,7 +64,9 @@ export class TableCellService {
 	mergeCells(selectedCells, skipPostProcess = false) {
 		const originTable = selectedCells[0].closest('table');
 		InvalidateTableCache(originTable);
-		const { clonedTable, clonedSelectedCells } = skipPostProcess ? { clonedTable: originTable, clonedSelectedCells: selectedCells } : CloneTable(originTable, selectedCells);
+		const { clonedTable, clonedSelectedCells } = skipPostProcess
+			? { clonedTable: originTable, clonedSelectedCells: selectedCells }
+			: CloneTable(originTable, selectedCells);
 
 		this.#main.setTableInfo(clonedTable);
 		selectedCells = clonedSelectedCells;
@@ -160,7 +167,9 @@ export class TableCellService {
 
 		const originTable = selectedCells[0].closest('table');
 		InvalidateTableCache(originTable);
-		const { clonedTable, clonedSelectedCells } = skipPostProcess ? { clonedTable: originTable, clonedSelectedCells: selectedCells } : CloneTable(originTable, selectedCells);
+		const { clonedTable, clonedSelectedCells } = skipPostProcess
+			? { clonedTable: originTable, clonedSelectedCells: selectedCells }
+			: CloneTable(originTable, selectedCells);
 
 		this.#main.setState('ref', null);
 		this.#main.setTableInfo(clonedTable);
@@ -217,7 +226,12 @@ export class TableCellService {
 
 		// set info
 		if (firstCell !== lastCell) {
-			lastCell = !newLastCell || lastCell.closest('tr').rowIndex > newLastCell.closest('tr').rowIndex || lastCell.cellIndex > newLastCell.cellIndex ? lastCell : newLastCell;
+			lastCell =
+				!newLastCell ||
+				lastCell.closest('tr').rowIndex > newLastCell.closest('tr').rowIndex ||
+				lastCell.cellIndex > newLastCell.cellIndex
+					? lastCell
+					: newLastCell;
 			this.#selectionService.setMultiCells(firstCell, lastCell);
 			this.#main.setState('selectedCells', Array.from(table.querySelectorAll('.se-selected-table-cell')));
 		} else {
@@ -265,7 +279,11 @@ export class TableCellService {
 	 * @description Sets the unmerge button visibility.
 	 */
 	setUnMergeButton() {
-		if (this.findMergedCells(!this.#state.selectedCells?.length ? [this.#state.fixedCell] : this.#state.selectedCells).length > 0) {
+		if (
+			this.findMergedCells(
+				!this.#state.selectedCells?.length ? [this.#state.fixedCell] : this.#state.selectedCells,
+			).length > 0
+		) {
 			this.unmergeButton.disabled = false;
 		} else {
 			this.unmergeButton.disabled = true;
@@ -345,7 +363,11 @@ export class TableCellService {
 							});
 						}
 
-						if (cell !== currentCell && logcalIndex <= index && logcalIndex + cs >= index + currentColSpan - 1) {
+						if (
+							cell !== currentCell &&
+							logcalIndex <= index &&
+							logcalIndex + cs >= index + currentColSpan - 1
+						) {
 							cell.colSpan += 1;
 							break;
 						}
@@ -399,7 +421,11 @@ export class TableCellService {
 				const nextCells = nextRow.cells;
 				let rs = rowSpanArr.shift();
 
-				for (let c = 0, cLen = nextCells.length, colSpan = 0, cell, cs, logcalIndex, insertIndex; c < cLen; c++) {
+				for (
+					let c = 0, cLen = nextCells.length, colSpan = 0, cell, cs, logcalIndex, insertIndex;
+					c < cLen;
+					c++
+				) {
 					logcalIndex = c + colSpan;
 					cell = nextCells[c];
 					cs = cell.colSpan - 1;

package/src/plugins/dropdown/table/services/table.clipboard.js

@@ -292,7 +292,11 @@ export class TableClipboardService {
 				const cEnd = cStart + cs - 1;
 				const mergeCells = [];
 
-				for (let targetR = targetInfo.rowIndex + r, tRowCnt = targetR + rs, rowOffset = 0; targetR < tRowCnt; targetR++, rowOffset++) {
+				for (
+					let targetR = targetInfo.rowIndex + r, tRowCnt = targetR + rs, rowOffset = 0;
+					targetR < tRowCnt;
+					targetR++, rowOffset++
+				) {
 					const targetRow = targetRows[targetR];
 					const targetCells = targetRow.cells;
 

package/src/plugins/dropdown/table/services/table.grid.js

@@ -28,13 +28,23 @@ export class TableGridService {
 
 		// members - SelectMenu - column
 		const columnMenu = CreateColumnMenu(this.#$.lang, this.#$.icons);
-		this.selectMenu_column = new SelectMenu(this.#$, { checkList: false, position: 'bottom-center', openMethod: openCellMenuFunc, closeMethod: closeCellMenuFunc });
+		this.selectMenu_column = new SelectMenu(this.#$, {
+			checkList: false,
+			position: 'bottom-center',
+			openMethod: openCellMenuFunc,
+			closeMethod: closeCellMenuFunc,
+		});
 		this.selectMenu_column.on(columnButton, this.#OnColumnEdit.bind(this));
 		this.selectMenu_column.create(columnMenu.items, columnMenu.menus);
 
 		// members - SelectMenu - row
 		const rownMenu = CreateRowMenu(this.#$.lang, this.#$.icons);
-		this.selectMenu_row = new SelectMenu(this.#$, { checkList: false, position: 'bottom-center', openMethod: openCellMenuFunc, closeMethod: closeCellMenuFunc });
+		this.selectMenu_row = new SelectMenu(this.#$, {
+			checkList: false,
+			position: 'bottom-center',
+			openMethod: openCellMenuFunc,
+			closeMethod: closeCellMenuFunc,
+		});
 		this.selectMenu_row.on(rowButton, this.#OnRowEdit.bind(this));
 		this.selectMenu_row.create(rownMenu.items, rownMenu.menus);
 	}
@@ -54,7 +64,11 @@ export class TableGridService {
 	 * @description Opens the row menu.
 	 */
 	openRowMenu() {
-		this.selectMenu_row.menus[0].style.display = this.selectMenu_row.menus[1].style.display = /^TH$/i.test(this.#state.tdElement?.nodeName) ? 'none' : '';
+		this.selectMenu_row.menus[0].style.display = this.selectMenu_row.menus[1].style.display = /^TH$/i.test(
+			this.#state.tdElement?.nodeName,
+		)
+			? 'none'
+			: '';
 		this.selectMenu_row.open();
 	}
 
@@ -77,7 +91,8 @@ export class TableGridService {
 						dom.utils.removeItem(this.#state.figureElement);
 						this.#main._closeTableSelectInfo();
 					} else {
-						table.innerHTML += '<tbody><tr>' + CreateCellsString('td', this.#state.logical_cellCnt) + '</tr></tbody>';
+						table.innerHTML +=
+							'<tbody><tr>' + CreateCellsString('td', this.#state.logical_cellCnt) + '</tr></tbody>';
 					}
 					return;
 				}
@@ -274,7 +289,12 @@ export class TableGridService {
 					if (removeIndex >= insertIndex && removeIndex + cs <= insertIndex + colSpan) {
 						removeCell.push(cell);
 					} else if (removeIndex <= insertIndex + colSpan && removeIndex + cs >= insertIndex) {
-						cell.colSpan -= numbers.getOverlapRangeAtIndex(cellIndex, cellIndex + colSpan, removeIndex, removeIndex + cs);
+						cell.colSpan -= numbers.getOverlapRangeAtIndex(
+							cellIndex,
+							cellIndex + colSpan,
+							removeIndex,
+							removeIndex + cs,
+						);
 					} else if (rs > 0 && (removeIndex < insertIndex || removeIndex + cs > insertIndex + colSpan)) {
 						removeSpanArr.push({
 							cell: cell,
@@ -311,8 +331,11 @@ export class TableGridService {
 			if (remove) {
 				dom.utils.removeItem(cols[insertIndex]);
 			} else {
-				const isAutoLayout = !dom.utils.hasClass(this.#main._element, 'se-table-layout-fixed') && this.#main._element.style.tableLayout !== 'fixed';
-				const hasWidth = !isAutoLayout && Array.prototype.some.call(cols, (col) => numbers.get(col.style.width) > 0);
+				const isAutoLayout =
+					!dom.utils.hasClass(this.#main._element, 'se-table-layout-fixed') &&
+					this.#main._element.style.tableLayout !== 'fixed';
+				const hasWidth =
+					!isAutoLayout && Array.prototype.some.call(cols, (col) => numbers.get(col.style.width) > 0);
 
 				if (hasWidth) {
 					let totalW = 0;
@@ -345,7 +368,12 @@ export class TableGridService {
 
 			for (let c = 0, cLen = removeSpanArr.length, rowSpanCell; c < cLen; c++) {
 				rowSpanCell = removeSpanArr[c];
-				rowSpanCell.cell.rowSpan = numbers.getOverlapRangeAtIndex(removeFirst, removeEnd, rowSpanCell.i, rowSpanCell.rs);
+				rowSpanCell.cell.rowSpan = numbers.getOverlapRangeAtIndex(
+					removeFirst,
+					removeEnd,
+					rowSpanCell.i,
+					rowSpanCell.rs,
+				);
 			}
 
 			this.#main._closeController();
@@ -408,7 +436,10 @@ export class TableGridService {
 
 					if (cell.rowSpan > 1) {
 						cell.rowSpan -= 1;
-						spanCells.push({ cell: /** @type {HTMLTableCellElement} */ (cell.cloneNode(true)), index: logcalIndex });
+						spanCells.push({
+							cell: /** @type {HTMLTableCellElement} */ (cell.cloneNode(true)),
+							index: logcalIndex,
+						});
 					}
 				}
 

package/src/plugins/dropdown/table/services/table.resize.js

@@ -61,7 +61,12 @@ export class TableResizeService {
 			this.#removeGlobalEvents();
 			if (this.#resizeLine?.style.display === 'block') this.#resizeLine.style.display = 'none';
 			this.#resizeLine = this.#$.frameContext.get('wrapper').querySelector(Constants.RESIZE_CELL_CLASS);
-			this.#setResizeLinePosition(dom.query.getParentElement(target, dom.check.isTable), target, this.#resizeLine, cellEdge.isLeft);
+			this.#setResizeLinePosition(
+				dom.query.getParentElement(target, dom.check.isTable),
+				target,
+				this.#resizeLine,
+				cellEdge.isLeft,
+			);
 			this.#resizeLine.style.display = 'block';
 			return false;
 		}
@@ -98,12 +103,15 @@ export class TableResizeService {
 			try {
 				this.#selectionService.deleteStyleSelectedCells();
 				this.#main.setCellInfo(target, true);
-				const colIndex = this.#state.logical_cellIndex + this.#state.current_colSpan - (cellEdge.isLeft ? 1 : 0);
+				const colIndex =
+					this.#state.logical_cellIndex + this.#state.current_colSpan - (cellEdge.isLeft ? 1 : 0);
 
 				// ready
 				this.#$.ui.enableBackWrapper('ew-resize');
 				this.#resizeLine ||= this.#$.frameContext.get('wrapper').querySelector(Constants.RESIZE_CELL_CLASS);
-				this.#resizeLinePrev = this.#$.frameContext.get('wrapper').querySelector(Constants.RESIZE_CELL_PREV_CLASS);
+				this.#resizeLinePrev = this.#$.frameContext
+					.get('wrapper')
+					.querySelector(Constants.RESIZE_CELL_PREV_CLASS);
 
 				// select figure
 				if (colIndex < 0 || colIndex === this.#state.logical_cellCnt - 1) {
@@ -112,8 +120,15 @@ export class TableResizeService {
 					return false;
 				}
 
-				const col = this.#main._element.querySelector('colgroup').querySelectorAll('col')[colIndex < 0 ? 0 : colIndex];
-				this._startCellResizing(col, cellEdge.startX, numbers.get(_w.getComputedStyle(col).width, Constants.CELL_DECIMAL_END), cellEdge.isLeft);
+				const col = this.#main._element.querySelector('colgroup').querySelectorAll('col')[
+					colIndex < 0 ? 0 : colIndex
+				];
+				this._startCellResizing(
+					col,
+					cellEdge.startX,
+					numbers.get(_w.getComputedStyle(col).width, Constants.CELL_DECIMAL_END),
+					cellEdge.isLeft,
+				);
 				this.#main._editorEnable(false);
 			} catch (err) {
 				console.warn('[SUNEDITOR.plugins.table.error]', err);
@@ -148,9 +163,15 @@ export class TableResizeService {
 				// ready
 				this.#$.ui.enableBackWrapper('ns-resize');
 				this.#resizeLine ||= this.#$.frameContext.get('wrapper').querySelector(Constants.RESIZE_ROW_CLASS);
-				this.#resizeLinePrev = this.#$.frameContext.get('wrapper').querySelector(Constants.RESIZE_ROW_PREV_CLASS);
-
-				this._startRowResizing(row, rowEdge.startY, numbers.get(_w.getComputedStyle(row).height, Constants.CELL_DECIMAL_END));
+				this.#resizeLinePrev = this.#$.frameContext
+					.get('wrapper')
+					.querySelector(Constants.RESIZE_ROW_PREV_CLASS);
+
+				this._startRowResizing(
+					row,
+					rowEdge.startY,
+					numbers.get(_w.getComputedStyle(row).height, Constants.CELL_DECIMAL_END),
+				);
 				this.#main._editorEnable(false);
 			} catch (err) {
 				console.warn('[SUNEDITOR.plugins.table.error]', err);
@@ -204,7 +225,9 @@ export class TableResizeService {
 		const prevValue = col.style.width;
 		const nextCol = /** @type {HTMLElement} */ (col.nextElementSibling);
 		const nextColPrevValue = nextCol.style.width;
-		const realWidth = dom.utils.hasClass(this.#main._element, 'se-table-layout-fixed') ? nextColPrevValue : converter.getWidthInPercentage(nextCol || col);
+		const realWidth = dom.utils.hasClass(this.#main._element, 'se-table-layout-fixed')
+			? nextColPrevValue
+			: converter.getWidthInPercentage(nextCol || col);
 
 		if (_DragHandle.get('__dragHandler')) _DragHandle.get('__dragHandler').style.display = 'none';
 		this.#addResizeGlobalEvents(
@@ -251,7 +274,20 @@ export class TableResizeService {
 	 * @param {number} tableWidth The total width of the table.
 	 * @param {MouseEvent} e The mouse event.
 	 */
-	#cellResize(col, nextCol, figure, tdEl, resizeLine, isLeftEdge, startX, startWidth, prevWidthPercent, nextColWidthPercent, tableWidth, e) {
+	#cellResize(
+		col,
+		nextCol,
+		figure,
+		tdEl,
+		resizeLine,
+		isLeftEdge,
+		startX,
+		startWidth,
+		prevWidthPercent,
+		nextColWidthPercent,
+		tableWidth,
+		e,
+	) {
 		const deltaX = e.clientX - startX;
 		const newWidthPx = startWidth + deltaX;
 		const newWidthPercent = (newWidthPx / tableWidth) * 100;
@@ -324,7 +360,15 @@ export class TableResizeService {
 
 		if (_DragHandle.get('__dragHandler')) _DragHandle.get('__dragHandler').style.display = 'none';
 		this.#addResizeGlobalEvents(
-			this.#figureResize.bind(this, figure, this.#resizeLine, isLeftEdge, startX, figure.offsetWidth, numbers.get(realWidth, Constants.CELL_DECIMAL_END)),
+			this.#figureResize.bind(
+				this,
+				figure,
+				this.#resizeLine,
+				isLeftEdge,
+				startX,
+				figure.offsetWidth,
+				numbers.get(realWidth, Constants.CELL_DECIMAL_END),
+			),
 			() => {
 				this.#removeGlobalEvents();
 				if (numbers.get(figure.style.width, 0) > 100) figure.style.width = '100%';

package/src/plugins/dropdown/table/services/table.selection.js

@@ -93,7 +93,10 @@ export class TableSelectionService {
 		}
 
 		// try cache
-		const cacheKey = getCacheKey(/** @type {HTMLTableCellElement} */ (startCell), /** @type {HTMLTableCellElement} */ (endCell));
+		const cacheKey = getCacheKey(
+			/** @type {HTMLTableCellElement} */ (startCell),
+			/** @type {HTMLTableCellElement} */ (endCell),
+		);
 		let tableCache = refCache.get(table);
 		const cachedRef = tableCache?.get(cacheKey);
 
@@ -186,7 +189,10 @@ export class TableSelectionService {
 					const newRs = ref.rs < i ? ref.rs : i;
 					const newRe = ref.re > i + rs ? ref.re : i + rs;
 
-					if (numbers.getOverlapRangeAtIndex(ref.cs, ref.ce, logcalIndex, logcalIndex + cs) && numbers.getOverlapRangeAtIndex(ref.rs, ref.re, i, i + rs)) {
+					if (
+						numbers.getOverlapRangeAtIndex(ref.cs, ref.ce, logcalIndex, logcalIndex + cs) &&
+						numbers.getOverlapRangeAtIndex(ref.rs, ref.re, i, i + rs)
+					) {
 						if (ref.cs !== newCs || ref.ce !== newCe || ref.rs !== newRs || ref.re !== newRe) {
 							ref.cs = newCs;
 							ref.ce = newCe;
@@ -262,7 +268,10 @@ export class TableSelectionService {
 					}
 				}
 
-				if (numbers.getOverlapRangeAtIndex(ref.cs, ref.ce, logcalIndex, logcalIndex + cs) && numbers.getOverlapRangeAtIndex(ref.rs, ref.re, i, i + rs)) {
+				if (
+					numbers.getOverlapRangeAtIndex(ref.cs, ref.ce, logcalIndex, logcalIndex + cs) &&
+					numbers.getOverlapRangeAtIndex(ref.rs, ref.re, i, i + rs)
+				) {
 					dom.utils.addClass(cell, 'se-selected-table-cell');
 				}
 
@@ -362,7 +371,9 @@ export class TableSelectionService {
 	 */
 	#OnCellMultiSelect(e) {
 		this.#$.store.set('_preventBlur', true);
-		const target = /** @type {HTMLTableCellElement} */ (dom.query.getParentElement(dom.query.getEventTarget(e), dom.check.isTableCell));
+		const target = /** @type {HTMLTableCellElement} */ (
+			dom.query.getParentElement(dom.query.getEventTarget(e), dom.check.isTableCell)
+		);
 
 		if (this.#state.isShiftPressed) {
 			if (target === this.#state.fixedCell) {
@@ -379,7 +390,12 @@ export class TableSelectionService {
 			else this.#main._editorEnable(false);
 		}
 
-		if (!target || target === this.#state.selectedCell || this.#fixedCellName !== target.nodeName || this.#state.selectedTable !== dom.query.getParentElement(target, 'TABLE')) {
+		if (
+			!target ||
+			target === this.#state.selectedCell ||
+			this.#fixedCellName !== target.nodeName ||
+			this.#state.selectedTable !== dom.query.getParentElement(target, 'TABLE')
+		) {
 			return;
 		}
 
@@ -405,7 +421,10 @@ export class TableSelectionService {
 		if (!fixedCell || !this.#state.selectedTable) return;
 
 		this.#cellService.setMergeSplitButton();
-		this.#main.setState('selectedCells', Array.from(this.#state.selectedTable.querySelectorAll('.se-selected-table-cell')));
+		this.#main.setState(
+			'selectedCells',
+			Array.from(this.#state.selectedTable.querySelectorAll('.se-selected-table-cell')),
+		);
 
 		if (this.#state.isShiftPressed) return;
 
@@ -432,7 +451,8 @@ export class TableSelectionService {
 
 			this.focusCellEdge(this.#state.fixedCell);
 
-			const displayCell = this.#state.selectedCells?.length > 0 ? this.#state.selectedCell : this.#state.fixedCell;
+			const displayCell =
+				this.#state.selectedCells?.length > 0 ? this.#state.selectedCell : this.#state.fixedCell;
 			this.#main._setController(displayCell);
 		}
 	}