Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 | 18x 60x 18x 7x 7x 7x 20x 12x 12x 7x 7x 11x 12x 12x 1x 1x 41x 11x 22x 22x 11x 31x 11x 11x 11x 11x 11x 11x 11x 11x 10x 10x 10x 10x 10x 1x 1x 1x 11x 7x 11x 11x 5x 11x 13x 7x 7x 6x 11x 11x 14x 10x 5x 10x 10x 5x 10x 10x 10x 10x 5x 10x 5x 6x | /** !
* vue-async-data
*
* includes modifications which are subject to the terms outlined in LICENSE
*
* The MIT License (MIT)
*
* Copyright (c) 2017 kamijin-fanta
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
import Any from 'p-any'
import flow from 'lodash/fp/flow'
import fromPairs from 'lodash/fp/fromPairs'
import getMergedOptions from './getMergedOptions'
import isFunction from 'lodash/isFunction'
import keys from 'lodash/keys'
import zip from 'lodash/fp/zip'
let optionNames = [
'Default',
'Lazy'
]
const isOptionName = (key, names = optionNames) => names.find((n) => key.endsWith(n))
// name args optional
const createAsyncReload = (thisArg, asyncData) => function (propertyName, skipLazy = false) {
Eif (asyncData) {
let promises = []
let names = keys(asyncData)
.filter((s) => !isOptionName(s))
.filter((s) => propertyName === undefined || s === propertyName)
.filter((s) => skipLazy === false || !asyncData[`${s}Lazy`])
Iif (propertyName !== undefined && names.length === 0) {
throw new Error(`asyncData cannot find "${propertyName}`, this)
}
names.forEach((prop) => {
// helpers
const setError = (err) => {
this[`${prop}Error`] = err
if (err) {
console.error(`[@citygro/vdata<${this._uid}>]`, err)
this.asyncError = true
} else {
this.asyncError = !!names.find((n) => this[`${n}Error`])
}
}
const setLoading = (flag) => {
this[`${prop}Loading`] = flag
if (flag) {
this.asyncLoading = true
} else {
this.asyncLoading = !!names.find((n) => this[`${n}Loading`])
}
}
const cancelTimer = () => {
Iif (this[`_${prop}Timer`]) {
clearTimeout(this[`_${prop}Timer`])
}
}
setLoading(true)
setError(undefined)
const timeout = asyncData[`${prop}Timeout`] || -1
Iif (timeout > 0) {
clearTimeout(this[`_${prop}Timer`])
this[`_${prop}Timer`] = setTimeout(() => {
this._asyncReload.cancel()
}, timeout)
}
Iif (typeof asyncData[prop] !== 'function') {
console.error(`asyncData.${prop} must be funtion. actual: ${asyncData[prop]}`, this)
} else {
const promise = asyncData[prop]
.apply(this)
.then((data) => {
this[prop] = data
this[`${prop}Promise`] = promise
setLoading(false)
cancelTimer()
return data
})
.catch((err) => {
setError(err)
setLoading(false)
cancelTimer()
})
promises.push(promise)
}
})
return Promise.all(promises).then(flow(zip(names), fromPairs))
} else {
return Promise.resolve({})
}
}.bind(thisArg)
export default {
beforeCreate () {
const asyncData = getMergedOptions(this, 'asyncData')
if (asyncData) {
this._asyncReload = createAsyncReload(this, asyncData)
}
},
created () {
this.$asyncReload(undefined, true)
},
methods: {
$asyncReload (propertyName) {
if (isFunction(this._asyncReload)) {
return this._asyncReload
.apply(this, arguments)
.then((result) => (propertyName) ? result[propertyName] : result)
} else {
return Promise.resolve(null)
}
}
},
data () {
const asyncData = getMergedOptions(this, 'asyncData')
if (asyncData) {
const names = keys(asyncData).filter((s) => !isOptionName(s))
const errorNames = names.map((s) => `${s}Error`)
let dataObj = {
asyncLoading: true,
asyncError: false,
asyncAll: Promise.all(names.map((name) => asyncData[name])),
asyncAny: Any(names.map((name) => asyncData[name]))
}
names.forEach((name) => {
const asyncDefault = asyncData[`${name}Default`]
dataObj[name] = (isFunction(asyncDefault)) ? asyncDefault.apply(this) : asyncDefault
dataObj[`${name}Promise`] = asyncData[name]
dataObj[`${name}Loading`] = !asyncData[`${name}Lazy`]
})
errorNames.forEach((name) => {
dataObj[name] = undefined
})
return dataObj
}
return {}
}
}
|