bugfix: design category closes as another opens

This commit is contained in:
Michael Shanks 2020-06-29 17:20:35 +01:00
parent 7e14b7d952
commit 1e6a329998
2 changed files with 7 additions and 2 deletions

View File

@ -11,6 +11,7 @@
let selectedCategory = "normal" let selectedCategory = "normal"
let propGroup = null let propGroup = null
let currentGroup
const getProperties = name => panelDefinition[name] const getProperties = name => panelDefinition[name]
@ -33,6 +34,7 @@
] ]
$: propertyGroupNames = Object.keys(panelDefinition) $: propertyGroupNames = Object.keys(panelDefinition)
</script> </script>
<div class="design-view-container"> <div class="design-view-container">
@ -51,7 +53,9 @@
styleCategory={selectedCategory} styleCategory={selectedCategory}
{onStyleChanged} {onStyleChanged}
{componentDefinition} {componentDefinition}
{componentInstance} /> {componentInstance}
open={currentGroup === groupName}
on:open={() => currentGroup = groupName} />
{/each} {/each}
{:else} {:else}
<div class="no-design"> <div class="no-design">

View File

@ -8,11 +8,12 @@
export let properties = [] export let properties = []
export let componentInstance = {} export let componentInstance = {}
export let onStyleChanged = () => {} export let onStyleChanged = () => {}
export let open = false
$: style = componentInstance["_styles"][styleCategory] || {} $: style = componentInstance["_styles"][styleCategory] || {}
</script> </script>
<DetailSummary {name}> <DetailSummary {name} on:open show={open} >
{#each properties as props} {#each properties as props}
<PropertyControl <PropertyControl
label={props.label} label={props.label}