diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-03-28 19:34:59 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-03-28 19:34:59 +1100 |
| commit | a0ef05a86ecb8b3f36102b980a37f93ce97ba8d1 (patch) | |
| tree | 06e7426ee5a40624ba102e21120138dc13131c84 /src/components/AncestryBar.vue | |
| parent | c9a116654004c014257a2aac8d6cf82bc7d7d580 (diff) | |
Make option passing less irregular
Diffstat (limited to 'src/components/AncestryBar.vue')
| -rw-r--r-- | src/components/AncestryBar.vue | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/src/components/AncestryBar.vue b/src/components/AncestryBar.vue index 0cdadf8..f7ce232 100644 --- a/src/components/AncestryBar.vue +++ b/src/components/AncestryBar.vue @@ -1,6 +1,7 @@ <script lang="ts"> import {defineComponent, PropType} from 'vue'; import {LayoutNode} from '../layout'; +import type {LayoutOptions} from '../layout'; import Tile from './Tile.vue' export default defineComponent({ @@ -8,7 +9,8 @@ export default defineComponent({ pos: {type: Array as unknown as PropType<[number,number]>, required: true}, dims: {type: Array as unknown as PropType<[number,number]>, required: true}, nodes: {type: Array as PropType<LayoutNode[]>, required: true}, - options: {type: Object, required: true}, + lytOpts: {type: Object as PropType<LayoutOptions>, required: true}, + uiOpts: {type: Object, required: true}, }, data(){ return { @@ -53,7 +55,7 @@ export default defineComponent({ padding: this.tileMargin + 'px', // backgroundColor: '#44403c', - boxShadow: this.options.shadowNormal, + boxShadow: this.uiOpts.shadowNormal, }; }, }, @@ -75,7 +77,7 @@ export default defineComponent({ <template> <div :style="styles"> <tile v-for="(node, idx) in usedNodes" :key="node.tolNode.name" :layoutNode="node" - :nonAbsPos="true" :headerSz="0" :tileSpacing="0" :options="options" + :nonAbsPos="true" :lytOpts="lytOpts" :uiOpts="uiOpts" @leaf-clicked="onClick(nodes[idx])" @info-icon-clicked="onInnerInfoIconClicked"/> </div> </template> |