demos: add whitespace

This commit is contained in:
Philipp Kühn 2021-10-14 09:42:28 +02:00
parent e37639ac6d
commit e79126d99b
4 changed files with 16 additions and 0 deletions

View File

@ -8,6 +8,7 @@ export default {
'Lea Thompson', 'Cyndi Lauper', 'Tom Cruise', 'Madonna', 'Jerry Hall', 'Joan Collins', 'Winona Ryder', 'Christina Applegate', 'Alyssa Milano', 'Molly Ringwald', 'Ally Sheedy', 'Debbie Harry', 'Olivia Newton-John', 'Elton John', 'Michael J. Fox', 'Axl Rose', 'Emilio Estevez', 'Ralph Macchio', 'Rob Lowe', 'Jennifer Grey', 'Mickey Rourke', 'John Cusack', 'Matthew Broderick', 'Justine Bateman', 'Lisa Bonet',
].filter(item => item.toLowerCase().startsWith(query.toLowerCase())).slice(0, 5)
},
render: () => {
let reactRenderer
let popup
@ -29,6 +30,7 @@ export default {
placement: 'bottom-start',
})
},
onUpdate(props) {
reactRenderer.updateProps(props)
@ -36,6 +38,7 @@ export default {
getReferenceClientRect: props.clientRect,
})
},
onKeyDown(props) {
if (props.event.key === 'Escape') {
popup[0].hide()
@ -45,6 +48,7 @@ export default {
return reactRenderer.ref?.onKeyDown(props)
},
onExit() {
popup[0].destroy()
reactRenderer.destroy()

View File

@ -8,6 +8,7 @@ export default {
'Lea Thompson', 'Cyndi Lauper', 'Tom Cruise', 'Madonna', 'Jerry Hall', 'Joan Collins', 'Winona Ryder', 'Christina Applegate', 'Alyssa Milano', 'Molly Ringwald', 'Ally Sheedy', 'Debbie Harry', 'Olivia Newton-John', 'Elton John', 'Michael J. Fox', 'Axl Rose', 'Emilio Estevez', 'Ralph Macchio', 'Rob Lowe', 'Jennifer Grey', 'Mickey Rourke', 'John Cusack', 'Matthew Broderick', 'Justine Bateman', 'Lisa Bonet',
].filter(item => item.toLowerCase().startsWith(query.toLowerCase())).slice(0, 5)
},
render: () => {
let component
let popup
@ -32,6 +33,7 @@ export default {
placement: 'bottom-start',
})
},
onUpdate(props) {
component.updateProps(props)
@ -39,6 +41,7 @@ export default {
getReferenceClientRect: props.clientRect,
})
},
onKeyDown(props) {
if (props.event.key === 'Escape') {
popup[0].hide()
@ -48,6 +51,7 @@ export default {
return component.ref?.onKeyDown(props)
},
onExit() {
popup[0].destroy()
component.destroy()

View File

@ -51,6 +51,7 @@ export default {
},
].filter(item => item.title.toLowerCase().startsWith(query.toLowerCase())).slice(0, 10)
},
render: () => {
let component
let popup
@ -75,6 +76,7 @@ export default {
placement: 'bottom-start',
})
},
onUpdate(props) {
component.updateProps(props)
@ -82,6 +84,7 @@ export default {
getReferenceClientRect: props.clientRect,
})
},
onKeyDown(props) {
if (props.event.key === 'Escape') {
popup[0].hide()
@ -91,6 +94,7 @@ export default {
return component.ref?.onKeyDown(props)
},
onExit() {
popup[0].destroy()
component.destroy()

View File

@ -8,6 +8,7 @@ export default {
'Lea Thompson', 'Cyndi Lauper', 'Tom Cruise', 'Madonna', 'Jerry Hall', 'Joan Collins', 'Winona Ryder', 'Christina Applegate', 'Alyssa Milano', 'Molly Ringwald', 'Ally Sheedy', 'Debbie Harry', 'Olivia Newton-John', 'Elton John', 'Michael J. Fox', 'Axl Rose', 'Emilio Estevez', 'Ralph Macchio', 'Rob Lowe', 'Jennifer Grey', 'Mickey Rourke', 'John Cusack', 'Matthew Broderick', 'Justine Bateman', 'Lisa Bonet',
].filter(item => item.toLowerCase().startsWith(query.toLowerCase())).slice(0, 5)
},
render: () => {
let component
let popup
@ -32,6 +33,7 @@ export default {
placement: 'bottom-start',
})
},
onUpdate(props) {
component.updateProps(props)
@ -39,6 +41,7 @@ export default {
getReferenceClientRect: props.clientRect,
})
},
onKeyDown(props) {
if (props.event.key === 'Escape') {
popup[0].hide()
@ -48,6 +51,7 @@ export default {
return component.ref?.onKeyDown(props)
},
onExit() {
popup[0].destroy()
component.destroy()