chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

feat: add ancestor node

Browse source
This commit is contained in:
Methapon Metanipat 2024-09-30 13:23:51 +07:00
parent 6c927ceb79
commit 308e7d40f3
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/shared/TreeView.vue
View file

@ -21,6 +21,7 @@ type Props = {
iconSize?: string; iconSize?: string;
selectable?: boolean; selectable?: boolean;
selectedNode?: Node[]; selectedNode?: Node[];
ancestorNode?: Node[];
decoration?: { decoration?: {
level?: number; level?: number;
bg?: string; bg?: string;
@ -34,7 +35,7 @@ const nodes = defineModel<Node[]>('nodes', { required: true });
const emits = defineEmits<{ const emits = defineEmits<{
(e: 'checked'): void; (e: 'checked'): void;
(e: 'select', node: Node): void; (e: 'select', node: Node, ancestor?: Node[]): void;
}>(); }>();
const dec = props.decoration?.find((v) => v.level === (props.level || 0)); const dec = props.decoration?.find((v) => v.level === (props.level || 0));
@ -162,8 +163,11 @@ function toggleExpand(node: Node) {
$emit('checked'); $emit('checked');
} }
" "
@select="(v) => $emit('select', v)" @select="(v) => $emit('select', v, props.ancestorNode)"
:level="(level || 0) + 1" :level="(level || 0) + 1"
:ancestorNode="
!props.ancestorNode ? [node] : [...props.ancestorNode, node]
"
:expandable :expandable
:decoration :decoration
/> />