@emamid/svelte-data-table 0.0.18 → 0.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DataTable.svelte +22 -1
- package/dist/DataTable.svelte.d.ts +2 -0
- package/package.json +1 -1
package/dist/DataTable.svelte
CHANGED
|
@@ -203,6 +203,21 @@ const rowClicked = (item) => {
|
|
|
203
203
|
item
|
|
204
204
|
});
|
|
205
205
|
};
|
|
206
|
+
let draggedItem = null;
|
|
207
|
+
const rowDragStart = (item) => {
|
|
208
|
+
draggedItem = item;
|
|
209
|
+
console.log("dispatching rowDragStart ", item);
|
|
210
|
+
dispatch("rowDragStart", {
|
|
211
|
+
draggedItem
|
|
212
|
+
});
|
|
213
|
+
};
|
|
214
|
+
const rowDropped = (targetItem) => {
|
|
215
|
+
console.log("dispatching rowDropped ", targetItem);
|
|
216
|
+
dispatch("rowDropped", {
|
|
217
|
+
draggedItem,
|
|
218
|
+
targetItem
|
|
219
|
+
});
|
|
220
|
+
};
|
|
206
221
|
</script>
|
|
207
222
|
|
|
208
223
|
<Table class={tableClass} {divClass} {striped} {hoverable} {noborder} {shadow} {color} {customColor}>
|
|
@@ -222,7 +237,13 @@ const rowClicked = (item) => {
|
|
|
222
237
|
<TableBody {tableBodyClass}>
|
|
223
238
|
{#each sortedItems as item}
|
|
224
239
|
{@const isRowFocused = !!focusedItemKey && focusedItemKey === getItemKey(item)}
|
|
225
|
-
<TableBodyRow
|
|
240
|
+
<TableBodyRow
|
|
241
|
+
class={getTRClass(item, isRowFocused)}
|
|
242
|
+
draggable={true}
|
|
243
|
+
on:click={() => rowClicked(item)}
|
|
244
|
+
on:dragstart={() => rowDragStart(item)}
|
|
245
|
+
on:drop={() => rowDropped(item)}
|
|
246
|
+
>
|
|
226
247
|
{#each internalColumns as column}
|
|
227
248
|
{@const isCellFocused =
|
|
228
249
|
isRowFocused && focusedColumnKeyID && focusedColumnKeyID === getColumnID(column)}
|