vue-json-tree-view - npm Package Compare versions

Comparing version 2.0.7 to 2.1.0

index.js

@@ -15,3 +15,13 @@ import Vue from 'vue';
         };
+    },
+    methods: {
+      onChangeData: function(data) {
+        this.sampleJSON = data
+      }
+    },
+    watch: {
+      sampleJSON: function() {
+        console.log('updated sampleJSON')
+      }
     }
 });

package.json

 {
   "name": "vue-json-tree-view",
-  "version": "2.0.7",
+  "version": "2.1.0",
   "repository": "arvidkahl/vue-json-tree-view",
@@ -5,0 +5,0 @@ "homepage": "https://github.com/arvidkahl/vue-json-tree-view",

README.md

@@ -46,3 +46,4 @@ # Vue JSON Tree View
   maxDepth: 4,
-  rootObjectKey: "root"
+  rootObjectKey: "root",
+  modifiable: false
 }
@@ -52,3 +53,25 @@ ```
 - rootObjectKey: the name of the Root Object, will default to `root`
+- modifiable: To modify the json value. 
 
+## Event
+
+#### updated json data
+If `modifiable` is true and you want to take the updated json data, you must register event handler as `v-on:change-data=...`. Only one argument is passed that is updated data - `data`.
+```html
+<div>
+  <tree-view :data="jsonSource" :options="{modifiable: true}" @change-data="onChangeData"></tree-view>
+</div>
+
+// in your vue code
+  ...
+  methods: {
+    onChangeData: function(data) {
+      console.log(JSON.stringify(data))
+    }
+  },
+  ...
+
+```
+
+
 ## Custom Styling
@@ -55,0 +78,0 @@

src/index.js

@@ -0,1 +1,2 @@
+import TreeViewItemValue from './TreeViewItemValue.vue';
 import TreeViewItem from './TreeViewItem.vue';
@@ -5,4 +6,5 @@ import TreeView from './TreeView.vue';
 module.exports = function install(Vue){
+    Vue.component("tree-view-item-value", TreeViewItemValue);
     Vue.component("tree-view-item", TreeViewItem);
     Vue.component("tree-view", TreeView);  
 };

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

363580

130.85%

Number of package files

21

10.53%

Number of lines in readme file

87

35.94%

Worsened metrics

Lines of code

134

-63.39%

Number of medium supply chain risk alerts

1

Infinity%

No dependency changes