Position floating menu below for insert actions
This commit is contained in:
parent
1b2bcd6dd9
commit
65df3428ac
|
@ -38,7 +38,8 @@ const json = {
|
|||
'object': {'a': 'b', 'c': 'd', 'e': [{"first": true}, {"second": true}]},
|
||||
'string': 'Hello World',
|
||||
'unicode': 'A unicode character: \u260E',
|
||||
'url': 'http://jsoneditoronline.org'
|
||||
'url': 'http://jsoneditoronline.org',
|
||||
'largeArray': [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]
|
||||
}
|
||||
|
||||
function expandAll (path) {
|
||||
|
|
|
@ -58,6 +58,7 @@ export default class JSONNode extends PureComponent {
|
|||
}
|
||||
|
||||
renderJSONObject () {
|
||||
// TODO: refactor renderJSONObject (too large/complex)
|
||||
const meta = this.props.value[META]
|
||||
const props = meta.props
|
||||
const nodeStart = h('div', {
|
||||
|
@ -122,6 +123,7 @@ export default class JSONNode extends PureComponent {
|
|||
}
|
||||
|
||||
renderJSONArray () {
|
||||
// TODO: refactor renderJSONArray (too large/complex)
|
||||
const meta = this.props.value[META]
|
||||
const count = this.props.value.length
|
||||
const nodeStart = h('div', {
|
||||
|
@ -534,13 +536,15 @@ export default class JSONNode extends PureComponent {
|
|||
|
||||
const isLastOfMultiple = ((selected & SELECTED_LAST) !== 0) &&
|
||||
((selected & SELECTED_FIRST) === 0)
|
||||
const isAfter = ((selected & SELECTED_AFTER) !== 0)
|
||||
// const isInside = ((selected & SELECTED_INSIDE) !== 0) // TODO: nicely position menu when selected inside
|
||||
|
||||
return h(FloatingMenu, {
|
||||
key: 'floating-menu',
|
||||
path: this.props.value[META].path,
|
||||
emit: this.props.emit,
|
||||
items: this.getFloatingMenuItems(type, selected),
|
||||
position: isLastOfMultiple ? 'bottom' : 'top'
|
||||
position: isLastOfMultiple || isAfter ? 'bottom' : 'top'
|
||||
})
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue