Evan You
9 years ago
6 changed files with 208 additions and 51 deletions
@ -0,0 +1,171 @@ |
|||
import { hyphenate, hasOwn, isArray, isObject, isPlainObject } from './lang' |
|||
import { warn } from './debug' |
|||
|
|||
export function getPropValue (data, key, vm) { |
|||
if (!data) return |
|||
const prop = vm.$options.props[key] |
|||
const altKey = hyphenate(key) |
|||
const attrVal = getPropValueFromHash(data.attrs, key, altKey) |
|||
let value = attrVal === undefined |
|||
? getPropValueFromHash(data.props, key, altKey) |
|||
: attrVal |
|||
// check default value
|
|||
if (value === undefined) { |
|||
value = getPropDefaultValue(vm, prop, key) |
|||
} |
|||
if (process.env.NODE_ENV !== 'production') { |
|||
assertProp(prop, key, value, vm) |
|||
} |
|||
return value |
|||
} |
|||
|
|||
function getPropValueFromHash (hash, key, altKey) { |
|||
return hash |
|||
? hasOwn(hash, key) |
|||
? hash[key] |
|||
: hash[altKey] |
|||
: undefined |
|||
} |
|||
|
|||
/** |
|||
* Get the default value of a prop. |
|||
* |
|||
* @param {Vue} vm |
|||
* @param {Object} prop |
|||
* @return {*} |
|||
*/ |
|||
|
|||
function getPropDefaultValue (vm, prop, name) { |
|||
// no default, return undefined
|
|||
if (!hasOwn(prop, 'default')) { |
|||
// absent boolean value defaults to false
|
|||
return prop.type === Boolean |
|||
? false |
|||
: undefined |
|||
} |
|||
var def = prop.default |
|||
// warn against non-factory defaults for Object & Array
|
|||
if (isObject(def)) { |
|||
process.env.NODE_ENV !== 'production' && warn( |
|||
'Invalid default value for prop "' + name + '": ' + |
|||
'Props with type Object/Array must use a factory function ' + |
|||
'to return the default value.', |
|||
vm |
|||
) |
|||
} |
|||
// call factory function for non-Function types
|
|||
return typeof def === 'function' && prop.type !== Function |
|||
? def.call(vm) |
|||
: def |
|||
} |
|||
|
|||
/** |
|||
* Assert whether a prop is valid. |
|||
* |
|||
* @param {Object} prop |
|||
* @param {*} value |
|||
* @param {Vue} vm |
|||
*/ |
|||
|
|||
function assertProp (prop, name, value, vm) { |
|||
if (prop.required && value == null) { |
|||
return false |
|||
} |
|||
var type = prop.type |
|||
var valid = !type |
|||
var expectedTypes = [] |
|||
if (type) { |
|||
if (!isArray(type)) { |
|||
type = [type] |
|||
} |
|||
for (var i = 0; i < type.length && !valid; i++) { |
|||
var assertedType = assertType(value, type[i]) |
|||
expectedTypes.push(assertedType.expectedType) |
|||
valid = assertedType.valid |
|||
} |
|||
} |
|||
if (!valid) { |
|||
if (process.env.NODE_ENV !== 'production') { |
|||
warn( |
|||
'Invalid prop: type check failed for prop "' + name + '".' + |
|||
' Expected ' + expectedTypes.map(formatType).join(', ') + |
|||
', got ' + formatValue(value) + '.', |
|||
vm |
|||
) |
|||
} |
|||
return false |
|||
} |
|||
var validator = prop.validator |
|||
if (validator) { |
|||
if (!validator(value)) { |
|||
process.env.NODE_ENV !== 'production' && warn( |
|||
'Invalid prop: custom validator check failed for prop "' + name + '".', |
|||
vm |
|||
) |
|||
return false |
|||
} |
|||
} |
|||
return true |
|||
} |
|||
|
|||
/** |
|||
* Assert the type of a value |
|||
* |
|||
* @param {*} value |
|||
* @param {Function} type |
|||
* @return {Object} |
|||
*/ |
|||
|
|||
function assertType (value, type) { |
|||
var valid |
|||
var expectedType |
|||
if (type === String) { |
|||
expectedType = 'string' |
|||
valid = typeof value === expectedType |
|||
} else if (type === Number) { |
|||
expectedType = 'number' |
|||
valid = typeof value === expectedType |
|||
} else if (type === Boolean) { |
|||
expectedType = 'boolean' |
|||
valid = typeof value === expectedType |
|||
} else if (type === Function) { |
|||
expectedType = 'function' |
|||
valid = typeof value === expectedType |
|||
} else if (type === Object) { |
|||
expectedType = 'object' |
|||
valid = isPlainObject(value) |
|||
} else if (type === Array) { |
|||
expectedType = 'array' |
|||
valid = isArray(value) |
|||
} else { |
|||
valid = value instanceof type |
|||
} |
|||
return { |
|||
valid, |
|||
expectedType |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* Format type for output |
|||
* |
|||
* @param {String} type |
|||
* @return {String} |
|||
*/ |
|||
|
|||
function formatType (type) { |
|||
return type |
|||
? type.charAt(0).toUpperCase() + type.slice(1) |
|||
: 'custom type' |
|||
} |
|||
|
|||
/** |
|||
* Format value |
|||
* |
|||
* @param {*} value |
|||
* @return {String} |
|||
*/ |
|||
|
|||
function formatValue (val) { |
|||
return Object.prototype.toString.call(val).slice(8, -1) |
|||
} |
|||
Loading…
Reference in new issue