@bagelink/vue 1.6.43 → 1.6.49

package/src/components/Spreadsheet/Index.vue

@@ -38,7 +38,7 @@ function flattenObject(obj: { [key: string]: any }, prefix = ''): { [key: string
 			const value = obj[key]
 			const newKey = prefix ? `${prefix}.${key}` : key
 
-			if (value && 'object' === typeof value && !Array.isArray(value)) {
+			if (value && typeof value === 'object' && !Array.isArray(value)) {
 				Object.assign(flattened, flattenObject(value, newKey))
 			} else {
 				flattened[newKey] = value
@@ -132,7 +132,7 @@ const columns = computed(() => {
 
 // Format cell value based on column configuration
 function formatCellValue(value: any, format?: ColumnFormat): string {
-	if (null === value || value === undefined) {return ''}
+	if (value === null || value === undefined) { return '' }
 
 	switch (format) {
 		case 'image':
@@ -162,15 +162,15 @@ function formatCellValue(value: any, format?: ColumnFormat): string {
 function parseValueForFormat(value: string | boolean, format?: ColumnFormat): any {
 	switch (format) {
 		case 'boolean':
-			return 'boolean' === typeof value ? value : 'true' === value 
+			return typeof value === 'boolean' ? value : value === 'true'
 		case 'number':
 		case 'percentage':
 		case 'currency':
-			if ('boolean' === typeof value) {return null}
-			return '' === value ? null : Number(String(value).replace(/[^0-9.-]/g, ''))
+			if (typeof value === 'boolean') { return null }
+			return value === '' ? null : Number(String(value).replace(/[^0-9.-]/g, ''))
 		case 'date':
-			if ('boolean' === typeof value) {return null}
-			return '' === value ? null : new Date(String(value)).toISOString()
+			if (typeof value === 'boolean') { return null }
+			return value === '' ? null : new Date(String(value)).toISOString()
 		default:
 			return String(value)
 	}
@@ -185,10 +185,10 @@ function isCellEditable(columnKey: string): boolean {
 // Update the sortByColumn function to preserve column visibility
 function sortByColumn(columnKey: string) {
 	const column = columns.value.find(col => col.key === columnKey)
-	if (!column?.sortable) {return}
+	if (!column?.sortable) { return }
 
 	if (sortColumn.value === columnKey) {
-		sortDirection.value = 'desc' === sortDirection.value ? 'asc' : 'desc'
+		sortDirection.value = sortDirection.value === 'desc' ? 'asc' : 'desc'
 	} else {
 		sortColumn.value = columnKey
 		sortDirection.value = 'desc'
@@ -198,11 +198,11 @@ function sortByColumn(columnKey: string) {
 		const aVal = a[columnKey]
 		const bVal = b[columnKey]
 
-		if (aVal === bVal) {return 0}
-		if (null === aVal || aVal === undefined) {return 1}
-		if (null === bVal || bVal === undefined) {return -1}
+		if (aVal === bVal) { return 0 }
+		if (aVal === null || aVal === undefined) { return 1 }
+		if (bVal === null || bVal === undefined) { return -1 }
 
-		const modifier = 'desc' === sortDirection.value ? 1 : -1
+		const modifier = sortDirection.value === 'desc' ? 1 : -1
 		return aVal < bVal ? -modifier : modifier
 	})
 
@@ -360,12 +360,12 @@ function redo() {
 // Update updateCell to use undo stack
 function updateCell(rowIndex: number, key: string, newValue: string | boolean) {
 	const column = columns.value.find(col => col.key === key)
-	if (column?.locked) {return}
+	if (column?.locked) { return }
 
 	saveState('cell')
 	const parsedValue = parseValueForFormat(newValue, column?.format)
 	// If the parsed value is null/undefined, use the default value
-	localRows.value[rowIndex][key] = parsedValue ?? column?.defaultValue ?? ('boolean' === column?.format ? false : '')
+	localRows.value[rowIndex][key] = parsedValue ?? column?.defaultValue ?? (column?.format === 'boolean' ? false : '')
 	emitUpdate()
 }
 
@@ -375,7 +375,7 @@ function updateCell(rowIndex: number, key: string, newValue: string | boolean) {
 // After the columns computed property
 // Initialize visibleColumns with all columns when columns change
 watch(() => columns.value, (newColumns) => {
-	if (0 < newColumns.length && 0 === visibleColumns.value.length) {
+	if (newColumns.length > 0 && visibleColumns.value.length === 0) {
 		visibleColumns.value = newColumns.filter(col => !col.hidden).map(col => col.key)
 	}
 })
@@ -398,7 +398,7 @@ function createEmptyRow(): { [key: string]: any } {
 		if (col.defaultValue !== undefined) {
 			newRow[col.key] = col.defaultValue
 		} else {
-			newRow[col.key] = 'boolean' === col.format ? false : ''
+			newRow[col.key] = col.format === 'boolean' ? false : ''
 		}
 	})
 	return newRow
@@ -415,7 +415,7 @@ function addRow() {
 
 // Copy function using Navigator Clipboard API
 async function copySelection() {
-	if (!selectionStart.value || !selectionEnd.value) {return}
+	if (!selectionStart.value || !selectionEnd.value) { return }
 
 	const startRow = Math.min(selectionStart.value.row, selectionEnd.value.row)
 	const endRow = Math.max(selectionStart.value.row, selectionEnd.value.row)
@@ -454,7 +454,7 @@ function isSearchFocused(): boolean {
 
 // Update the pasteSelection function to handle search focus
 async function pasteSelection() {
-	if (!selectionStart.value) {return}
+	if (!selectionStart.value) { return }
 
 	try {
 		const clipboardText = await navigator.clipboard.readText()
@@ -467,7 +467,7 @@ async function pasteSelection() {
 
 		// Calculate how many new rows we need to add
 		const neededRows = startRow + rows.length - localRows.value.length
-		if (0 < neededRows) {
+		if (neededRows > 0) {
 			// Add the required number of new rows
 			for (let i = 0; i < neededRows; i++) {
 				localRows.value.push(createEmptyRow())
@@ -479,10 +479,10 @@ async function pasteSelection() {
 			const targetRow = startRow + rowIndex
 			rowData.forEach((cellValue, colIndex) => {
 				const targetCol = startCol + colIndex
-				if (targetCol >= columns.value.length) {return}
+				if (targetCol >= columns.value.length) { return }
 
 				const columnKey = columns.value[targetCol].key
-				if (!isCellEditable(columnKey)) {return}
+				if (!isCellEditable(columnKey)) { return }
 
 				const { format } = columns.value[targetCol]
 				localRows.value[targetRow][columnKey] = parseValueForFormat(cellValue, format)
@@ -501,10 +501,10 @@ const editingOriginalValue = ref<string | null>(null)
 // Update the startEditing function to handle focus properly
 function startEditing(row: number, col: number, initialKey?: string) {
 	const columnKey = columns.value[col]?.key
-	if (!columnKey) {return}
+	if (!columnKey) { return }
 
 	// Only check editability when we're actually going to edit
-	if (initialKey !== undefined && !isCellEditable(columnKey)) {return}
+	if (initialKey !== undefined && !isCellEditable(columnKey)) { return }
 
 	editingCell.value = { row, col }
 	editingOriginalValue.value = localRows.value[row][columnKey]?.toString() ?? ''
@@ -529,7 +529,7 @@ function startEditing(row: number, col: number, initialKey?: string) {
 
 // Update the stopEditing function to handle cancellation
 function stopEditing(cancelled = false) {
-	if (cancelled && editingCell.value && null !== editingOriginalValue.value) {
+	if (cancelled && editingCell.value && editingOriginalValue.value !== null) {
 		const { row, col } = editingCell.value
 		const columnKey = columns.value[col]?.key
 		if (columnKey) {
@@ -567,9 +567,9 @@ function handleCellKeyDown(event: KeyboardEvent, row: number, col: number) {
 	// If this cell is not already in edit mode
 	if (!(editingCell.value && editingCell.value.row === row && editingCell.value.col === col)) {
 		// Start editing if a printable character or Enter is pressed
-		if ((1 === event.key.length && !event.ctrlKey && !event.metaKey) || 'Enter' === event.key) {
+		if ((event.key.length === 1 && !event.ctrlKey && !event.metaKey) || event.key === 'Enter') {
 			event.preventDefault()
-			startEditing(row, col, 1 === event.key.length ? event.key : undefined)
+			startEditing(row, col, event.key.length === 1 ? event.key : undefined)
 		}
 	}
 }
@@ -577,7 +577,7 @@ function handleCellKeyDown(event: KeyboardEvent, row: number, col: number) {
 // Update keyboard shortcuts to include undo/redo
 function handleSpreadsheetKeyDown(event: KeyboardEvent) {
 	// Don't intercept keyboard shortcuts when editing a cell
-	if (editingCell.value || isSearchFocused()) {return}
+	if (editingCell.value || isSearchFocused()) { return }
 	console.log('handleSpreadsheetKeyDown', event)
 	const isCtrlOrCmd = event.ctrlKey || event.metaKey
 
@@ -608,21 +608,21 @@ function handleSpreadsheetKeyDown(event: KeyboardEvent) {
 }
 
 // Add computed properties for undo/redo stack state
-const canUndo = computed(() => 0 < undoStack.value.length)
-const canRedo = computed(() => 0 < redoStack.value.length)
+const canUndo = computed(() => undoStack.value.length > 0)
+const canRedo = computed(() => redoStack.value.length > 0)
 
 // Add after other ref declarations
 const search = ref('')
 
 // Add the filteredRows computed property after the columns computed
 const filteredRows = computed(() => {
-	if (!search.value) {return localRows.value}
+	if (!search.value) { return localRows.value }
 
 	const searchTerm = search.value.toLowerCase()
 	return localRows.value.filter((row) => {
 		// Check all values in the row, including hidden columns
 		return Object.values(row).some((value) => {
-			if (null === value || value === undefined) {return false}
+			if (value === null || value === undefined) { return false }
 			return String(value).toLowerCase().includes(searchTerm)
 		})
 	})
@@ -643,7 +643,7 @@ function handleResizeStart(e: MouseEvent, columnKey: string) {
 
 	// Find the column header element
 	const columnHeader = (e.target as HTMLElement).closest('th')
-	if (!columnHeader) {return}
+	if (!columnHeader) { return }
 
 	// Get the actual computed width of the column
 	const computedWidth = columnHeader.getBoundingClientRect().width
@@ -656,7 +656,7 @@ function handleResizeStart(e: MouseEvent, columnKey: string) {
 }
 
 function handleResizeMove(e: MouseEvent) {
-	if (!isResizing.value || !resizingColumn.value) {return}
+	if (!isResizing.value || !resizingColumn.value) { return }
 
 	e.preventDefault()
 

package/src/components/Spreadsheet/SpreadsheetTable.vue

@@ -54,7 +54,7 @@ const getActualColumnIndex = (localIndex: number) => props.baseColumnIndex + loc
 
 // Determines if a cell is selected
 function isCellSelected(row: number, localColIndex: number): boolean {
-	if (!props.selectionStart || !props.selectionEnd) {return false}
+	if (!props.selectionStart || !props.selectionEnd) { return false }
 
 	const colIndex = getActualColumnIndex(localColIndex)
 	const startRow = Math.min(props.selectionStart.row, props.selectionEnd.row)
@@ -73,14 +73,14 @@ function isCellEditable(columnKey: string): boolean {
 
 // Check if a cell is currently being edited
 function isEditing(row: number, localColIndex: number): boolean {
-	if (!props.editingCell) {return false}
+	if (!props.editingCell) { return false }
 	const colIndex = getActualColumnIndex(localColIndex)
 	return props.editingCell.row === row && props.editingCell.col === colIndex
 }
 
 // Format cell value based on column configuration
 function formatCellValue(value: any, format?: ColumnConfig['format']): string {
-	if (null === value || value === undefined) {return ''}
+	if (value === null || value === undefined) { return '' }
 
 	switch (format) {
 		case 'image':

package/src/components/Swiper.vue

@@ -116,8 +116,8 @@ const emit = defineEmits<{
 
 defineSlots<{
 	'default'?: (props: { item: T, index: number, currentIndex: number }) => any
-	'prev-button'?: () => any
-	'next-button'?: () => any
+	'prev-button'?: (props: { prev: () => void }) => any
+	'next-button'?: (props: { next: () => void }) => any
 	'navigation'?: (props: {
 		items: T[]
 		currentIndex: number
@@ -434,12 +434,12 @@ defineExpose({
 			<!-- Default Navigation -->
 			<div v-if="navigation" class="swi-ctrl">
 				<div class="swi-prev hover" @click="handleSlideNav('prev')">
-					<slot name="prev-button">
+					<slot name="prev-button" :prev="() => handleSlideNav('prev')">
 						<Icon name="chevron_left" class="user-select-none hover z-99   color-primary" :size="2" />
 					</slot>
 				</div>
 				<div class="swi-next hover" @click="handleSlideNav('next')">
-					<slot name="next-button">
+					<slot name="next-button" :next="() => handleSlideNav('next')">
 						<Icon name="chevron_right" class="user-select-none hover z-99   color-primary" :size="2" />
 					</slot>
 				</div>