{
if (selectable) {
if (selectionMode == 'index') {
selectedIndex = index;
} else {
selectedKey = extractTableItemKey(row);
}
domTable.focus();
}
if (clickable) {
dispatch('clickrow', row);
}
}}
on:mousedown={event => {
if (allowMultiSelect && !event.ctrlKey && !event.metaKey) {
selectedIndexes = [];
dragStartIndex = index;
}
}}
on:mousemove={() => {
if (dragStartIndex != null && allowMultiSelect) {
dragCurrentIndex = index;
if (dragCurrentIndex != dragStartIndex || selectedIndexes.length > 0) {
if (dragCurrentIndex < dragStartIndex) {
selectedIndexes = _.range(dragCurrentIndex, dragStartIndex + 1);
} else {
selectedIndexes = _.range(dragStartIndex, dragCurrentIndex + 1);
}
} else if (selectedIndexes.length > 0) {
selectedIndexes = [dragCurrentIndex];
}
}
}}
on:mouseup={event => {
dragCurrentIndex = null;
dragStartIndex = null;
}}
data-testid={`TableControl_row_${index}`}
>
{#if checkedKeys}
|
{#if itemSupportsCheckbox(row)}
{
if (e.target['checked']) onSetCheckedKeys(_.uniq([...checkedKeys, extractTableItemKey(row)]));
else onSetCheckedKeys(checkedKeys.filter(x => x != extractTableItemKey(row)));
}}
data-testid={`TableControl_row_${index}_checkbox`}
/>
{/if}
|
{/if}
{#each columnList as col}
{@const rowProps = { ...col.props, ...(col.getProps ? col.getProps(row) : null) }}
{#if col.component}
{:else if col.formatter}
{col.formatter(row, col)}
{:else if col.slot != null}
{#key row[col.slotKey] || 'key'}
{#if col.slot == -1}
{:else if col.slot == 0}
{:else if col.slot == 1}
{:else if col.slot == 2}
{:else if col.slot == 3}
{:else if col.slot == 4}
{:else if col.slot == 5}
{:else if col.slot == 6}
{:else if col.slot == 7}
{:else if col.slot == 8}
{:else if col.slot == 9}
{/if}
{/key}
{:else}
{ _val(row[col.fieldName]) || '' }
{/if}
|
{/each}
{/each}
{/if}
{/each}
{#if emptyMessage && sortedRows.length == 0}