From e59dbda9d57de34411188e57d309a74bc4a61bea Mon Sep 17 00:00:00 2001 From: Gregg Rapoza Date: Sun, 22 Aug 2021 14:32:40 -0400 Subject: [PATCH] Update treeview to Vue 3 --- appveyor.yml | 2 +- docsrc/demos.md | 108 +- docsrc/index.md | 8 +- docsrc/metadata.demo.yaml | 2 +- docsrc/style/docs.css | 5 + package.json | 27 +- src/components/TreeView.vue | 25 +- src/components/TreeViewNode.vue | 96 +- src/mixins/TreeViewAria.js | 8 +- src/mixins/TreeViewNodeAria.js | 16 +- src/mixins/TreeViewNodeDragAndDrop.js | 18 +- tests/local/addRemove.html | 6 +- tests/local/async.html | 6 +- tests/local/basic.html | 8 +- tests/local/dragDrop.html | 6 +- tests/local/radioBasic.html | 8 +- tests/local/selection.html | 8 +- tests/local/slots.html | 10 +- tests/unit/TreeView.eventHandling.spec.js | 8 +- tests/unit/TreeView.spec.js | 17 +- tests/unit/TreeViewAria.spec.js | 10 +- tests/unit/TreeViewDragAndDrop.spec.js | 12 +- .../unit/TreeViewNode.customizations.spec.js | 22 +- tests/unit/TreeViewNode.interactions.spec.js | 16 +- tests/unit/TreeViewNode.spec.js | 36 +- tests/unit/TreeViewNodeAria.spec.js | 136 +- tests/unit/TreeViewNodeDragAndDrop.spec.js | 14 +- yarn.lock | 7092 +++++++---------- 28 files changed, 3218 insertions(+), 4512 deletions(-) diff --git a/appveyor.yml b/appveyor.yml index f706bebb..4299fe0d 100644 --- a/appveyor.yml +++ b/appveyor.yml @@ -4,7 +4,7 @@ image: Ubuntu init: - sh: git config --global core.autocrlf true - - sh: nvm use 10 + - sh: nvm use 14 install: # Get the app version from the package.json's version property, and set the build number diff --git a/docsrc/demos.md b/docsrc/demos.md index 297b9f81..f3167635 100644 --- a/docsrc/demos.md +++ b/docsrc/demos.md @@ -26,7 +26,7 @@ The most basic use of the treeview consists of giving it some data and letting t ``` ```{=html5} @@ -62,7 +62,7 @@ The most basic use of the treeview consists of giving it some data and letting t ``` @@ -112,7 +112,7 @@ If all you need is a static tree (no expanding subnodes) then you can just set t ``` ```{=html5} @@ -154,7 +154,7 @@ If all you need is a static tree (no expanding subnodes) then you can just set t ``` @@ -210,7 +210,7 @@ If there are common settings that should be used by all (or even most) nodes, th ``` ```{=html5} @@ -253,7 +253,7 @@ If there are common settings that should be used by all (or even most) nodes, th ``` @@ -310,7 +310,7 @@ Any node can be marked as deletable or provide a callback used to create a new c ``` ```{=html5} @@ -353,7 +353,7 @@ Any node can be marked as deletable or provide a callback used to create a new c ``` @@ -423,7 +423,7 @@ The convenience methods `getCheckedRadioButtons` and `getCheckedCheckboxes` are ``` ```{=html5} @@ -521,7 +521,7 @@ The convenience methods `getCheckedRadioButtons` and `getCheckedCheckboxes` are ``` @@ -646,7 +646,7 @@ The convenience method `getSelected` is exposed on the tree component to make it ``` ```{=html5} @@ -750,7 +750,7 @@ The convenience method `getSelected` is exposed on the tree component to make it ``` @@ -877,7 +877,7 @@ A treeview has slots available for replacing specific types of nodes. The `text` :disabled="model.treeNodeSpec.state.input.disabled" v-model="model.treeNodeSpec.state.input.value" v-on:change="checkboxChangeHandler" /> - {{ model[model.treeNodeSpec.labelProperty] }}. Custom Classes: {{ JSON.stringify(customClasses) }} + {{ model[model.treeNodeSpec.labelProperty] }}. Custom Classes: {{ JSON.stringify(customClasses) }}