d71de0a92d
* chore(docs): update basic example styles * chore(docs): update confirm delete example styles * chore(docs): update dnd example styles * chore(docs): update hidden example * chore(docs): update update node example * chore(docs): update node toolbar example styles * chore(docs): update transition example styles * chore(docs): cleanup basic example els * chore(docs): cleanup examples
33 lines
595 B
JavaScript
33 lines
595 B
JavaScript
import { ref } from 'vue'
|
|
|
|
/**
|
|
* In a real world example you would want to avoid creating refs in a global scope like this
|
|
*/
|
|
const isVisible = ref(false)
|
|
const message = ref('')
|
|
let resolveCallback
|
|
|
|
export function useDialogState() {
|
|
return {
|
|
isVisible,
|
|
message,
|
|
resolve: (value) => {
|
|
if (resolveCallback) {
|
|
resolveCallback(value)
|
|
}
|
|
},
|
|
}
|
|
}
|
|
|
|
export function useDialog() {
|
|
return {
|
|
confirm(msg) {
|
|
isVisible.value = true
|
|
message.value = msg
|
|
return new Promise((resolve) => {
|
|
resolveCallback = resolve
|
|
})
|
|
},
|
|
}
|
|
}
|