You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
10733 lines
272 KiB
10733 lines
272 KiB
/*!
|
|
* Vue.js v2.5.8
|
|
* (c) 2014-2017 Evan You
|
|
* Released under the MIT License.
|
|
*/
|
|
/* */
|
|
|
|
const emptyObject = Object.freeze({});
|
|
|
|
// these helpers produces better vm code in JS engines due to their
|
|
// explicitness and function inlining
|
|
function isUndef (v) {
|
|
return v === undefined || v === null
|
|
}
|
|
|
|
function isDef (v) {
|
|
return v !== undefined && v !== null
|
|
}
|
|
|
|
function isTrue (v) {
|
|
return v === true
|
|
}
|
|
|
|
function isFalse (v) {
|
|
return v === false
|
|
}
|
|
|
|
/**
|
|
* Check if value is primitive
|
|
*/
|
|
function isPrimitive (value) {
|
|
return (
|
|
typeof value === 'string' ||
|
|
typeof value === 'number' ||
|
|
typeof value === 'boolean'
|
|
)
|
|
}
|
|
|
|
/**
|
|
* Quick object check - this is primarily used to tell
|
|
* Objects from primitive values when we know the value
|
|
* is a JSON-compliant type.
|
|
*/
|
|
function isObject (obj) {
|
|
return obj !== null && typeof obj === 'object'
|
|
}
|
|
|
|
/**
|
|
* Get the raw type string of a value e.g. [object Object]
|
|
*/
|
|
const _toString = Object.prototype.toString;
|
|
|
|
function toRawType (value) {
|
|
return _toString.call(value).slice(8, -1)
|
|
}
|
|
|
|
/**
|
|
* Strict object type check. Only returns true
|
|
* for plain JavaScript objects.
|
|
*/
|
|
function isPlainObject (obj) {
|
|
return _toString.call(obj) === '[object Object]'
|
|
}
|
|
|
|
function isRegExp (v) {
|
|
return _toString.call(v) === '[object RegExp]'
|
|
}
|
|
|
|
/**
|
|
* Check if val is a valid array index.
|
|
*/
|
|
function isValidArrayIndex (val) {
|
|
const n = parseFloat(String(val));
|
|
return n >= 0 && Math.floor(n) === n && isFinite(val)
|
|
}
|
|
|
|
/**
|
|
* Convert a value to a string that is actually rendered.
|
|
*/
|
|
function toString (val) {
|
|
return val == null
|
|
? ''
|
|
: typeof val === 'object'
|
|
? JSON.stringify(val, null, 2)
|
|
: String(val)
|
|
}
|
|
|
|
/**
|
|
* Convert a input value to a number for persistence.
|
|
* If the conversion fails, return original string.
|
|
*/
|
|
function toNumber (val) {
|
|
const n = parseFloat(val);
|
|
return isNaN(n) ? val : n
|
|
}
|
|
|
|
/**
|
|
* Make a map and return a function for checking if a key
|
|
* is in that map.
|
|
*/
|
|
function makeMap (
|
|
str,
|
|
expectsLowerCase
|
|
) {
|
|
const map = Object.create(null);
|
|
const list = str.split(',');
|
|
for (let i = 0; i < list.length; i++) {
|
|
map[list[i]] = true;
|
|
}
|
|
return expectsLowerCase
|
|
? val => map[val.toLowerCase()]
|
|
: val => map[val]
|
|
}
|
|
|
|
/**
|
|
* Check if a tag is a built-in tag.
|
|
*/
|
|
const isBuiltInTag = makeMap('slot,component', true);
|
|
|
|
/**
|
|
* Check if a attribute is a reserved attribute.
|
|
*/
|
|
const isReservedAttribute = makeMap('key,ref,slot,slot-scope,is');
|
|
|
|
/**
|
|
* Remove an item from an array
|
|
*/
|
|
function remove (arr, item) {
|
|
if (arr.length) {
|
|
const index = arr.indexOf(item);
|
|
if (index > -1) {
|
|
return arr.splice(index, 1)
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Check whether the object has the property.
|
|
*/
|
|
const hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
function hasOwn (obj, key) {
|
|
return hasOwnProperty.call(obj, key)
|
|
}
|
|
|
|
/**
|
|
* Create a cached version of a pure function.
|
|
*/
|
|
function cached (fn) {
|
|
const cache = Object.create(null);
|
|
return (function cachedFn (str) {
|
|
const hit = cache[str];
|
|
return hit || (cache[str] = fn(str))
|
|
})
|
|
}
|
|
|
|
/**
|
|
* Camelize a hyphen-delimited string.
|
|
*/
|
|
const camelizeRE = /-(\w)/g;
|
|
const camelize = cached((str) => {
|
|
return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : '')
|
|
});
|
|
|
|
/**
|
|
* Capitalize a string.
|
|
*/
|
|
const capitalize = cached((str) => {
|
|
return str.charAt(0).toUpperCase() + str.slice(1)
|
|
});
|
|
|
|
/**
|
|
* Hyphenate a camelCase string.
|
|
*/
|
|
const hyphenateRE = /\B([A-Z])/g;
|
|
const hyphenate = cached((str) => {
|
|
return str.replace(hyphenateRE, '-$1').toLowerCase()
|
|
});
|
|
|
|
/**
|
|
* Simple bind, faster than native
|
|
*/
|
|
function bind (fn, ctx) {
|
|
function boundFn (a) {
|
|
const l = arguments.length;
|
|
return l
|
|
? l > 1
|
|
? fn.apply(ctx, arguments)
|
|
: fn.call(ctx, a)
|
|
: fn.call(ctx)
|
|
}
|
|
// record original fn length
|
|
boundFn._length = fn.length;
|
|
return boundFn
|
|
}
|
|
|
|
/**
|
|
* Convert an Array-like object to a real Array.
|
|
*/
|
|
function toArray (list, start) {
|
|
start = start || 0;
|
|
let i = list.length - start;
|
|
const ret = new Array(i);
|
|
while (i--) {
|
|
ret[i] = list[i + start];
|
|
}
|
|
return ret
|
|
}
|
|
|
|
/**
|
|
* Mix properties into target object.
|
|
*/
|
|
function extend (to, _from) {
|
|
for (const key in _from) {
|
|
to[key] = _from[key];
|
|
}
|
|
return to
|
|
}
|
|
|
|
/**
|
|
* Merge an Array of Objects into a single Object.
|
|
*/
|
|
function toObject (arr) {
|
|
const res = {};
|
|
for (let i = 0; i < arr.length; i++) {
|
|
if (arr[i]) {
|
|
extend(res, arr[i]);
|
|
}
|
|
}
|
|
return res
|
|
}
|
|
|
|
/**
|
|
* Perform no operation.
|
|
* Stubbing args to make Flow happy without leaving useless transpiled code
|
|
* with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/)
|
|
*/
|
|
function noop (a, b, c) {}
|
|
|
|
/**
|
|
* Always return false.
|
|
*/
|
|
const no = (a, b, c) => false;
|
|
|
|
/**
|
|
* Return same value
|
|
*/
|
|
const identity = (_) => _;
|
|
|
|
/**
|
|
* Generate a static keys string from compiler modules.
|
|
*/
|
|
function genStaticKeys (modules) {
|
|
return modules.reduce((keys, m) => {
|
|
return keys.concat(m.staticKeys || [])
|
|
}, []).join(',')
|
|
}
|
|
|
|
/**
|
|
* Check if two values are loosely equal - that is,
|
|
* if they are plain objects, do they have the same shape?
|
|
*/
|
|
function looseEqual (a, b) {
|
|
if (a === b) return true
|
|
const isObjectA = isObject(a);
|
|
const isObjectB = isObject(b);
|
|
if (isObjectA && isObjectB) {
|
|
try {
|
|
const isArrayA = Array.isArray(a);
|
|
const isArrayB = Array.isArray(b);
|
|
if (isArrayA && isArrayB) {
|
|
return a.length === b.length && a.every((e, i) => {
|
|
return looseEqual(e, b[i])
|
|
})
|
|
} else if (!isArrayA && !isArrayB) {
|
|
const keysA = Object.keys(a);
|
|
const keysB = Object.keys(b);
|
|
return keysA.length === keysB.length && keysA.every(key => {
|
|
return looseEqual(a[key], b[key])
|
|
})
|
|
} else {
|
|
/* istanbul ignore next */
|
|
return false
|
|
}
|
|
} catch (e) {
|
|
/* istanbul ignore next */
|
|
return false
|
|
}
|
|
} else if (!isObjectA && !isObjectB) {
|
|
return String(a) === String(b)
|
|
} else {
|
|
return false
|
|
}
|
|
}
|
|
|
|
function looseIndexOf (arr, val) {
|
|
for (let i = 0; i < arr.length; i++) {
|
|
if (looseEqual(arr[i], val)) return i
|
|
}
|
|
return -1
|
|
}
|
|
|
|
/**
|
|
* Ensure a function is called only once.
|
|
*/
|
|
function once (fn) {
|
|
let called = false;
|
|
return function () {
|
|
if (!called) {
|
|
called = true;
|
|
fn.apply(this, arguments);
|
|
}
|
|
}
|
|
}
|
|
|
|
const SSR_ATTR = 'data-server-rendered';
|
|
|
|
const ASSET_TYPES = [
|
|
'component',
|
|
'directive',
|
|
'filter'
|
|
];
|
|
|
|
const LIFECYCLE_HOOKS = [
|
|
'beforeCreate',
|
|
'created',
|
|
'beforeMount',
|
|
'mounted',
|
|
'beforeUpdate',
|
|
'updated',
|
|
'beforeDestroy',
|
|
'destroyed',
|
|
'activated',
|
|
'deactivated',
|
|
'errorCaptured'
|
|
];
|
|
|
|
/* */
|
|
|
|
var config = ({
|
|
/**
|
|
* Option merge strategies (used in core/util/options)
|
|
*/
|
|
optionMergeStrategies: Object.create(null),
|
|
|
|
/**
|
|
* Whether to suppress warnings.
|
|
*/
|
|
silent: false,
|
|
|
|
/**
|
|
* Show production mode tip message on boot?
|
|
*/
|
|
productionTip: "development" !== 'production',
|
|
|
|
/**
|
|
* Whether to enable devtools
|
|
*/
|
|
devtools: "development" !== 'production',
|
|
|
|
/**
|
|
* Whether to record perf
|
|
*/
|
|
performance: false,
|
|
|
|
/**
|
|
* Error handler for watcher errors
|
|
*/
|
|
errorHandler: null,
|
|
|
|
/**
|
|
* Warn handler for watcher warns
|
|
*/
|
|
warnHandler: null,
|
|
|
|
/**
|
|
* Ignore certain custom elements
|
|
*/
|
|
ignoredElements: [],
|
|
|
|
/**
|
|
* Custom user key aliases for v-on
|
|
*/
|
|
keyCodes: Object.create(null),
|
|
|
|
/**
|
|
* Check if a tag is reserved so that it cannot be registered as a
|
|
* component. This is platform-dependent and may be overwritten.
|
|
*/
|
|
isReservedTag: no,
|
|
|
|
/**
|
|
* Check if an attribute is reserved so that it cannot be used as a component
|
|
* prop. This is platform-dependent and may be overwritten.
|
|
*/
|
|
isReservedAttr: no,
|
|
|
|
/**
|
|
* Check if a tag is an unknown element.
|
|
* Platform-dependent.
|
|
*/
|
|
isUnknownElement: no,
|
|
|
|
/**
|
|
* Get the namespace of an element
|
|
*/
|
|
getTagNamespace: noop,
|
|
|
|
/**
|
|
* Parse the real tag name for the specific platform.
|
|
*/
|
|
parsePlatformTagName: identity,
|
|
|
|
/**
|
|
* Check if an attribute must be bound using property, e.g. value
|
|
* Platform-dependent.
|
|
*/
|
|
mustUseProp: no,
|
|
|
|
/**
|
|
* Exposed for legacy reasons
|
|
*/
|
|
_lifecycleHooks: LIFECYCLE_HOOKS
|
|
});
|
|
|
|
/* */
|
|
|
|
/**
|
|
* Check if a string starts with $ or _
|
|
*/
|
|
function isReserved (str) {
|
|
const c = (str + '').charCodeAt(0);
|
|
return c === 0x24 || c === 0x5F
|
|
}
|
|
|
|
/**
|
|
* Define a property.
|
|
*/
|
|
function def (obj, key, val, enumerable) {
|
|
Object.defineProperty(obj, key, {
|
|
value: val,
|
|
enumerable: !!enumerable,
|
|
writable: true,
|
|
configurable: true
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Parse simple path.
|
|
*/
|
|
const bailRE = /[^\w.$]/;
|
|
function parsePath (path) {
|
|
if (bailRE.test(path)) {
|
|
return
|
|
}
|
|
const segments = path.split('.');
|
|
return function (obj) {
|
|
for (let i = 0; i < segments.length; i++) {
|
|
if (!obj) return
|
|
obj = obj[segments[i]];
|
|
}
|
|
return obj
|
|
}
|
|
}
|
|
|
|
/* */
|
|
|
|
|
|
// can we use __proto__?
|
|
const hasProto = '__proto__' in {};
|
|
|
|
// Browser environment sniffing
|
|
const inBrowser = typeof window !== 'undefined';
|
|
const inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform;
|
|
const weexPlatform = inWeex && WXEnvironment.platform.toLowerCase();
|
|
const UA = inBrowser && window.navigator.userAgent.toLowerCase();
|
|
const isIE = UA && /msie|trident/.test(UA);
|
|
const isIE9 = UA && UA.indexOf('msie 9.0') > 0;
|
|
const isEdge = UA && UA.indexOf('edge/') > 0;
|
|
const isAndroid = (UA && UA.indexOf('android') > 0) || (weexPlatform === 'android');
|
|
const isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA)) || (weexPlatform === 'ios');
|
|
const isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge;
|
|
|
|
// Firefox has a "watch" function on Object.prototype...
|
|
const nativeWatch = ({}).watch;
|
|
|
|
let supportsPassive = false;
|
|
if (inBrowser) {
|
|
try {
|
|
const opts = {};
|
|
Object.defineProperty(opts, 'passive', ({
|
|
get () {
|
|
/* istanbul ignore next */
|
|
supportsPassive = true;
|
|
}
|
|
})); // https://github.com/facebook/flow/issues/285
|
|
window.addEventListener('test-passive', null, opts);
|
|
} catch (e) {}
|
|
}
|
|
|
|
// this needs to be lazy-evaled because vue may be required before
|
|
// vue-server-renderer can set VUE_ENV
|
|
let _isServer;
|
|
const isServerRendering = () => {
|
|
if (_isServer === undefined) {
|
|
/* istanbul ignore if */
|
|
if (!inBrowser && typeof global !== 'undefined') {
|
|
// detect presence of vue-server-renderer and avoid
|
|
// Webpack shimming the process
|
|
_isServer = global['process'].env.VUE_ENV === 'server';
|
|
} else {
|
|
_isServer = false;
|
|
}
|
|
}
|
|
return _isServer
|
|
};
|
|
|
|
// detect devtools
|
|
const devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__;
|
|
|
|
/* istanbul ignore next */
|
|
function isNative (Ctor) {
|
|
return typeof Ctor === 'function' && /native code/.test(Ctor.toString())
|
|
}
|
|
|
|
const hasSymbol =
|
|
typeof Symbol !== 'undefined' && isNative(Symbol) &&
|
|
typeof Reflect !== 'undefined' && isNative(Reflect.ownKeys);
|
|
|
|
let _Set;
|
|
/* istanbul ignore if */ // $flow-disable-line
|
|
if (typeof Set !== 'undefined' && isNative(Set)) {
|
|
// use native Set when available.
|
|
_Set = Set;
|
|
} else {
|
|
// a non-standard Set polyfill that only works with primitive keys.
|
|
_Set = class Set {
|
|
|
|
constructor () {
|
|
this.set = Object.create(null);
|
|
}
|
|
has (key) {
|
|
return this.set[key] === true
|
|
}
|
|
add (key) {
|
|
this.set[key] = true;
|
|
}
|
|
clear () {
|
|
this.set = Object.create(null);
|
|
}
|
|
};
|
|
}
|
|
|
|
/* */
|
|
|
|
let warn = noop;
|
|
let tip = noop;
|
|
let generateComponentTrace = (noop); // work around flow check
|
|
let formatComponentName = (noop);
|
|
|
|
{
|
|
const hasConsole = typeof console !== 'undefined';
|
|
const classifyRE = /(?:^|[-_])(\w)/g;
|
|
const classify = str => str
|
|
.replace(classifyRE, c => c.toUpperCase())
|
|
.replace(/[-_]/g, '');
|
|
|
|
warn = (msg, vm) => {
|
|
const trace = vm ? generateComponentTrace(vm) : '';
|
|
|
|
if (config.warnHandler) {
|
|
config.warnHandler.call(null, msg, vm, trace);
|
|
} else if (hasConsole && (!config.silent)) {
|
|
console.error(`[Vue warn]: ${msg}${trace}`);
|
|
}
|
|
};
|
|
|
|
tip = (msg, vm) => {
|
|
if (hasConsole && (!config.silent)) {
|
|
console.warn(`[Vue tip]: ${msg}` + (
|
|
vm ? generateComponentTrace(vm) : ''
|
|
));
|
|
}
|
|
};
|
|
|
|
formatComponentName = (vm, includeFile) => {
|
|
if (vm.$root === vm) {
|
|
return '<Root>'
|
|
}
|
|
const options = typeof vm === 'function' && vm.cid != null
|
|
? vm.options
|
|
: vm._isVue
|
|
? vm.$options || vm.constructor.options
|
|
: vm || {};
|
|
let name = options.name || options._componentTag;
|
|
const file = options.__file;
|
|
if (!name && file) {
|
|
const match = file.match(/([^/\\]+)\.vue$/);
|
|
name = match && match[1];
|
|
}
|
|
|
|
return (
|
|
(name ? `<${classify(name)}>` : `<Anonymous>`) +
|
|
(file && includeFile !== false ? ` at ${file}` : '')
|
|
)
|
|
};
|
|
|
|
const repeat = (str, n) => {
|
|
let res = '';
|
|
while (n) {
|
|
if (n % 2 === 1) res += str;
|
|
if (n > 1) str += str;
|
|
n >>= 1;
|
|
}
|
|
return res
|
|
};
|
|
|
|
generateComponentTrace = vm => {
|
|
if (vm._isVue && vm.$parent) {
|
|
const tree = [];
|
|
let currentRecursiveSequence = 0;
|
|
while (vm) {
|
|
if (tree.length > 0) {
|
|
const last = tree[tree.length - 1];
|
|
if (last.constructor === vm.constructor) {
|
|
currentRecursiveSequence++;
|
|
vm = vm.$parent;
|
|
continue
|
|
} else if (currentRecursiveSequence > 0) {
|
|
tree[tree.length - 1] = [last, currentRecursiveSequence];
|
|
currentRecursiveSequence = 0;
|
|
}
|
|
}
|
|
tree.push(vm);
|
|
vm = vm.$parent;
|
|
}
|
|
return '\n\nfound in\n\n' + tree
|
|
.map((vm, i) => `${
|
|
i === 0 ? '---> ' : repeat(' ', 5 + i * 2)
|
|
}${
|
|
Array.isArray(vm)
|
|
? `${formatComponentName(vm[0])}... (${vm[1]} recursive calls)`
|
|
: formatComponentName(vm)
|
|
}`)
|
|
.join('\n')
|
|
} else {
|
|
return `\n\n(found in ${formatComponentName(vm)})`
|
|
}
|
|
};
|
|
}
|
|
|
|
/* */
|
|
|
|
|
|
let uid = 0;
|
|
|
|
/**
|
|
* A dep is an observable that can have multiple
|
|
* directives subscribing to it.
|
|
*/
|
|
class Dep {
|
|
|
|
|
|
|
|
|
|
constructor () {
|
|
this.id = uid++;
|
|
this.subs = [];
|
|
}
|
|
|
|
addSub (sub) {
|
|
this.subs.push(sub);
|
|
}
|
|
|
|
removeSub (sub) {
|
|
remove(this.subs, sub);
|
|
}
|
|
|
|
depend () {
|
|
if (Dep.target) {
|
|
Dep.target.addDep(this);
|
|
}
|
|
}
|
|
|
|
notify () {
|
|
// stabilize the subscriber list first
|
|
const subs = this.subs.slice();
|
|
for (let i = 0, l = subs.length; i < l; i++) {
|
|
subs[i].update();
|
|
}
|
|
}
|
|
}
|
|
|
|
// the current target watcher being evaluated.
|
|
// this is globally unique because there could be only one
|
|
// watcher being evaluated at any time.
|
|
Dep.target = null;
|
|
const targetStack = [];
|
|
|
|
function pushTarget (_target) {
|
|
if (Dep.target) targetStack.push(Dep.target);
|
|
Dep.target = _target;
|
|
}
|
|
|
|
function popTarget () {
|
|
Dep.target = targetStack.pop();
|
|
}
|
|
|
|
/* */
|
|
|
|
class VNode {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// rendered in this component's scope
|
|
|
|
|
|
// component instance
|
|
// component placeholder node
|
|
|
|
// strictly internal
|
|
// contains raw HTML? (server only)
|
|
// hoisted static node
|
|
// necessary for enter transition check
|
|
// empty comment placeholder?
|
|
// is a cloned node?
|
|
// is a v-once node?
|
|
// async component factory function
|
|
|
|
|
|
|
|
// real context vm for functional nodes
|
|
// for SSR caching
|
|
// functioanl scope id support
|
|
|
|
constructor (
|
|
tag,
|
|
data,
|
|
children,
|
|
text,
|
|
elm,
|
|
context,
|
|
componentOptions,
|
|
asyncFactory
|
|
) {
|
|
this.tag = tag;
|
|
this.data = data;
|
|
this.children = children;
|
|
this.text = text;
|
|
this.elm = elm;
|
|
this.ns = undefined;
|
|
this.context = context;
|
|
this.functionalContext = undefined;
|
|
this.functionalOptions = undefined;
|
|
this.functionalScopeId = undefined;
|
|
this.key = data && data.key;
|
|
this.componentOptions = componentOptions;
|
|
this.componentInstance = undefined;
|
|
this.parent = undefined;
|
|
this.raw = false;
|
|
this.isStatic = false;
|
|
this.isRootInsert = true;
|
|
this.isComment = false;
|
|
this.isCloned = false;
|
|
this.isOnce = false;
|
|
this.asyncFactory = asyncFactory;
|
|
this.asyncMeta = undefined;
|
|
this.isAsyncPlaceholder = false;
|
|
}
|
|
|
|
// DEPRECATED: alias for componentInstance for backwards compat.
|
|
/* istanbul ignore next */
|
|
get child () {
|
|
return this.componentInstance
|
|
}
|
|
}
|
|
|
|
const createEmptyVNode = (text = '') => {
|
|
const node = new VNode();
|
|
node.text = text;
|
|
node.isComment = true;
|
|
return node
|
|
};
|
|
|
|
function createTextVNode (val) {
|
|
return new VNode(undefined, undefined, undefined, String(val))
|
|
}
|
|
|
|
// optimized shallow clone
|
|
// used for static nodes and slot nodes because they may be reused across
|
|
// multiple renders, cloning them avoids errors when DOM manipulations rely
|
|
// on their elm reference.
|
|
function cloneVNode (vnode, deep) {
|
|
const componentOptions = vnode.componentOptions;
|
|
const cloned = new VNode(
|
|
vnode.tag,
|
|
vnode.data,
|
|
vnode.children,
|
|
vnode.text,
|
|
vnode.elm,
|
|
vnode.context,
|
|
componentOptions,
|
|
vnode.asyncFactory
|
|
);
|
|
cloned.ns = vnode.ns;
|
|
cloned.isStatic = vnode.isStatic;
|
|
cloned.key = vnode.key;
|
|
cloned.isComment = vnode.isComment;
|
|
cloned.isCloned = true;
|
|
if (deep) {
|
|
if (vnode.children) {
|
|
cloned.children = cloneVNodes(vnode.children, true);
|
|
}
|
|
if (componentOptions && componentOptions.children) {
|
|
componentOptions.children = cloneVNodes(componentOptions.children, true);
|
|
}
|
|
}
|
|
return cloned
|
|
}
|
|
|
|
function cloneVNodes (vnodes, deep) {
|
|
const len = vnodes.length;
|
|
const res = new Array(len);
|
|
for (let i = 0; i < len; i++) {
|
|
res[i] = cloneVNode(vnodes[i], deep);
|
|
}
|
|
return res
|
|
}
|
|
|
|
/*
|
|
* not type checking this file because flow doesn't play well with
|
|
* dynamically accessing methods on Array prototype
|
|
*/
|
|
|
|
const arrayProto = Array.prototype;
|
|
const arrayMethods = Object.create(arrayProto);[
|
|
'push',
|
|
'pop',
|
|
'shift',
|
|
'unshift',
|
|
'splice',
|
|
'sort',
|
|
'reverse'
|
|
]
|
|
.forEach(function (method) {
|
|
// cache original method
|
|
const original = arrayProto[method];
|
|
def(arrayMethods, method, function mutator (...args) {
|
|
const result = original.apply(this, args);
|
|
const ob = this.__ob__;
|
|
let inserted;
|
|
switch (method) {
|
|
case 'push':
|
|
case 'unshift':
|
|
inserted = args;
|
|
break
|
|
case 'splice':
|
|
inserted = args.slice(2);
|
|
break
|
|
}
|
|
if (inserted) ob.observeArray(inserted);
|
|
// notify change
|
|
ob.dep.notify();
|
|
return result
|
|
});
|
|
});
|
|
|
|
/* */
|
|
|
|
const arrayKeys = Object.getOwnPropertyNames(arrayMethods);
|
|
|
|
/**
|
|
* By default, when a reactive property is set, the new value is
|
|
* also converted to become reactive. However when passing down props,
|
|
* we don't want to force conversion because the value may be a nested value
|
|
* under a frozen data structure. Converting it would defeat the optimization.
|
|
*/
|
|
const observerState = {
|
|
shouldConvert: true
|
|
};
|
|
|
|
/**
|
|
* Observer class that are attached to each observed
|
|
* object. Once attached, the observer converts target
|
|
* object's property keys into getter/setters that
|
|
* collect dependencies and dispatches updates.
|
|
*/
|
|
class Observer {
|
|
|
|
|
|
// number of vms that has this object as root $data
|
|
|
|
constructor (value) {
|
|
this.value = value;
|
|
this.dep = new Dep();
|
|
this.vmCount = 0;
|
|
def(value, '__ob__', this);
|
|
if (Array.isArray(value)) {
|
|
const augment = hasProto
|
|
? protoAugment
|
|
: copyAugment;
|
|
augment(value, arrayMethods, arrayKeys);
|
|
this.observeArray(value);
|
|
} else {
|
|
this.walk(value);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Walk through each property and convert them into
|
|
* getter/setters. This method should only be called when
|
|
* value type is Object.
|
|
*/
|
|
walk (obj) {
|
|
const keys = Object.keys(obj);
|
|
for (let i = 0; i < keys.length; i++) {
|
|
defineReactive(obj, keys[i], obj[keys[i]]);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Observe a list of Array items.
|
|
*/
|
|
observeArray (items) {
|
|
for (let i = 0, l = items.length; i < l; i++) {
|
|
observe(items[i]);
|
|
}
|
|
}
|
|
}
|
|
|
|
// helpers
|
|
|
|
/**
|
|
* Augment an target Object or Array by intercepting
|
|
* the prototype chain using __proto__
|
|
*/
|
|
function protoAugment (target, src, keys) {
|
|
/* eslint-disable no-proto */
|
|
target.__proto__ = src;
|
|
/* eslint-enable no-proto */
|
|
}
|
|
|
|
/**
|
|
* Augment an target Object or Array by defining
|
|
* hidden properties.
|
|
*/
|
|
/* istanbul ignore next */
|
|
function copyAugment (target, src, keys) {
|
|
for (let i = 0, l = keys.length; i < l; i++) {
|
|
const key = keys[i];
|
|
def(target, key, src[key]);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Attempt to create an observer instance for a value,
|
|
* returns the new observer if successfully observed,
|
|
* or the existing observer if the value already has one.
|
|
*/
|
|
function observe (value, asRootData) {
|
|
if (!isObject(value) || value instanceof VNode) {
|
|
return
|
|
}
|
|
let ob;
|
|
if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) {
|
|
ob = value.__ob__;
|
|
} else if (
|
|
observerState.shouldConvert &&
|
|
!isServerRendering() &&
|
|
(Array.isArray(value) || isPlainObject(value)) &&
|
|
Object.isExtensible(value) &&
|
|
!value._isVue
|
|
) {
|
|
ob = new Observer(value);
|
|
}
|
|
if (asRootData && ob) {
|
|
ob.vmCount++;
|
|
}
|
|
return ob
|
|
}
|
|
|
|
/**
|
|
* Define a reactive property on an Object.
|
|
*/
|
|
function defineReactive (
|
|
obj,
|
|
key,
|
|
val,
|
|
customSetter,
|
|
shallow
|
|
) {
|
|
const dep = new Dep();
|
|
|
|
const property = Object.getOwnPropertyDescriptor(obj, key);
|
|
if (property && property.configurable === false) {
|
|
return
|
|
}
|
|
|
|
// cater for pre-defined getter/setters
|
|
const getter = property && property.get;
|
|
const setter = property && property.set;
|
|
|
|
let childOb = !shallow && observe(val);
|
|
Object.defineProperty(obj, key, {
|
|
enumerable: true,
|
|
configurable: true,
|
|
get: function reactiveGetter () {
|
|
const value = getter ? getter.call(obj) : val;
|
|
if (Dep.target) {
|
|
dep.depend();
|
|
if (childOb) {
|
|
childOb.dep.depend();
|
|
if (Array.isArray(value)) {
|
|
dependArray(value);
|
|
}
|
|
}
|
|
}
|
|
return value
|
|
},
|
|
set: function reactiveSetter (newVal) {
|
|
const value = getter ? getter.call(obj) : val;
|
|
/* eslint-disable no-self-compare */
|
|
if (newVal === value || (newVal !== newVal && value !== value)) {
|
|
return
|
|
}
|
|
/* eslint-enable no-self-compare */
|
|
if ("development" !== 'production' && customSetter) {
|
|
customSetter();
|
|
}
|
|
if (setter) {
|
|
setter.call(obj, newVal);
|
|
} else {
|
|
val = newVal;
|
|
}
|
|
childOb = !shallow && observe(newVal);
|
|
dep.notify();
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Set a property on an object. Adds the new property and
|
|
* triggers change notification if the property doesn't
|
|
* already exist.
|
|
*/
|
|
function set (target, key, val) {
|
|
if (Array.isArray(target) && isValidArrayIndex(key)) {
|
|
target.length = Math.max(target.length, key);
|
|
target.splice(key, 1, val);
|
|
return val
|
|
}
|
|
if (key in target && !(key in Object.prototype)) {
|
|
target[key] = val;
|
|
return val
|
|
}
|
|
const ob = (target).__ob__;
|
|
if (target._isVue || (ob && ob.vmCount)) {
|
|
"development" !== 'production' && warn(
|
|
'Avoid adding reactive properties to a Vue instance or its root $data ' +
|
|
'at runtime - declare it upfront in the data option.'
|
|
);
|
|
return val
|
|
}
|
|
if (!ob) {
|
|
target[key] = val;
|
|
return val
|
|
}
|
|
defineReactive(ob.value, key, val);
|
|
ob.dep.notify();
|
|
return val
|
|
}
|
|
|
|
/**
|
|
* Delete a property and trigger change if necessary.
|
|
*/
|
|
function del (target, key) {
|
|
if (Array.isArray(target) && isValidArrayIndex(key)) {
|
|
target.splice(key, 1);
|
|
return
|
|
}
|
|
const ob = (target).__ob__;
|
|
if (target._isVue || (ob && ob.vmCount)) {
|
|
"development" !== 'production' && warn(
|
|
'Avoid deleting properties on a Vue instance or its root $data ' +
|
|
'- just set it to null.'
|
|
);
|
|
return
|
|
}
|
|
if (!hasOwn(target, key)) {
|
|
return
|
|
}
|
|
delete target[key];
|
|
if (!ob) {
|
|
return
|
|
}
|
|
ob.dep.notify();
|
|
}
|
|
|
|
/**
|
|
* Collect dependencies on array elements when the array is touched, since
|
|
* we cannot intercept array element access like property getters.
|
|
*/
|
|
function dependArray (value) {
|
|
for (let e, i = 0, l = value.length; i < l; i++) {
|
|
e = value[i];
|
|
e && e.__ob__ && e.__ob__.dep.depend();
|
|
if (Array.isArray(e)) {
|
|
dependArray(e);
|
|
}
|
|
}
|
|
}
|
|
|
|
/* */
|
|
|
|
/**
|
|
* Option overwriting strategies are functions that handle
|
|
* how to merge a parent option value and a child option
|
|
* value into the final value.
|
|
*/
|
|
const strats = config.optionMergeStrategies;
|
|
|
|
/**
|
|
* Options with restrictions
|
|
*/
|
|
{
|
|
strats.el = strats.propsData = function (parent, child, vm, key) {
|
|
if (!vm) {
|
|
warn(
|
|
`option "${key}" can only be used during instance ` +
|
|
'creation with the `new` keyword.'
|
|
);
|
|
}
|
|
return defaultStrat(parent, child)
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Helper that recursively merges two data objects together.
|
|
*/
|
|
function mergeData (to, from) {
|
|
if (!from) return to
|
|
let key, toVal, fromVal;
|
|
const keys = Object.keys(from);
|
|
for (let i = 0; i < keys.length; i++) {
|
|
key = keys[i];
|
|
toVal = to[key];
|
|
fromVal = from[key];
|
|
if (!hasOwn(to, key)) {
|
|
set(to, key, fromVal);
|
|
} else if (isPlainObject(toVal) && isPlainObject(fromVal)) {
|
|
mergeData(toVal, fromVal);
|
|
}
|
|
}
|
|
return to
|
|
}
|
|
|
|
/**
|
|
* Data
|
|
*/
|
|
function mergeDataOrFn (
|
|
parentVal,
|
|
childVal,
|
|
vm
|
|
) {
|
|
if (!vm) {
|
|
// in a Vue.extend merge, both should be functions
|
|
if (!childVal) {
|
|
return parentVal
|
|
}
|
|
if (!parentVal) {
|
|
return childVal
|
|
}
|
|
// when parentVal & childVal are both present,
|
|
// we need to return a function that returns the
|
|
// merged result of both functions... no need to
|
|
// check if parentVal is a function here because
|
|
// it has to be a function to pass previous merges.
|
|
return function mergedDataFn () {
|
|
return mergeData(
|
|
typeof childVal === 'function' ? childVal.call(this) : childVal,
|
|
typeof parentVal === 'function' ? parentVal.call(this) : parentVal
|
|
)
|
|
}
|
|
} else {
|
|
return function mergedInstanceDataFn () {
|
|
// instance merge
|
|
const instanceData = typeof childVal === 'function'
|
|
? childVal.call(vm)
|
|
: childVal;
|
|
const defaultData = typeof parentVal === 'function'
|
|
? parentVal.call(vm)
|
|
: parentVal;
|
|
if (instanceData) {
|
|
return mergeData(instanceData, defaultData)
|
|
} else {
|
|
return defaultData
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
strats.data = function (
|
|
parentVal,
|
|
childVal,
|
|
vm
|
|
) {
|
|
if (!vm) {
|
|
if (childVal && typeof childVal !== 'function') {
|
|
"development" !== 'production' && warn(
|
|
'The "data" option should be a function ' +
|
|
'that returns a per-instance value in component ' +
|
|
'definitions.',
|
|
vm
|
|
);
|
|
|
|
return parentVal
|
|
}
|
|
return mergeDataOrFn(parentVal, childVal)
|
|
}
|
|
|
|
return mergeDataOrFn(parentVal, childVal, vm)
|
|
};
|
|
|
|
/**
|
|
* Hooks and props are merged as arrays.
|
|
*/
|
|
function mergeHook (
|
|
parentVal,
|
|
childVal
|
|
) {
|
|
return childVal
|
|
? parentVal
|
|
? parentVal.concat(childVal)
|
|
: Array.isArray(childVal)
|
|
? childVal
|
|
: [childVal]
|
|
: parentVal
|
|
}
|
|
|
|
LIFECYCLE_HOOKS.forEach(hook => {
|
|
strats[hook] = mergeHook;
|
|
});
|
|
|
|
/**
|
|
* Assets
|
|
*
|
|
* When a vm is present (instance creation), we need to do
|
|
* a three-way merge between constructor options, instance
|
|
* options and parent options.
|
|
*/
|
|
function mergeAssets (
|
|
parentVal,
|
|
childVal,
|
|
vm,
|
|
key
|
|
) {
|
|
const res = Object.create(parentVal || null);
|
|
if (childVal) {
|
|
"development" !== 'production' && assertObjectType(key, childVal, vm);
|
|
return extend(res, childVal)
|
|
} else {
|
|
return res
|
|
}
|
|
}
|
|
|
|
ASSET_TYPES.forEach(function (type) {
|
|
strats[type + 's'] = mergeAssets;
|
|
});
|
|
|
|
/**
|
|
* Watchers.
|
|
*
|
|
* Watchers hashes should not overwrite one
|
|
* another, so we merge them as arrays.
|
|
*/
|
|
strats.watch = function (
|
|
parentVal,
|
|
childVal,
|
|
vm,
|
|
key
|
|
) {
|
|
// work around Firefox's Object.prototype.watch...
|
|
if (parentVal === nativeWatch) parentVal = undefined;
|
|
if (childVal === nativeWatch) childVal = undefined;
|
|
/* istanbul ignore if */
|
|
if (!childVal) return Object.create(parentVal || null)
|
|
{
|
|
assertObjectType(key, childVal, vm);
|
|
}
|
|
if (!parentVal) return childVal
|
|
const ret = {};
|
|
extend(ret, parentVal);
|
|
for (const key in childVal) {
|
|
let parent = ret[key];
|
|
const child = childVal[key];
|
|
if (parent && !Array.isArray(parent)) {
|
|
parent = [parent];
|
|
}
|
|
ret[key] = parent
|
|
? parent.concat(child)
|
|
: Array.isArray(child) ? child : [child];
|
|
}
|
|
return ret
|
|
};
|
|
|
|
/**
|
|
* Other object hashes.
|
|
*/
|
|
strats.props =
|
|
strats.methods =
|
|
strats.inject =
|
|
strats.computed = function (
|
|
parentVal,
|
|
childVal,
|
|
vm,
|
|
key
|
|
) {
|
|
if (childVal && "development" !== 'production') {
|
|
assertObjectType(key, childVal, vm);
|
|
}
|
|
if (!parentVal) return childVal
|
|
const ret = Object.create(null);
|
|
extend(ret, parentVal);
|
|
if (childVal) extend(ret, childVal);
|
|
return ret
|
|
};
|
|
strats.provide = mergeDataOrFn;
|
|
|
|
/**
|
|
* Default strategy.
|
|
*/
|
|
const defaultStrat = function (parentVal, childVal) {
|
|
return childVal === undefined
|
|
? parentVal
|
|
: childVal
|
|
};
|
|
|
|
/**
|
|
* Validate component names
|
|
*/
|
|
function checkComponents (options) {
|
|
for (const key in options.components) {
|
|
const lower = key.toLowerCase();
|
|
if (isBuiltInTag(lower) || config.isReservedTag(lower)) {
|
|
warn(
|
|
'Do not use built-in or reserved HTML elements as component ' +
|
|
'id: ' + key
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Ensure all props option syntax are normalized into the
|
|
* Object-based format.
|
|
*/
|
|
function normalizeProps (options, vm) {
|
|
const props = options.props;
|
|
if (!props) return
|
|
const res = {};
|
|
let i, val, name;
|
|
if (Array.isArray(props)) {
|
|
i = props.length;
|
|
while (i--) {
|
|
val = props[i];
|
|
if (typeof val === 'string') {
|
|
name = camelize(val);
|
|
res[name] = { type: null };
|
|
} else {
|
|
warn('props must be strings when using array syntax.');
|
|
}
|
|
}
|
|
} else if (isPlainObject(props)) {
|
|
for (const key in props) {
|
|
val = props[key];
|
|
name = camelize(key);
|
|
res[name] = isPlainObject(val)
|
|
? val
|
|
: { type: val };
|
|
}
|
|
} else {
|
|
warn(
|
|
`Invalid value for option "props": expected an Array or an Object, ` +
|
|
`but got ${toRawType(props)}.`,
|
|
vm
|
|
);
|
|
}
|
|
options.props = res;
|
|
}
|
|
|
|
/**
|
|
* Normalize all injections into Object-based format
|
|
*/
|
|
function normalizeInject (options, vm) {
|
|
const inject = options.inject;
|
|
const normalized = options.inject = {};
|
|
if (Array.isArray(inject)) {
|
|
for (let i = 0; i < inject.length; i++) {
|
|
normalized[inject[i]] = { from: inject[i] };
|
|
}
|
|
} else if (isPlainObject(inject)) {
|
|
for (const key in inject) {
|
|
const val = inject[key];
|
|
normalized[key] = isPlainObject(val)
|
|
? extend({ from: key }, val)
|
|
: { from: val };
|
|
}
|
|
} else if ("development" !== 'production' && inject) {
|
|
warn(
|
|
`Invalid value for option "inject": expected an Array or an Object, ` +
|
|
`but got ${toRawType(inject)}.`,
|
|
vm
|
|
);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Normalize raw function directives into object format.
|
|
*/
|
|
function normalizeDirectives (options) {
|
|
const dirs = options.directives;
|
|
if (dirs) {
|
|
for (const key in dirs) {
|
|
const def = dirs[key];
|
|
if (typeof def === 'function') {
|
|
dirs[key] = { bind: def, update: def };
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function assertObjectType (name, value, vm) {
|
|
if (!isPlainObject(value)) {
|
|
warn(
|
|
`Invalid value for option "${name}": expected an Object, ` +
|
|
`but got ${toRawType(value)}.`,
|
|
vm
|
|
);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Merge two option objects into a new one.
|
|
* Core utility used in both instantiation and inheritance.
|
|
*/
|
|
function mergeOptions (
|
|
parent,
|
|
child,
|
|
vm
|
|
) {
|
|
{
|
|
checkComponents(child);
|
|
}
|
|
|
|
if (typeof child === 'function') {
|
|
child = child.options;
|
|
}
|
|
|
|
normalizeProps(child, vm);
|
|
normalizeInject(child, vm);
|
|
normalizeDirectives(child);
|
|
const extendsFrom = child.extends;
|
|
if (extendsFrom) {
|
|
parent = mergeOptions(parent, extendsFrom, vm);
|
|
}
|
|
if (child.mixins) {
|
|
for (let i = 0, l = child.mixins.length; i < l; i++) {
|
|
parent = mergeOptions(parent, child.mixins[i], vm);
|
|
}
|
|
}
|
|
const options = {};
|
|
let key;
|
|
for (key in parent) {
|
|
mergeField(key);
|
|
}
|
|
for (key in child) {
|
|
if (!hasOwn(parent, key)) {
|
|
mergeField(key);
|
|
}
|
|
}
|
|
function mergeField (key) {
|
|
const strat = strats[key] || defaultStrat;
|
|
options[key] = strat(parent[key], child[key], vm, key);
|
|
}
|
|
return options
|
|
}
|
|
|
|
/**
|
|
* Resolve an asset.
|
|
* This function is used because child instances need access
|
|
* to assets defined in its ancestor chain.
|
|
*/
|
|
function resolveAsset (
|
|
options,
|
|
type,
|
|
id,
|
|
warnMissing
|
|
) {
|
|
/* istanbul ignore if */
|
|
if (typeof id !== 'string') {
|
|
return
|
|
}
|
|
const assets = options[type];
|
|
// check local registration variations first
|
|
if (hasOwn(assets, id)) return assets[id]
|
|
const camelizedId = camelize(id);
|
|
if (hasOwn(assets, camelizedId)) return assets[camelizedId]
|
|
const PascalCaseId = capitalize(camelizedId);
|
|
if (hasOwn(assets, PascalCaseId)) return assets[PascalCaseId]
|
|
// fallback to prototype chain
|
|
const res = assets[id] || assets[camelizedId] || assets[PascalCaseId];
|
|
if ("development" !== 'production' && warnMissing && !res) {
|
|
warn(
|
|
'Failed to resolve ' + type.slice(0, -1) + ': ' + id,
|
|
options
|
|
);
|
|
}
|
|
return res
|
|
}
|
|
|
|
/* */
|
|
|
|
function validateProp (
|
|
key,
|
|
propOptions,
|
|
propsData,
|
|
vm
|
|
) {
|
|
const prop = propOptions[key];
|
|
const absent = !hasOwn(propsData, key);
|
|
let value = propsData[key];
|
|
// handle boolean props
|
|
if (isType(Boolean, prop.type)) {
|
|
if (absent && !hasOwn(prop, 'default')) {
|
|
value = false;
|
|
} else if (!isType(String, prop.type) && (value === '' || value === hyphenate(key))) {
|
|
value = true;
|
|
}
|
|
}
|
|
// check default value
|
|
if (value === undefined) {
|
|
value = getPropDefaultValue(vm, prop, key);
|
|
// since the default value is a fresh copy,
|
|
// make sure to observe it.
|
|
const prevShouldConvert = observerState.shouldConvert;
|
|
observerState.shouldConvert = true;
|
|
observe(value);
|
|
observerState.shouldConvert = prevShouldConvert;
|
|
}
|
|
{
|
|
assertProp(prop, key, value, vm, absent);
|
|
}
|
|
return value
|
|
}
|
|
|
|
/**
|
|
* Get the default value of a prop.
|
|
*/
|
|
function getPropDefaultValue (vm, prop, key) {
|
|
// no default, return undefined
|
|
if (!hasOwn(prop, 'default')) {
|
|
return undefined
|
|
}
|
|
const def = prop.default;
|
|
// warn against non-factory defaults for Object & Array
|
|
if ("development" !== 'production' && isObject(def)) {
|
|
warn(
|
|
'Invalid default value for prop "' + key + '": ' +
|
|
'Props with type Object/Array must use a factory function ' +
|
|
'to return the default value.',
|
|
vm
|
|
);
|
|
}
|
|
// the raw prop value was also undefined from previous render,
|
|
// return previous default value to avoid unnecessary watcher trigger
|
|
if (vm && vm.$options.propsData &&
|
|
vm.$options.propsData[key] === undefined &&
|
|
vm._props[key] !== undefined
|
|
) {
|
|
return vm._props[key]
|
|
}
|
|
// call factory function for non-Function types
|
|
// a value is Function if its prototype is function even across different execution context
|
|
return typeof def === 'function' && getType(prop.type) !== 'Function'
|
|
? def.call(vm)
|
|
: def
|
|
}
|
|
|
|
/**
|
|
* Assert whether a prop is valid.
|
|
*/
|
|
function assertProp (
|
|
prop,
|
|
name,
|
|
value,
|
|
vm,
|
|
absent
|
|
) {
|
|
if (prop.required && absent) {
|
|
warn(
|
|
'Missing required prop: "' + name + '"',
|
|
vm
|
|
);
|
|
return
|
|
}
|
|
if (value == null && !prop.required) {
|
|
return
|
|
}
|
|
let type = prop.type;
|
|
let valid = !type || type === true;
|
|
const expectedTypes = [];
|
|
if (type) {
|
|
if (!Array.isArray(type)) {
|
|
type = [type];
|
|
}
|
|
for (let i = 0; i < type.length && !valid; i++) {
|
|
const assertedType = assertType(value, type[i]);
|
|
expectedTypes.push(assertedType.expectedType || '');
|
|
valid = assertedType.valid;
|
|
}
|
|
}
|
|
if (!valid) {
|
|
warn(
|
|
`Invalid prop: type check failed for prop "${name}".` +
|
|
` Expected ${expectedTypes.map(capitalize).join(', ')}` +
|
|
`, got ${toRawType(value)}.`,
|
|
vm
|
|
);
|
|
return
|
|
}
|
|
const validator = prop.validator;
|
|
if (validator) {
|
|
if (!validator(value)) {
|
|
warn(
|
|
'Invalid prop: custom validator check failed for prop "' + name + '".',
|
|
vm
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
const simpleCheckRE = /^(String|Number|Boolean|Function|Symbol)$/;
|
|
|
|
function assertType (value, type) {
|
|
let valid;
|
|
const expectedType = getType(type);
|
|
if (simpleCheckRE.test(expectedType)) {
|
|
const t = typeof value;
|
|
valid = t === expectedType.toLowerCase();
|
|
// for primitive wrapper objects
|
|
if (!valid && t === 'object') {
|
|
valid = value instanceof type;
|
|
}
|
|
} else if (expectedType === 'Object') {
|
|
valid = isPlainObject(value);
|
|
} else if (expectedType === 'Array') {
|
|
valid = Array.isArray(value);
|
|
} else {
|
|
valid = value instanceof type;
|
|
}
|
|
return {
|
|
valid,
|
|
expectedType
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Use function string name to check built-in types,
|
|
* because a simple equality check will fail when running
|
|
* across different vms / iframes.
|
|
*/
|
|
function getType (fn) {
|
|
const match = fn && fn.toString().match(/^\s*function (\w+)/);
|
|
return match ? match[1] : ''
|
|
}
|
|
|
|
function isType (type, fn) {
|
|
if (!Array.isArray(fn)) {
|
|
return getType(fn) === getType(type)
|
|
}
|
|
for (let i = 0, len = fn.length; i < len; i++) {
|
|
if (getType(fn[i]) === getType(type)) {
|
|
return true
|
|
}
|
|
}
|
|
/* istanbul ignore next */
|
|
return false
|
|
}
|
|
|
|
/* */
|
|
|
|
function handleError (err, vm, info) {
|
|
if (vm) {
|
|
let cur = vm;
|
|
while ((cur = cur.$parent)) {
|
|
const hooks = cur.$options.errorCaptured;
|
|
if (hooks) {
|
|
for (let i = 0; i < hooks.length; i++) {
|
|
try {
|
|
const capture = hooks[i].call(cur, err, vm, info) === false;
|
|
if (capture) return
|
|
} catch (e) {
|
|
globalHandleError(e, cur, 'errorCaptured hook');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
globalHandleError(err, vm, info);
|
|
}
|
|
|
|
function globalHandleError (err, vm, info) {
|
|
if (config.errorHandler) {
|
|
try {
|
|
return config.errorHandler.call(null, err, vm, info)
|
|
} catch (e) {
|
|
logError(e, null, 'config.errorHandler');
|
|
}
|
|
}
|
|
logError(err, vm, info);
|
|
}
|
|
|
|
function logError (err, vm, info) {
|
|
{
|
|
warn(`Error in ${info}: "${err.toString()}"`, vm);
|
|
}
|
|
/* istanbul ignore else */
|
|
if ((inBrowser || inWeex) && typeof console !== 'undefined') {
|
|
console.error(err);
|
|
} else {
|
|
throw err
|
|
}
|
|
}
|
|
|
|
/* */
|
|
/* globals MessageChannel */
|
|
|
|
const callbacks = [];
|
|
let pending = false;
|
|
|
|
function flushCallbacks () {
|
|
pending = false;
|
|
const copies = callbacks.slice(0);
|
|
callbacks.length = 0;
|
|
for (let i = 0; i < copies.length; i++) {
|
|
copies[i]();
|
|
}
|
|
}
|
|
|
|
// Here we have async deferring wrappers using both micro and macro tasks.
|
|
// In < 2.4 we used micro tasks everywhere, but there are some scenarios where
|
|
// micro tasks have too high a priority and fires in between supposedly
|
|
// sequential events (e.g. #4521, #6690) or even between bubbling of the same
|
|
// event (#6566). However, using macro tasks everywhere also has subtle problems
|
|
// when state is changed right before repaint (e.g. #6813, out-in transitions).
|
|
// Here we use micro task by default, but expose a way to force macro task when
|
|
// needed (e.g. in event handlers attached by v-on).
|
|
let microTimerFunc;
|
|
let macroTimerFunc;
|
|
let useMacroTask = false;
|
|
|
|
// Determine (macro) Task defer implementation.
|
|
// Technically setImmediate should be the ideal choice, but it's only available
|
|
// in IE. The only polyfill that consistently queues the callback after all DOM
|
|
// events triggered in the same loop is by using MessageChannel.
|
|
/* istanbul ignore if */
|
|
if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) {
|
|
macroTimerFunc = () => {
|
|
setImmediate(flushCallbacks);
|
|
};
|
|
} else if (typeof MessageChannel !== 'undefined' && (
|
|
isNative(MessageChannel) ||
|
|
// PhantomJS
|
|
MessageChannel.toString() === '[object MessageChannelConstructor]'
|
|
)) {
|
|
const channel = new MessageChannel();
|
|
const port = channel.port2;
|
|
channel.port1.onmessage = flushCallbacks;
|
|
macroTimerFunc = () => {
|
|
port.postMessage(1);
|
|
};
|
|
} else {
|
|
/* istanbul ignore next */
|
|
macroTimerFunc = () => {
|
|
setTimeout(flushCallbacks, 0);
|
|
};
|
|
}
|
|
|
|
// Determine MicroTask defer implementation.
|
|
/* istanbul ignore next, $flow-disable-line */
|
|
if (typeof Promise !== 'undefined' && isNative(Promise)) {
|
|
const p = Promise.resolve();
|
|
microTimerFunc = () => {
|
|
p.then(flushCallbacks);
|
|
// in problematic UIWebViews, Promise.then doesn't completely break, but
|
|
// it can get stuck in a weird state where callbacks are pushed into the
|
|
// microtask queue but the queue isn't being flushed, until the browser
|
|
// needs to do some other work, e.g. handle a timer. Therefore we can
|
|
// "force" the microtask queue to be flushed by adding an empty timer.
|
|
if (isIOS) setTimeout(noop);
|
|
};
|
|
} else {
|
|
// fallback to macro
|
|
microTimerFunc = macroTimerFunc;
|
|
}
|
|
|
|
/**
|
|
* Wrap a function so that if any code inside triggers state change,
|
|
* the changes are queued using a Task instead of a MicroTask.
|
|
*/
|
|
function withMacroTask (fn) {
|
|
return fn._withTask || (fn._withTask = function () {
|
|
useMacroTask = true;
|
|
const res = fn.apply(null, arguments);
|
|
useMacroTask = false;
|
|
return res
|
|
})
|
|
}
|
|
|
|
function nextTick (cb, ctx) {
|
|
let _resolve;
|
|
callbacks.push(() => {
|
|
if (cb) {
|
|
try {
|
|
cb.call(ctx);
|
|
} catch (e) {
|
|
handleError(e, ctx, 'nextTick');
|
|
}
|
|
} else if (_resolve) {
|
|
_resolve(ctx);
|
|
}
|
|
});
|
|
if (!pending) {
|
|
pending = true;
|
|
if (useMacroTask) {
|
|
macroTimerFunc();
|
|
} else {
|
|
microTimerFunc();
|
|
}
|
|
}
|
|
// $flow-disable-line
|
|
if (!cb && typeof Promise !== 'undefined') {
|
|
return new Promise(resolve => {
|
|
_resolve = resolve;
|
|
})
|
|
}
|
|
}
|
|
|
|
/* */
|
|
|
|
let mark;
|
|
let measure;
|
|
|
|
{
|
|
const perf = inBrowser && window.performance;
|
|
/* istanbul ignore if */
|
|
if (
|
|
perf &&
|
|
perf.mark &&
|
|
perf.measure &&
|
|
perf.clearMarks &&
|
|
perf.clearMeasures
|
|
) {
|
|
mark = tag => perf.mark(tag);
|
|
measure = (name, startTag, endTag) => {
|
|
perf.measure(name, startTag, endTag);
|
|
perf.clearMarks(startTag);
|
|
perf.clearMarks(endTag);
|
|
perf.clearMeasures(name);
|
|
};
|
|
}
|
|
}
|
|
|
|
/* not type checking this file because flow doesn't play well with Proxy */
|
|
|
|
let initProxy;
|
|
|
|
{
|
|
const allowedGlobals = makeMap(
|
|
'Infinity,undefined,NaN,isFinite,isNaN,' +
|
|
'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' +
|
|
'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' +
|
|
'require' // for Webpack/Browserify
|
|
);
|
|
|
|
const warnNonPresent = (target, key) => {
|
|
warn(
|
|
`Property or method "${key}" is not defined on the instance but ` +
|
|
'referenced during render. Make sure that this property is reactive, ' +
|
|
'either in the data option, or for class-based components, by ' +
|
|
'initializing the property. ' +
|
|
'See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.',
|
|
target
|
|
);
|
|
};
|
|
|
|
const hasProxy =
|
|
typeof Proxy !== 'undefined' &&
|
|
Proxy.toString().match(/native code/);
|
|
|
|
if (hasProxy) {
|
|
const isBuiltInModifier = makeMap('stop,prevent,self,ctrl,shift,alt,meta,exact');
|
|
config.keyCodes = new Proxy(config.keyCodes, {
|
|
set (target, key, value) {
|
|
if (isBuiltInModifier(key)) {
|
|
warn(`Avoid overwriting built-in modifier in config.keyCodes: .${key}`);
|
|
return false
|
|
} else {
|
|
target[key] = value;
|
|
return true
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
const hasHandler = {
|
|
has (target, key) {
|
|
const has = key in target;
|
|
const isAllowed = allowedGlobals(key) || key.charAt(0) === '_';
|
|
if (!has && !isAllowed) {
|
|
warnNonPresent(target, key);
|
|
}
|
|
return has || !isAllowed
|
|
}
|
|
};
|
|
|
|
const getHandler = {
|
|
get (target, key) {
|
|
if (typeof key === 'string' && !(key in target)) {
|
|
warnNonPresent(target, key);
|
|
}
|
|
return target[key]
|
|
}
|
|
};
|
|
|
|
initProxy = function initProxy (vm) {
|
|
if (hasProxy) {
|
|
// determine which proxy handler to use
|
|
const options = vm.$options;
|
|
const handlers = options.render && options.render._withStripped
|
|
? getHandler
|
|
: hasHandler;
|
|
vm._renderProxy = new Proxy(vm, handlers);
|
|
} else {
|
|
vm._renderProxy = vm;
|
|
}
|
|
};
|
|
}
|
|
|
|
/* */
|
|
|
|
const seenObjects = new _Set();
|
|
|
|
/**
|
|
* Recursively traverse an object to evoke all converted
|
|
* getters, so that every nested property inside the object
|
|
* is collected as a "deep" dependency.
|
|
*/
|
|
function traverse (val) {
|
|
_traverse(val, seenObjects);
|
|
seenObjects.clear();
|
|
}
|
|
|
|
function _traverse (val, seen) {
|
|
let i, keys;
|
|
const isA = Array.isArray(val);
|
|
if ((!isA && !isObject(val)) || Object.isFrozen(val)) {
|
|
return
|
|
}
|
|
if (val.__ob__) {
|
|
const depId = val.__ob__.dep.id;
|
|
if (seen.has(depId)) {
|
|
return
|
|
}
|
|
seen.add(depId);
|
|
}
|
|
if (isA) {
|
|
i = val.length;
|
|
while (i--) _traverse(val[i], seen);
|
|
} else {
|
|
keys = Object.keys(val);
|
|
i = keys.length;
|
|
while (i--) _traverse(val[keys[i]], seen);
|
|
}
|
|
}
|
|
|
|
/* */
|
|
|
|
const normalizeEvent = cached((name) => {
|
|
const passive = name.charAt(0) === '&';
|
|
name = passive ? name.slice(1) : name;
|
|
const once$$1 = name.charAt(0) === '~'; // Prefixed last, checked first
|
|
name = once$$1 ? name.slice(1) : name;
|
|
const capture = name.charAt(0) === '!';
|
|
name = capture ? name.slice(1) : name;
|
|
return {
|
|
name,
|
|
once: once$$1,
|
|
capture,
|
|
passive
|
|
}
|
|
});
|
|
|
|
function createFnInvoker (fns) {
|
|
function invoker () {
|
|
const fns = invoker.fns;
|
|
if (Array.isArray(fns)) {
|
|
const cloned = fns.slice();
|
|
for (let i = 0; i < cloned.length; i++) {
|
|
cloned[i].apply(null, arguments);
|
|
}
|
|
} else {
|
|
// return handler return value for single handlers
|
|
return fns.apply(null, arguments)
|
|
}
|
|
}
|
|
invoker.fns = fns;
|
|
return invoker
|
|
}
|
|
|
|
function updateListeners (
|
|
on,
|
|
oldOn,
|
|
add,
|
|
remove$$1,
|
|
vm
|
|
) {
|
|
let name, cur, old, event;
|
|
for (name in on) {
|
|
cur = on[name];
|
|
old = oldOn[name];
|
|
event = normalizeEvent(name);
|
|
if (isUndef(cur)) {
|
|
"development" !== 'production' && warn(
|
|
`Invalid handler for event "${event.name}": got ` + String(cur),
|
|
vm
|
|
);
|
|
} else if (isUndef(old)) {
|
|
if (isUndef(cur.fns)) {
|
|
cur = on[name] = createFnInvoker(cur);
|
|
}
|
|
add(event.name, cur, event.once, event.capture, event.passive);
|
|
} else if (cur !== old) {
|
|
old.fns = cur;
|
|
on[name] = old;
|
|
}
|
|
}
|
|
for (name in oldOn) {
|
|
if (isUndef(on[name])) {
|
|
event = normalizeEvent(name);
|
|
remove$$1(event.name, oldOn[name], event.capture);
|
|
}
|
|
}
|
|
}
|
|
|
|
/* */
|
|
|
|
function mergeVNodeHook (def, hookKey, hook) {
|
|
if (def instanceof VNode) {
|
|
def = def.data.hook || (def.data.hook = {});
|
|
}
|
|
let invoker;
|
|
const oldHook = def[hookKey];
|
|
|
|
function wrappedHook () {
|
|
hook.apply(this, arguments);
|
|
// important: remove merged hook to ensure it's called only once
|
|
// and prevent memory leak
|
|
remove(invoker.fns, wrappedHook);
|
|
}
|
|
|
|
if (isUndef(oldHook)) {
|
|
// no existing hook
|
|
invoker = createFnInvoker([wrappedHook]);
|
|
} else {
|
|
/* istanbul ignore if */
|
|
if (isDef(oldHook.fns) && isTrue(oldHook.merged)) {
|
|
// already a merged invoker
|
|
invoker = oldHook;
|
|
invoker.fns.push(wrappedHook);
|
|
} else {
|
|
// existing plain hook
|
|
invoker = createFnInvoker([oldHook, wrappedHook]);
|
|
}
|
|
}
|
|
|
|
invoker.merged = true;
|
|
def[hookKey] = invoker;
|
|
}
|
|
|
|
/* */
|
|
|
|
function extractPropsFromVNodeData (
|
|
data,
|
|
Ctor,
|
|
tag
|
|
) {
|
|
// we are only extracting raw values here.
|
|
// validation and default values are handled in the child
|
|
// component itself.
|
|
const propOptions = Ctor.options.props;
|
|
if (isUndef(propOptions)) {
|
|
return
|
|
}
|
|
const res = {};
|
|
const { attrs, props } = data;
|
|
if (isDef(attrs) || isDef(props)) {
|
|
for (const key in propOptions) {
|
|
const altKey = hyphenate(key);
|
|
{
|
|
const keyInLowerCase = key.toLowerCase();
|
|
if (
|
|
key !== keyInLowerCase &&
|
|
attrs && hasOwn(attrs, keyInLowerCase)
|
|
) {
|
|
tip(
|
|
`Prop "${keyInLowerCase}" is passed to component ` +
|
|
`${formatComponentName(tag || Ctor)}, but the declared prop name is` +
|
|
` "${key}". ` +
|
|
`Note that HTML attributes are case-insensitive and camelCased ` +
|
|
`props need to use their kebab-case equivalents when using in-DOM ` +
|
|
`templates. You should probably use "${altKey}" instead of "${key}".`
|
|
);
|
|
}
|
|
}
|
|
checkProp(res, props, key, altKey, true) ||
|
|
checkProp(res, attrs, key, altKey, false);
|
|
}
|
|
}
|
|
return res
|
|
}
|
|
|
|
function checkProp (
|
|
res,
|
|
hash,
|
|
key,
|
|
altKey,
|
|
preserve
|
|
) {
|
|
if (isDef(hash)) {
|
|
if (hasOwn(hash, key)) {
|
|
res[key] = hash[key];
|
|
if (!preserve) {
|
|
delete hash[key];
|
|
}
|
|
return true
|
|
} else if (hasOwn(hash, altKey)) {
|
|
res[key] = hash[altKey];
|
|
if (!preserve) {
|
|
delete hash[altKey];
|
|
}
|
|
return true
|
|
}
|
|
}
|
|
return false
|
|
}
|
|
|
|
/* */
|
|
|
|
// The template compiler attempts to minimize the need for normalization by
|
|
// statically analyzing the template at compile time.
|
|
//
|
|
// For plain HTML markup, normalization can be completely skipped because the
|
|
// generated render function is guaranteed to return Array<VNode>. There are
|
|
// two cases where extra normalization is needed:
|
|
|
|
// 1. When the children contains components - because a functional component
|
|
// may return an Array instead of a single root. In this case, just a simple
|
|
// normalization is needed - if any child is an Array, we flatten the whole
|
|
// thing with Array.prototype.concat. It is guaranteed to be only 1-level deep
|
|
// because functional components already normalize their own children.
|
|
function simpleNormalizeChildren (children) {
|
|
for (let i = 0; i < children.length; i++) {
|
|
if (Array.isArray(children[i])) {
|
|
return Array.prototype.concat.apply([], children)
|
|
}
|
|
}
|
|
return children
|
|
}
|
|
|
|
// 2. When the children contains constructs that always generated nested Arrays,
|
|
// e.g. <template>, <slot>, v-for, or when the children is provided by user
|
|
// with hand-written render functions / JSX. In such cases a full normalization
|
|
// is needed to cater to all possible types of children values.
|
|
function normalizeChildren (children) {
|
|
return isPrimitive(children)
|
|
? [createTextVNode(children)]
|
|
: Array.isArray(children)
|
|
? normalizeArrayChildren(children)
|
|
: undefined
|
|
}
|
|
|
|
function isTextNode (node) {
|
|
return isDef(node) && isDef(node.text) && isFalse(node.isComment)
|
|
}
|
|
|
|
function normalizeArrayChildren (children, nestedIndex) {
|
|
const res = [];
|
|
let i, c, lastIndex, last;
|
|
for (i = 0; i < children.length; i++) {
|
|
c = children[i];
|
|
if (isUndef(c) || typeof c === 'boolean') continue
|
|
lastIndex = res.length - 1;
|
|
last = res[lastIndex];
|
|
// nested
|
|
if (Array.isArray(c)) {
|
|
if (c.length > 0) {
|
|
c = normalizeArrayChildren(c, `${nestedIndex || ''}_${i}`);
|
|
// merge adjacent text nodes
|
|
if (isTextNode(c[0]) && isTextNode(last)) {
|
|
res[lastIndex] = createTextVNode(last.text + (c[0]).text);
|
|
c.shift();
|
|
}
|
|
res.push.apply(res, c);
|
|
}
|
|
} else if (isPrimitive(c)) {
|
|
if (isTextNode(last)) {
|
|
// merge adjacent text nodes
|
|
// this is necessary for SSR hydration because text nodes are
|
|
// essentially merged when rendered to HTML strings
|
|
res[lastIndex] = createTextVNode(last.text + c);
|
|
} else if (c !== '') {
|
|
// convert primitive to vnode
|
|
res.push(createTextVNode(c));
|
|
}
|
|
} else {
|
|
if (isTextNode(c) && isTextNode(last)) {
|
|
// merge adjacent text nodes
|
|
res[lastIndex] = createTextVNode(last.text + c.text);
|
|
} else {
|
|
// default key for nested array children (likely generated by v-for)
|
|
if (isTrue(children._isVList) &&
|
|
isDef(c.tag) &&
|
|
isUndef(c.key) &&
|
|
isDef(nestedIndex)) {
|
|
c.key = `__vlist${nestedIndex}_${i}__`;
|
|
}
|
|
res.push(c);
|
|
}
|
|
}
|
|
}
|
|
return res
|
|
}
|
|
|
|
/* */
|
|
|
|
function ensureCtor (comp, base) {
|
|
if (
|
|
comp.__esModule ||
|
|
(hasSymbol && comp[Symbol.toStringTag] === 'Module')
|
|
) {
|
|
comp = comp.default;
|
|
}
|
|
return isObject(comp)
|
|
? base.extend(comp)
|
|
: comp
|
|
}
|
|
|
|
function createAsyncPlaceholder (
|
|
factory,
|
|
data,
|
|
context,
|
|
children,
|
|
tag
|
|
) {
|
|
const node = createEmptyVNode();
|
|
node.asyncFactory = factory;
|
|
node.asyncMeta = { data, context, children, tag };
|
|
return node
|
|
}
|
|
|
|
function resolveAsyncComponent (
|
|
factory,
|
|
baseCtor,
|
|
context
|
|
) {
|
|
if (isTrue(factory.error) && isDef(factory.errorComp)) {
|
|
return factory.errorComp
|
|
}
|
|
|
|
if (isDef(factory.resolved)) {
|
|
return factory.resolved
|
|
}
|
|
|
|
if (isTrue(factory.loading) && isDef(factory.loadingComp)) {
|
|
return factory.loadingComp
|
|
}
|
|
|
|
if (isDef(factory.contexts)) {
|
|
// already pending
|
|
factory.contexts.push(context);
|
|
} else {
|
|
const contexts = factory.contexts = [context];
|
|
let sync = true;
|
|
|
|
const forceRender = () => {
|
|
for (let i = 0, l = contexts.length; i < l; i++) {
|
|
contexts[i].$forceUpdate();
|
|
}
|
|
};
|
|
|
|
const resolve = once((res) => {
|
|
// cache resolved
|
|
factory.resolved = ensureCtor(res, baseCtor);
|
|
// invoke callbacks only if this is not a synchronous resolve
|
|
// (async resolves are shimmed as synchronous during SSR)
|
|
if (!sync) {
|
|
forceRender();
|
|
}
|
|
});
|
|
|
|
const reject = once(reason => {
|
|
"development" !== 'production' && warn(
|
|
`Failed to resolve async component: ${String(factory)}` +
|
|
(reason ? `\nReason: ${reason}` : '')
|
|
);
|
|
if (isDef(factory.errorComp)) {
|
|
factory.error = true;
|
|
forceRender();
|
|
}
|
|
});
|
|
|
|
const res = factory(resolve, reject);
|
|
|
|
if (isObject(res)) {
|
|
if (typeof res.then === 'function') {
|
|
// () => Promise
|
|
if (isUndef(factory.resolved)) {
|
|
res.then(resolve, reject);
|
|
}
|
|
} else if (isDef(res.component) && typeof res.component.then === 'function') {
|
|
res.component.then(resolve, reject);
|
|
|
|
if (isDef(res.error)) {
|
|
factory.errorComp = ensureCtor(res.error, baseCtor);
|
|
}
|
|
|
|
if (isDef(res.loading)) {
|
|
factory.loadingComp = ensureCtor(res.loading, baseCtor);
|
|
if (res.delay === 0) {
|
|
factory.loading = true;
|
|
} else {
|
|
setTimeout(() => {
|
|
if (isUndef(factory.resolved) && isUndef(factory.error)) {
|
|
factory.loading = true;
|
|
forceRender();
|
|
}
|
|
}, res.delay || 200);
|
|
}
|
|
}
|
|
|
|
if (isDef(res.timeout)) {
|
|
setTimeout(() => {
|
|
if (isUndef(factory.resolved)) {
|
|
reject(
|
|
`timeout (${res.timeout}ms)`
|
|
);
|
|
}
|
|
}, res.timeout);
|
|
}
|
|
}
|
|
}
|
|
|
|
sync = false;
|
|
// return in case resolved synchronously
|
|
return factory.loading
|
|
? factory.loadingComp
|
|
: factory.resolved
|
|
}
|
|
}
|
|
|
|
/* */
|
|
|
|
function isAsyncPlaceholder (node) {
|
|
return node.isComment && node.asyncFactory
|
|
}
|
|
|
|
/* */
|
|
|
|
function getFirstComponentChild (children) {
|
|
if (Array.isArray(children)) {
|
|
for (let i = 0; i < children.length; i++) {
|
|
const c = children[i];
|
|
if (isDef(c) && (isDef(c.componentOptions) || isAsyncPlaceholder(c))) {
|
|
return c
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* */
|
|
|
|
/* */
|
|
|
|
function initEvents (vm) {
|
|
vm._events = Object.create(null);
|
|
vm._hasHookEvent = false;
|
|
// init parent attached events
|
|
const listeners = vm.$options._parentListeners;
|
|
if (listeners) {
|
|
updateComponentListeners(vm, listeners);
|
|
}
|
|
}
|
|
|
|
let target;
|
|
|
|
function add (event, fn, once) {
|
|
if (once) {
|
|
target.$once(event, fn);
|
|
} else {
|
|
target.$on(event, fn);
|
|
}
|
|
}
|
|
|
|
function remove$1 (event, fn) {
|
|
target.$off(event, fn);
|
|
}
|
|
|
|
function updateComponentListeners (
|
|
vm,
|
|
listeners,
|
|
oldListeners
|
|
) {
|
|
target = vm;
|
|
updateListeners(listeners, oldListeners || {}, add, remove$1, vm);
|
|
target = undefined;
|
|
}
|
|
|
|
function eventsMixin (Vue) {
|
|
const hookRE = /^hook:/;
|
|
Vue.prototype.$on = function (event, fn) {
|
|
const vm = this;
|
|
if (Array.isArray(event)) {
|
|
for (let i = 0, l = event.length; i < l; i++) {
|
|
this.$on(event[i], fn);
|
|
}
|
|
} else {
|
|
(vm._events[event] || (vm._events[event] = [])).push(fn);
|
|
// optimize hook:event cost by using a boolean flag marked at registration
|
|
// instead of a hash lookup
|
|
if (hookRE.test(event)) {
|
|
vm._hasHookEvent = true;
|
|
}
|
|
}
|
|
return vm
|
|
};
|
|
|
|
Vue.prototype.$once = function (event, fn) {
|
|
const vm = this;
|
|
function on () {
|
|
vm.$off(event, on);
|
|
fn.apply(vm, arguments);
|
|
}
|
|
on.fn = fn;
|
|
vm.$on(event, on);
|
|
return vm
|
|
};
|
|
|
|
Vue.prototype.$off = function (event, fn) {
|
|
const vm = this;
|
|
// all
|
|
if (!arguments.length) {
|
|
vm._events = Object.create(null);
|
|
return vm
|
|
}
|
|
// array of events
|
|
if (Array.isArray(event)) {
|
|
for (let i = 0, l = event.length; i < l; i++) {
|
|
this.$off(event[i], fn);
|
|
}
|
|
return vm
|
|
}
|
|
// specific event
|
|
const cbs = vm._events[event];
|
|
if (!cbs) {
|
|
return vm
|
|
}
|
|
if (!fn) {
|
|
vm._events[event] = null;
|
|
return vm
|
|
}
|
|
if (fn) {
|
|
// specific handler
|
|
let cb;
|
|
let i = cbs.length;
|
|
while (i--) {
|
|
cb = cbs[i];
|
|
if (cb === fn || cb.fn === fn) {
|
|
cbs.splice(i, 1);
|
|
break
|
|
}
|
|
}
|
|
}
|
|
return vm
|
|
};
|
|
|
|
Vue.prototype.$emit = function (event) {
|
|
const vm = this;
|
|
{
|
|
const lowerCaseEvent = event.toLowerCase();
|
|
if (lowerCaseEvent !== event && vm._events[lowerCaseEvent]) {
|
|
tip(
|
|
`Event "${lowerCaseEvent}" is emitted in component ` +
|
|
`${formatComponentName(vm)} but the handler is registered for "${event}". ` +
|
|
`Note that HTML attributes are case-insensitive and you cannot use ` +
|
|
`v-on to listen to camelCase events when using in-DOM templates. ` +
|
|
`You should probably use "${hyphenate(event)}" instead of "${event}".`
|
|
);
|
|
}
|
|
}
|
|
let cbs = vm._events[event];
|
|
if (cbs) {
|
|
cbs = cbs.length > 1 ? toArray(cbs) : cbs;
|
|
const args = toArray(arguments, 1);
|
|
for (let i = 0, l = cbs.length; i < l; i++) {
|
|
try {
|
|
cbs[i].apply(vm, args);
|
|
} catch (e) {
|
|
handleError(e, vm, `event handler for "${event}"`);
|
|
}
|
|
}
|
|
}
|
|
return vm
|
|
};
|
|
}
|
|
|
|
/* */
|
|
|
|
/**
|
|
* Runtime helper for resolving raw children VNodes into a slot object.
|
|
*/
|
|
function resolveSlots (
|
|
children,
|
|
context
|
|
) {
|
|
const slots = {};
|
|
if (!children) {
|
|
return slots
|
|
}
|
|
for (let i = 0, l = children.length; i < l; i++) {
|
|
const child = children[i];
|
|
const data = child.data;
|
|
// remove slot attribute if the node is resolved as a Vue slot node
|
|
if (data && data.attrs && data.attrs.slot) {
|
|
delete data.attrs.slot;
|
|
}
|
|
// named slots should only be respected if the vnode was rendered in the
|
|
// same context.
|
|
if ((child.context === context || child.functionalContext === context) &&
|
|
data && data.slot != null
|
|
) {
|
|
const name = child.data.slot;
|
|
const slot = (slots[name] || (slots[name] = []));
|
|
if (child.tag === 'template') {
|
|
slot.push.apply(slot, child.children);
|
|
} else {
|
|
slot.push(child);
|
|
}
|
|
} else {
|
|
(slots.default || (slots.default = [])).push(child);
|
|
}
|
|
}
|
|
// ignore slots that contains only whitespace
|
|
for (const name in slots) {
|
|
if (slots[name].every(isWhitespace)) {
|
|
delete slots[name];
|
|
}
|
|
}
|
|
return slots
|
|
}
|
|
|
|
function isWhitespace (node) {
|
|
return (node.isComment && !node.asyncFactory) || node.text === ' '
|
|
}
|
|
|
|
function resolveScopedSlots (
|
|
fns, // see flow/vnode
|
|
res
|
|
) {
|
|
res = res || {};
|
|
for (let i = 0; i < fns.length; i++) {
|
|
if (Array.isArray(fns[i])) {
|
|
resolveScopedSlots(fns[i], res);
|
|
} else {
|
|
res[fns[i].key] = fns[i].fn;
|
|
}
|
|
}
|
|
return res
|
|
}
|
|
|
|
/* */
|
|
|
|
let activeInstance = null;
|
|
let isUpdatingChildComponent = false;
|
|
|
|
function initLifecycle (vm) {
|
|
const options = vm.$options;
|
|
|
|
// locate first non-abstract parent
|
|
let parent = options.parent;
|
|
if (parent && !options.abstract) {
|
|
while (parent.$options.abstract && parent.$parent) {
|
|
parent = parent.$parent;
|
|
}
|
|
parent.$children.push(vm);
|
|
}
|
|
|
|
vm.$parent = parent;
|
|
vm.$root = parent ? parent.$root : vm;
|
|
|
|
vm.$children = [];
|
|
vm.$refs = {};
|
|
|
|
vm._watcher = null;
|
|
vm._inactive = null;
|
|
vm._directInactive = false;
|
|
vm._isMounted = false;
|
|
vm._isDestroyed = false;
|
|
vm._isBeingDestroyed = false;
|
|
}
|
|
|
|
function lifecycleMixin (Vue) {
|
|
Vue.prototype._update = function (vnode, hydrating) {
|
|
const vm = this;
|
|
if (vm._isMounted) {
|
|
callHook(vm, 'beforeUpdate');
|
|
}
|
|
const prevEl = vm.$el;
|
|
const prevVnode = vm._vnode;
|
|
const prevActiveInstance = activeInstance;
|
|
activeInstance = vm;
|
|
vm._vnode = vnode;
|
|
// Vue.prototype.__patch__ is injected in entry points
|
|
// based on the rendering backend used.
|
|
if (!prevVnode) {
|
|
// initial render
|
|
vm.$el = vm.__patch__(
|
|
vm.$el, vnode, hydrating, false /* removeOnly */,
|
|
vm.$options._parentElm,
|
|
vm.$options._refElm
|
|
);
|
|
// no need for the ref nodes after initial patch
|
|
// this prevents keeping a detached DOM tree in memory (#5851)
|
|
vm.$options._parentElm = vm.$options._refElm = null;
|
|
} else {
|
|
// updates
|
|
vm.$el = vm.__patch__(prevVnode, vnode);
|
|
}
|
|
activeInstance = prevActiveInstance;
|
|
// update __vue__ reference
|
|
if (prevEl) {
|
|
prevEl.__vue__ = null;
|
|
}
|
|
if (vm.$el) {
|
|
vm.$el.__vue__ = vm;
|
|
}
|
|
// if parent is an HOC, update its $el as well
|
|
if (vm.$vnode && vm.$parent && vm.$vnode === vm.$parent._vnode) {
|
|
vm.$parent.$el = vm.$el;
|
|
}
|
|
// updated hook is called by the scheduler to ensure that children are
|
|
// updated in a parent's updated hook.
|
|
};
|
|
|
|
Vue.prototype.$forceUpdate = function () {
|
|
const vm = this;
|
|
if (vm._watcher) {
|
|
vm._watcher.update();
|
|
}
|
|
};
|
|
|
|
Vue.prototype.$destroy = function () {
|
|
const vm = this;
|
|
if (vm._isBeingDestroyed) {
|
|