From e8e36976c67c4df4cb6af711f71d06d9e7fc73e7 Mon Sep 17 00:00:00 2001 From: AyHaski <19aylin96@gmx.de> Date: Mon, 18 May 2020 14:52:11 +0200 Subject: [PATCH 1/3] added props for showing divider and changing expand Icon --- README.md | 2 + src/DraggableTreeview.vue | 10 ++ src/DraggableTreeviewNode.vue | 35 ++++- test/DraggableTreeview.spec.js | 36 +++++ .../DraggableTreeview.spec.js.snap | 124 +++++++++++++++++- 5 files changed, 198 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index 3fd2777f..6c681b0b 100644 --- a/README.md +++ b/README.md @@ -115,6 +115,8 @@ Name | Type | Default | Description --- | ---- | ---- | --- value | Object | [] | items for treeview. `item-key`, `item-text`, `item-children` are not customizable currently. `value` can be like `{ id: 1, name: "test", children: []}` . group | string | null | group name for vuedraggable. If this props not provided, drag and drop are enabled only in children. +expand-icon | string | mdi string for the expand icon. Default `mdi-menu-down`. +show-divider | boolean | show a divider under each node. Default `false`. ### Events Name | Value | Description diff --git a/src/DraggableTreeview.vue b/src/DraggableTreeview.vue index 6f7ebcb4..5804a89a 100644 --- a/src/DraggableTreeview.vue +++ b/src/DraggableTreeview.vue @@ -12,6 +12,8 @@ :key="item.id" :group="group" :value="item" + :expand-icon="expandIcon" + :show-divider="showDivider" @input="updateItem" >