@stonecrop/atable 0.13.14 → 0.15.0

package/dist/utils.js

@@ -1,7 +0,0 @@
-export const isHtmlString = (htmlString) => {
-    const $document = new DOMParser().parseFromString(htmlString, 'text/html');
-    return Array.from($document.body.childNodes).some(node => node.nodeType === 1);
-};
-export const generateHash = (length = 8) => {
-    return Array.from({ length }, () => Math.floor(Math.random() * 16).toString(16)).join('');
-};

package/src/components/AExpansionRow.vue

@@ -1,105 +0,0 @@
-<template>
-	<tr v-bind="$attrs" ref="rowEl" :tabindex="tabIndex" class="expandable-row">
-		<td :tabIndex="-1" class="row-index" @click="store.toggleRowExpand(rowIndex)">
-			{{ rowExpandSymbol }}
-		</td>
-		<slot name="row" />
-	</tr>
-	<tr v-if="store.display[rowIndex].expanded" ref="rowExpanded" :tabindex="tabIndex" class="expanded-row">
-		<td :tabIndex="-1" :colspan="store.columns.length + 1" class="expanded-row-content">
-			<slot name="content" />
-		</td>
-	</tr>
-</template>
-
-<script setup lang="ts">
-import { defaultKeypressHandlers, type KeypressHandlers, useKeyboardNav } from '@stonecrop/utilities'
-import { computed, useTemplateRef } from 'vue'
-
-import { createTableStore } from '../stores/table'
-
-const {
-	rowIndex,
-	store,
-	tabIndex = -1,
-	addNavigation = defaultKeypressHandlers,
-} = defineProps<{
-	rowIndex: number
-	store: ReturnType<typeof createTableStore>
-	tabIndex?: number
-	addNavigation?: boolean | KeypressHandlers
-}>()
-
-const rowRef = useTemplateRef<HTMLTableRowElement>('rowEl')
-// const expandedRowRef = useTemplateRef<HTMLDivElement>('rowExpanded')
-
-const rowExpandSymbol = computed(() => {
-	return store.display[rowIndex].expanded ? '▼' : '►'
-})
-
-if (addNavigation) {
-	const handlers: KeypressHandlers = {
-		'keydown.control.g': (event: KeyboardEvent) => {
-			event.stopPropagation()
-			event.preventDefault()
-			store.toggleRowExpand(rowIndex)
-		},
-	}
-
-	if (typeof addNavigation === 'object') {
-		Object.assign(handlers, addNavigation)
-	}
-
-	useKeyboardNav([
-		{
-			selectors: rowRef,
-			handlers: handlers,
-		},
-	])
-}
-</script>
-
-<style>
-@import url('@stonecrop/themes/default.css');
-
-.row-index {
-	color: var(--sc-header-text-color);
-	font-weight: bold;
-	text-align: center;
-	user-select: none;
-	width: 2ch;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.expandable-row {
-	border-top: 1px solid var(--sc-row-border-color);
-	height: var(--sc-atable-row-height);
-}
-
-.expandable-row > td:first-child {
-	border-left: 4px solid var(--sc-row-border-color);
-}
-
-.expanded-row {
-	border-left: 2px solid var(--sc-row-border-color);
-}
-
-.expandable-row:last-child {
-	border-bottom: 1px solid var(--sc-row-border-color);
-}
-
-.expanded-row-content {
-	border-top: 1px solid var(--sc-row-border-color);
-	padding: 1.5rem;
-}
-</style>
-
-<style scoped>
-.expandable-row.changed-row-gradient:has(td.cell-modified) {
-	--cell-color-start: color-mix(in srgb, var(--sc-cell-changed-color), #fff 20%);
-	--cell-color-end: color-mix(in srgb, var(--sc-cell-changed-color), #fff 60%);
-	background: linear-gradient(90deg, var(--cell-color-start), var(--cell-color-end));
-}
-</style>