1
0
mirror of https://github.com/garraflavatra/rolens.git synced 2025-07-18 14:04:04 +00:00

dump/export (wip)

This commit is contained in:
2023-01-28 13:25:14 +01:00
parent 634a655b5f
commit 2d33c6f2ab
11 changed files with 248 additions and 16 deletions

View File

@ -13,6 +13,7 @@
export let level = 0;
export let striped = true;
export let hideObjectIndicators = false;
export let hideChildrenToggles = false;
const dispatch = createEventDispatcher();
let childrenOpen = {};
@ -105,17 +106,19 @@
class:selected={!activePath[level + 1] && activePath.every(k => path.includes(k) || k === item[key]) && (activePath[level] === item[key])}
class:striped
>
<td class="has-toggle">
{#if item.children?.length}
<button
class="toggle"
on:click={evt => toggleChildren(item[key], evt.shiftKey)}
style:transform="translateX({level * 10}px)"
>
<Icon name={childrenOpen[item[key]] ? 'chev-d' : 'chev-r'} />
</button>
{/if}
</td>
{#if !hideChildrenToggles}
<td class="has-toggle">
{#if item.children?.length}
<button
class="toggle"
on:click={evt => toggleChildren(item[key], evt.shiftKey)}
style:transform="translateX({level * 10}px)"
>
<Icon name={childrenOpen[item[key]] ? 'chev-d' : 'chev-r'} />
</button>
{/if}
</td>
{/if}
<td class="has-icon">
<div style:margin-left="{level * 10}px">