mirrors/vue-json-viewer
2
0
Fork 0
mirror of https://github.com/tenrok/vue-json-viewer.git synced 2026-06-05 16:42:30 +03:00
Code Activity

Merge pull request #15 from s-mage/master

Browse Source 
Improve displaying of objects and arrays
This commit is contained in:
陈峰
2019-05-31 21:21:13 +08:00
committed by GitHub
parent 3070c44c8e 72d163d6e6
commit 1f5fc4d95b
2 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/types/json-array.vue
+9 -11
View File
@@ -51,7 +51,7 @@ export default {
elements.push(h('span', {
class: {
'jv-toggle': true,
'open': !!this.expand,
'open': !!this.expand,
},
on: {
click: this.toggle
@@ -62,20 +62,18 @@ export default {
elements.push(h('span', {
class: {
'jv-item': true,
'jv-array': true,
'jv-array': true,
},
domProps: {
innerHTML: '['
}
}))
for (let key in this.ordered) {
let value = this.ordered[key]
this.ordered.forEach((value, key) => {
elements.push(h(JsonBox, {
key,
style: {
display: !this.expand ? 'none' : undefined
display: this.expand ? undefined : 'none'
},
props: {
sort: this.sort,
@@ -84,15 +82,15 @@ export default {
value,
}
}))
}
})
if (!this.expand) {
if (!this.expand && this.jsonValue.length) {
elements.push(h('span', {
style: {
display: this.expand ? 'none' : undefined
display: undefined
},
class: {
'jv-ellipsis': true,
'jv-ellipsis': true,
},
on: {
click: this.toggle
@@ -109,7 +107,7 @@ export default {
elements.push(h('span', {
class: {
'jv-item': true,
'jv-array': true,
'jv-array': true,
},
domProps: {
innerHTML: ']'
lib/types/json-object.vue
+5 -5
View File
@@ -53,7 +53,7 @@ export default {
elements.push(h('span', {
class: {
'jv-toggle': true,
'open': !!this.expand,
'open': !!this.expand,
},
on: {
click: this.toggle
@@ -64,7 +64,7 @@ export default {
elements.push(h('span', {
class: {
'jv-item': true,
'jv-object': true,
'jv-object': true,
},
domProps: {
innerHTML: '{'
@@ -90,13 +90,13 @@ export default {
}
}
if (!this.expand) {
if (!this.expand && Object.keys(this.jsonValue).length) {
elements.push(h('span', {
style: {
display: this.expand ? 'none' : undefined
},
class: {
'jv-ellipsis': true,
'jv-ellipsis': true,
},
on: {
click: this.toggle
@@ -113,7 +113,7 @@ export default {
elements.push(h('span', {
class: {
'jv-item': true,
'jv-object': true,
'jv-object': true,
},
domProps: {
innerHTML: '}'