Tiny refactoring of the new pull request (passing linting)

This commit is contained in:
euvl
2017-10-09 14:04:12 +01:00
parent 907c2d9104
commit 220573f137
2 changed files with 37 additions and 25 deletions

View File

@@ -1,2 +1 @@
<!-- Love vue-js-modal? Please consider supporting our collective: <!---->
👉 https://opencollective.com/vue-js-modal/donate -->

View File

@@ -217,35 +217,44 @@
window.addEventListener('resize', this.onWindowResize) window.addEventListener('resize', this.onWindowResize)
this.onWindowResize() this.onWindowResize()
/**
* Making sure that autoHeight is enabled when using "scrollable"
*/
if (this.scrollable && !this.isAutoHeight) { if (this.scrollable && !this.isAutoHeight) {
console.warn(`Modal "${this.name}" has scrollable flag set to true ` + console.warn(`Modal "${this.name}" has scrollable flag set to true ` +
`but height is not "auto" (${this.height})`) `but height is not "auto" (${this.height})`)
} }
// init MutationObserver
/** /**
* MutationObserver feature detection: * Only observe when using height: 'auto'
* Detects if MutationObserver is available, return false if not. * The callback will be called when modal DOM changes,
* No polyfill is provided here, so height 'auto' recalculation will simply stay at its initial height (won't crash). * this is for updating the `top` attribute for height 'auto' modals.
* (Provide polyfill to support IE < 11)
*/ */
const MutationObserver = (function () { if (this.isAutoHeight) {
const prefixes = ['', 'WebKit', 'Moz', 'O', 'Ms'] /**
for (let i = 0; i < prefixes.length; i++) { * MutationObserver feature detection:
if (prefixes[i] + 'MutationObserver' in window) { * Detects if MutationObserver is available, return false if not.
return window[prefixes[i] + 'MutationObserver'] * No polyfill is provided here, so height 'auto' recalculation will
* simply stay at its initial height (won't crash).
* (Provide polyfill to support IE < 11)
*/
const MutationObserver = (function () {
const prefixes = ['', 'WebKit', 'Moz', 'O', 'Ms']
for (let i = 0; i < prefixes.length; i++) {
let name = prefixes[i] + 'MutationObserver'
if (name in window) {
return window[name]
}
} }
return false
}())
if (MutationObserver) {
this.mutationObserver = new MutationObserver(mutations => {
this.updateRenderedHeight()
})
} }
return false
}())
// Only observe when using height: 'auto'
// The callback will be called when modal DOM changes,
// this is for updating the `top` attribute for height 'auto' modals.
if (this.isAutoHeight && MutationObserver) {
this.mutationObserver = new MutationObserver(mutations => {
this.updateRenderedHeight()
})
} }
}, },
/** /**
@@ -563,7 +572,8 @@
* 2. MutationObserver's observe callback * 2. MutationObserver's observe callback
*/ */
updateRenderedHeight () { updateRenderedHeight () {
this.modal.renderedHeight = this.$refs.modal.getBoundingClientRect().height this.modal.renderedHeight = this.$refs.modal
.getBoundingClientRect().height
}, },
/** /**
@@ -572,7 +582,10 @@
*/ */
observe () { observe () {
if (this.mutationObserver) { if (this.mutationObserver) {
this.mutationObserver.observe(this.$refs.modal, { childList: true, subtree: true }) this.mutationObserver.observe(this.$refs.modal, {
childList: true,
subtree: true
})
} }
}, },