@stonecrop/atable 0.3.2 → 0.3.4

package/src/stores/table.ts

@@ -75,6 +75,7 @@ export const createTableStore = (initData: {
 		const table = ref(initData.table || createTableObject())
 		const display = ref(createDisplayObject(initData.display))
 		const modal = ref(initData.modal || { visible: false })
+		const updates = ref<Record<string, string>>({})
 
 		// getters
 		const hasPinnedColumns = computed(() => columns.value.some(col => col.pinned))
@@ -100,6 +101,15 @@ export const createTableStore = (initData: {
 			rows.value[rowIndex][col.name] = value
 		}
 
+		const setCellText = (colIndex: number, rowIndex: number, value: string) => {
+			const index = `${colIndex}:${rowIndex}`
+
+			if (table.value[index] !== value) {
+				display.value[rowIndex].rowModified = true
+				updates.value[index] = value
+			}
+		}
+
 		const getHeaderCellStyle = (column: TableColumn): CSSProperties => ({
 			minWidth: column.width || '40ch',
 			textAlign: column.align || 'center',
@@ -185,11 +195,12 @@ export const createTableStore = (initData: {
 		return {
 			// state
 			columns,
-			rows,
 			config,
-			table,
 			display,
 			modal,
+			rows,
+			table,
+			updates,
 
 			// getters
 			hasPinnedColumns,
@@ -206,6 +217,7 @@ export const createTableStore = (initData: {
 			getRowExpandSymbol,
 			isRowVisible,
 			setCellData,
+			setCellText,
 			toggleRowExpand,
 		}
 	})

package/src/types/index.ts

@@ -1,3 +1,5 @@
+import { createTableStore } from '../stores/table'
+
 /**
  * Table column definition.
  * @public
@@ -93,13 +95,25 @@ export type TableRow = {
 export type TableModal = {
 	colIndex?: number
 	event?: string
+	height?: number
 	left?: number
 	parent?: HTMLElement
 	rowIndex?: number
 	top?: number
 	visible?: boolean
-	width?: string
+	width?: number
 
 	component?: string
 	componentProps?: Record<string, any>
 }
+
+/**
+ * Table modal props definition.
+ * @public
+ */
+export type TableModalProps = {
+	[key: string]: any
+	colIndex: number
+	rowIndex: number
+	store: ReturnType<typeof createTableStore>
+}