]>
Commit | Line | Data |
---|---|---|
13df9f95 JZ |
1 | /*! |
2 | * Vue.js v2.5.16 | |
3 | * (c) 2014-2018 Evan You | |
4 | * Released under the MIT License. | |
5 | */ | |
6 | (function (global, factory) { | |
7 | typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : | |
8 | typeof define === 'function' && define.amd ? define(factory) : | |
9 | (global.Vue = factory()); | |
10 | }(this, (function () { 'use strict'; | |
11 | ||
12 | /* */ | |
13 | ||
14 | var emptyObject = Object.freeze({}); | |
15 | ||
16 | // these helpers produces better vm code in JS engines due to their | |
17 | // explicitness and function inlining | |
18 | function isUndef (v) { | |
19 | return v === undefined || v === null | |
20 | } | |
21 | ||
22 | function isDef (v) { | |
23 | return v !== undefined && v !== null | |
24 | } | |
25 | ||
26 | function isTrue (v) { | |
27 | return v === true | |
28 | } | |
29 | ||
30 | function isFalse (v) { | |
31 | return v === false | |
32 | } | |
33 | ||
34 | /** | |
35 | * Check if value is primitive | |
36 | */ | |
37 | function isPrimitive (value) { | |
38 | return ( | |
39 | typeof value === 'string' || | |
40 | typeof value === 'number' || | |
41 | // $flow-disable-line | |
42 | typeof value === 'symbol' || | |
43 | typeof value === 'boolean' | |
44 | ) | |
45 | } | |
46 | ||
47 | /** | |
48 | * Quick object check - this is primarily used to tell | |
49 | * Objects from primitive values when we know the value | |
50 | * is a JSON-compliant type. | |
51 | */ | |
52 | function isObject (obj) { | |
53 | return obj !== null && typeof obj === 'object' | |
54 | } | |
55 | ||
56 | /** | |
57 | * Get the raw type string of a value e.g. [object Object] | |
58 | */ | |
59 | var _toString = Object.prototype.toString; | |
60 | ||
61 | function toRawType (value) { | |
62 | return _toString.call(value).slice(8, -1) | |
63 | } | |
64 | ||
65 | /** | |
66 | * Strict object type check. Only returns true | |
67 | * for plain JavaScript objects. | |
68 | */ | |
69 | function isPlainObject (obj) { | |
70 | return _toString.call(obj) === '[object Object]' | |
71 | } | |
72 | ||
73 | function isRegExp (v) { | |
74 | return _toString.call(v) === '[object RegExp]' | |
75 | } | |
76 | ||
77 | /** | |
78 | * Check if val is a valid array index. | |
79 | */ | |
80 | function isValidArrayIndex (val) { | |
81 | var n = parseFloat(String(val)); | |
82 | return n >= 0 && Math.floor(n) === n && isFinite(val) | |
83 | } | |
84 | ||
85 | /** | |
86 | * Convert a value to a string that is actually rendered. | |
87 | */ | |
88 | function toString (val) { | |
89 | return val == null | |
90 | ? '' | |
91 | : typeof val === 'object' | |
92 | ? JSON.stringify(val, null, 2) | |
93 | : String(val) | |
94 | } | |
95 | ||
96 | /** | |
97 | * Convert a input value to a number for persistence. | |
98 | * If the conversion fails, return original string. | |
99 | */ | |
100 | function toNumber (val) { | |
101 | var n = parseFloat(val); | |
102 | return isNaN(n) ? val : n | |
103 | } | |
104 | ||
105 | /** | |
106 | * Make a map and return a function for checking if a key | |
107 | * is in that map. | |
108 | */ | |
109 | function makeMap ( | |
110 | str, | |
111 | expectsLowerCase | |
112 | ) { | |
113 | var map = Object.create(null); | |
114 | var list = str.split(','); | |
115 | for (var i = 0; i < list.length; i++) { | |
116 | map[list[i]] = true; | |
117 | } | |
118 | return expectsLowerCase | |
119 | ? function (val) { return map[val.toLowerCase()]; } | |
120 | : function (val) { return map[val]; } | |
121 | } | |
122 | ||
123 | /** | |
124 | * Check if a tag is a built-in tag. | |
125 | */ | |
126 | var isBuiltInTag = makeMap('slot,component', true); | |
127 | ||
128 | /** | |
129 | * Check if a attribute is a reserved attribute. | |
130 | */ | |
131 | var isReservedAttribute = makeMap('key,ref,slot,slot-scope,is'); | |
132 | ||
133 | /** | |
134 | * Remove an item from an array | |
135 | */ | |
136 | function remove (arr, item) { | |
137 | if (arr.length) { | |
138 | var index = arr.indexOf(item); | |
139 | if (index > -1) { | |
140 | return arr.splice(index, 1) | |
141 | } | |
142 | } | |
143 | } | |
144 | ||
145 | /** | |
146 | * Check whether the object has the property. | |
147 | */ | |
148 | var hasOwnProperty = Object.prototype.hasOwnProperty; | |
149 | function hasOwn (obj, key) { | |
150 | return hasOwnProperty.call(obj, key) | |
151 | } | |
152 | ||
153 | /** | |
154 | * Create a cached version of a pure function. | |
155 | */ | |
156 | function cached (fn) { | |
157 | var cache = Object.create(null); | |
158 | return (function cachedFn (str) { | |
159 | var hit = cache[str]; | |
160 | return hit || (cache[str] = fn(str)) | |
161 | }) | |
162 | } | |
163 | ||
164 | /** | |
165 | * Camelize a hyphen-delimited string. | |
166 | */ | |
167 | var camelizeRE = /-(\w)/g; | |
168 | var camelize = cached(function (str) { | |
169 | return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; }) | |
170 | }); | |
171 | ||
172 | /** | |
173 | * Capitalize a string. | |
174 | */ | |
175 | var capitalize = cached(function (str) { | |
176 | return str.charAt(0).toUpperCase() + str.slice(1) | |
177 | }); | |
178 | ||
179 | /** | |
180 | * Hyphenate a camelCase string. | |
181 | */ | |
182 | var hyphenateRE = /\B([A-Z])/g; | |
183 | var hyphenate = cached(function (str) { | |
184 | return str.replace(hyphenateRE, '-$1').toLowerCase() | |
185 | }); | |
186 | ||
187 | /** | |
188 | * Simple bind polyfill for environments that do not support it... e.g. | |
189 | * PhantomJS 1.x. Technically we don't need this anymore since native bind is | |
190 | * now more performant in most browsers, but removing it would be breaking for | |
191 | * code that was able to run in PhantomJS 1.x, so this must be kept for | |
192 | * backwards compatibility. | |
193 | */ | |
194 | ||
195 | /* istanbul ignore next */ | |
196 | function polyfillBind (fn, ctx) { | |
197 | function boundFn (a) { | |
198 | var l = arguments.length; | |
199 | return l | |
200 | ? l > 1 | |
201 | ? fn.apply(ctx, arguments) | |
202 | : fn.call(ctx, a) | |
203 | : fn.call(ctx) | |
204 | } | |
205 | ||
206 | boundFn._length = fn.length; | |
207 | return boundFn | |
208 | } | |
209 | ||
210 | function nativeBind (fn, ctx) { | |
211 | return fn.bind(ctx) | |
212 | } | |
213 | ||
214 | var bind = Function.prototype.bind | |
215 | ? nativeBind | |
216 | : polyfillBind; | |
217 | ||
218 | /** | |
219 | * Convert an Array-like object to a real Array. | |
220 | */ | |
221 | function toArray (list, start) { | |
222 | start = start || 0; | |
223 | var i = list.length - start; | |
224 | var ret = new Array(i); | |
225 | while (i--) { | |
226 | ret[i] = list[i + start]; | |
227 | } | |
228 | return ret | |
229 | } | |
230 | ||
231 | /** | |
232 | * Mix properties into target object. | |
233 | */ | |
234 | function extend (to, _from) { | |
235 | for (var key in _from) { | |
236 | to[key] = _from[key]; | |
237 | } | |
238 | return to | |
239 | } | |
240 | ||
241 | /** | |
242 | * Merge an Array of Objects into a single Object. | |
243 | */ | |
244 | function toObject (arr) { | |
245 | var res = {}; | |
246 | for (var i = 0; i < arr.length; i++) { | |
247 | if (arr[i]) { | |
248 | extend(res, arr[i]); | |
249 | } | |
250 | } | |
251 | return res | |
252 | } | |
253 | ||
254 | /** | |
255 | * Perform no operation. | |
256 | * Stubbing args to make Flow happy without leaving useless transpiled code | |
257 | * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/) | |
258 | */ | |
259 | function noop (a, b, c) {} | |
260 | ||
261 | /** | |
262 | * Always return false. | |
263 | */ | |
264 | var no = function (a, b, c) { return false; }; | |
265 | ||
266 | /** | |
267 | * Return same value | |
268 | */ | |
269 | var identity = function (_) { return _; }; | |
270 | ||
271 | /** | |
272 | * Generate a static keys string from compiler modules. | |
273 | */ | |
274 | function genStaticKeys (modules) { | |
275 | return modules.reduce(function (keys, m) { | |
276 | return keys.concat(m.staticKeys || []) | |
277 | }, []).join(',') | |
278 | } | |
279 | ||
280 | /** | |
281 | * Check if two values are loosely equal - that is, | |
282 | * if they are plain objects, do they have the same shape? | |
283 | */ | |
284 | function looseEqual (a, b) { | |
285 | if (a === b) { return true } | |
286 | var isObjectA = isObject(a); | |
287 | var isObjectB = isObject(b); | |
288 | if (isObjectA && isObjectB) { | |
289 | try { | |
290 | var isArrayA = Array.isArray(a); | |
291 | var isArrayB = Array.isArray(b); | |
292 | if (isArrayA && isArrayB) { | |
293 | return a.length === b.length && a.every(function (e, i) { | |
294 | return looseEqual(e, b[i]) | |
295 | }) | |
296 | } else if (!isArrayA && !isArrayB) { | |
297 | var keysA = Object.keys(a); | |
298 | var keysB = Object.keys(b); | |
299 | return keysA.length === keysB.length && keysA.every(function (key) { | |
300 | return looseEqual(a[key], b[key]) | |
301 | }) | |
302 | } else { | |
303 | /* istanbul ignore next */ | |
304 | return false | |
305 | } | |
306 | } catch (e) { | |
307 | /* istanbul ignore next */ | |
308 | return false | |
309 | } | |
310 | } else if (!isObjectA && !isObjectB) { | |
311 | return String(a) === String(b) | |
312 | } else { | |
313 | return false | |
314 | } | |
315 | } | |
316 | ||
317 | function looseIndexOf (arr, val) { | |
318 | for (var i = 0; i < arr.length; i++) { | |
319 | if (looseEqual(arr[i], val)) { return i } | |
320 | } | |
321 | return -1 | |
322 | } | |
323 | ||
324 | /** | |
325 | * Ensure a function is called only once. | |
326 | */ | |
327 | function once (fn) { | |
328 | var called = false; | |
329 | return function () { | |
330 | if (!called) { | |
331 | called = true; | |
332 | fn.apply(this, arguments); | |
333 | } | |
334 | } | |
335 | } | |
336 | ||
337 | var SSR_ATTR = 'data-server-rendered'; | |
338 | ||
339 | var ASSET_TYPES = [ | |
340 | 'component', | |
341 | 'directive', | |
342 | 'filter' | |
343 | ]; | |
344 | ||
345 | var LIFECYCLE_HOOKS = [ | |
346 | 'beforeCreate', | |
347 | 'created', | |
348 | 'beforeMount', | |
349 | 'mounted', | |
350 | 'beforeUpdate', | |
351 | 'updated', | |
352 | 'beforeDestroy', | |
353 | 'destroyed', | |
354 | 'activated', | |
355 | 'deactivated', | |
356 | 'errorCaptured' | |
357 | ]; | |
358 | ||
359 | /* */ | |
360 | ||
361 | var config = ({ | |
362 | /** | |
363 | * Option merge strategies (used in core/util/options) | |
364 | */ | |
365 | // $flow-disable-line | |
366 | optionMergeStrategies: Object.create(null), | |
367 | ||
368 | /** | |
369 | * Whether to suppress warnings. | |
370 | */ | |
371 | silent: false, | |
372 | ||
373 | /** | |
374 | * Show production mode tip message on boot? | |
375 | */ | |
376 | productionTip: "development" !== 'production', | |
377 | ||
378 | /** | |
379 | * Whether to enable devtools | |
380 | */ | |
381 | devtools: "development" !== 'production', | |
382 | ||
383 | /** | |
384 | * Whether to record perf | |
385 | */ | |
386 | performance: false, | |
387 | ||
388 | /** | |
389 | * Error handler for watcher errors | |
390 | */ | |
391 | errorHandler: null, | |
392 | ||
393 | /** | |
394 | * Warn handler for watcher warns | |
395 | */ | |
396 | warnHandler: null, | |
397 | ||
398 | /** | |
399 | * Ignore certain custom elements | |
400 | */ | |
401 | ignoredElements: [], | |
402 | ||
403 | /** | |
404 | * Custom user key aliases for v-on | |
405 | */ | |
406 | // $flow-disable-line | |
407 | keyCodes: Object.create(null), | |
408 | ||
409 | /** | |
410 | * Check if a tag is reserved so that it cannot be registered as a | |
411 | * component. This is platform-dependent and may be overwritten. | |
412 | */ | |
413 | isReservedTag: no, | |
414 | ||
415 | /** | |
416 | * Check if an attribute is reserved so that it cannot be used as a component | |
417 | * prop. This is platform-dependent and may be overwritten. | |
418 | */ | |
419 | isReservedAttr: no, | |
420 | ||
421 | /** | |
422 | * Check if a tag is an unknown element. | |
423 | * Platform-dependent. | |
424 | */ | |
425 | isUnknownElement: no, | |
426 | ||
427 | /** | |
428 | * Get the namespace of an element | |
429 | */ | |
430 | getTagNamespace: noop, | |
431 | ||
432 | /** | |
433 | * Parse the real tag name for the specific platform. | |
434 | */ | |
435 | parsePlatformTagName: identity, | |
436 | ||
437 | /** | |
438 | * Check if an attribute must be bound using property, e.g. value | |
439 | * Platform-dependent. | |
440 | */ | |
441 | mustUseProp: no, | |
442 | ||
443 | /** | |
444 | * Exposed for legacy reasons | |
445 | */ | |
446 | _lifecycleHooks: LIFECYCLE_HOOKS | |
447 | }) | |
448 | ||
449 | /* */ | |
450 | ||
451 | /** | |
452 | * Check if a string starts with $ or _ | |
453 | */ | |
454 | function isReserved (str) { | |
455 | var c = (str + '').charCodeAt(0); | |
456 | return c === 0x24 || c === 0x5F | |
457 | } | |
458 | ||
459 | /** | |
460 | * Define a property. | |
461 | */ | |
462 | function def (obj, key, val, enumerable) { | |
463 | Object.defineProperty(obj, key, { | |
464 | value: val, | |
465 | enumerable: !!enumerable, | |
466 | writable: true, | |
467 | configurable: true | |
468 | }); | |
469 | } | |
470 | ||
471 | /** | |
472 | * Parse simple path. | |
473 | */ | |
474 | var bailRE = /[^\w.$]/; | |
475 | function parsePath (path) { | |
476 | if (bailRE.test(path)) { | |
477 | return | |
478 | } | |
479 | var segments = path.split('.'); | |
480 | return function (obj) { | |
481 | for (var i = 0; i < segments.length; i++) { | |
482 | if (!obj) { return } | |
483 | obj = obj[segments[i]]; | |
484 | } | |
485 | return obj | |
486 | } | |
487 | } | |
488 | ||
489 | /* */ | |
490 | ||
491 | // can we use __proto__? | |
492 | var hasProto = '__proto__' in {}; | |
493 | ||
494 | // Browser environment sniffing | |
495 | var inBrowser = typeof window !== 'undefined'; | |
496 | var inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform; | |
497 | var weexPlatform = inWeex && WXEnvironment.platform.toLowerCase(); | |
498 | var UA = inBrowser && window.navigator.userAgent.toLowerCase(); | |
499 | var isIE = UA && /msie|trident/.test(UA); | |
500 | var isIE9 = UA && UA.indexOf('msie 9.0') > 0; | |
501 | var isEdge = UA && UA.indexOf('edge/') > 0; | |
502 | var isAndroid = (UA && UA.indexOf('android') > 0) || (weexPlatform === 'android'); | |
503 | var isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA)) || (weexPlatform === 'ios'); | |
504 | var isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge; | |
505 | ||
506 | // Firefox has a "watch" function on Object.prototype... | |
507 | var nativeWatch = ({}).watch; | |
508 | ||
509 | var supportsPassive = false; | |
510 | if (inBrowser) { | |
511 | try { | |
512 | var opts = {}; | |
513 | Object.defineProperty(opts, 'passive', ({ | |
514 | get: function get () { | |
515 | /* istanbul ignore next */ | |
516 | supportsPassive = true; | |
517 | } | |
518 | })); // https://github.com/facebook/flow/issues/285 | |
519 | window.addEventListener('test-passive', null, opts); | |
520 | } catch (e) {} | |
521 | } | |
522 | ||
523 | // this needs to be lazy-evaled because vue may be required before | |
524 | // vue-server-renderer can set VUE_ENV | |
525 | var _isServer; | |
526 | var isServerRendering = function () { | |
527 | if (_isServer === undefined) { | |
528 | /* istanbul ignore if */ | |
529 | if (!inBrowser && !inWeex && typeof global !== 'undefined') { | |
530 | // detect presence of vue-server-renderer and avoid | |
531 | // Webpack shimming the process | |
532 | _isServer = global['process'].env.VUE_ENV === 'server'; | |
533 | } else { | |
534 | _isServer = false; | |
535 | } | |
536 | } | |
537 | return _isServer | |
538 | }; | |
539 | ||
540 | // detect devtools | |
541 | var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__; | |
542 | ||
543 | /* istanbul ignore next */ | |
544 | function isNative (Ctor) { | |
545 | return typeof Ctor === 'function' && /native code/.test(Ctor.toString()) | |
546 | } | |
547 | ||
548 | var hasSymbol = | |
549 | typeof Symbol !== 'undefined' && isNative(Symbol) && | |
550 | typeof Reflect !== 'undefined' && isNative(Reflect.ownKeys); | |
551 | ||
552 | var _Set; | |
553 | /* istanbul ignore if */ // $flow-disable-line | |
554 | if (typeof Set !== 'undefined' && isNative(Set)) { | |
555 | // use native Set when available. | |
556 | _Set = Set; | |
557 | } else { | |
558 | // a non-standard Set polyfill that only works with primitive keys. | |
559 | _Set = (function () { | |
560 | function Set () { | |
561 | this.set = Object.create(null); | |
562 | } | |
563 | Set.prototype.has = function has (key) { | |
564 | return this.set[key] === true | |
565 | }; | |
566 | Set.prototype.add = function add (key) { | |
567 | this.set[key] = true; | |
568 | }; | |
569 | Set.prototype.clear = function clear () { | |
570 | this.set = Object.create(null); | |
571 | }; | |
572 | ||
573 | return Set; | |
574 | }()); | |
575 | } | |
576 | ||
577 | /* */ | |
578 | ||
579 | var warn = noop; | |
580 | var tip = noop; | |
581 | var generateComponentTrace = (noop); // work around flow check | |
582 | var formatComponentName = (noop); | |
583 | ||
584 | { | |
585 | var hasConsole = typeof console !== 'undefined'; | |
586 | var classifyRE = /(?:^|[-_])(\w)/g; | |
587 | var classify = function (str) { return str | |
588 | .replace(classifyRE, function (c) { return c.toUpperCase(); }) | |
589 | .replace(/[-_]/g, ''); }; | |
590 | ||
591 | warn = function (msg, vm) { | |
592 | var trace = vm ? generateComponentTrace(vm) : ''; | |
593 | ||
594 | if (config.warnHandler) { | |
595 | config.warnHandler.call(null, msg, vm, trace); | |
596 | } else if (hasConsole && (!config.silent)) { | |
597 | console.error(("[Vue warn]: " + msg + trace)); | |
598 | } | |
599 | }; | |
600 | ||
601 | tip = function (msg, vm) { | |
602 | if (hasConsole && (!config.silent)) { | |
603 | console.warn("[Vue tip]: " + msg + ( | |
604 | vm ? generateComponentTrace(vm) : '' | |
605 | )); | |
606 | } | |
607 | }; | |
608 | ||
609 | formatComponentName = function (vm, includeFile) { | |
610 | if (vm.$root === vm) { | |
611 | return '<Root>' | |
612 | } | |
613 | var options = typeof vm === 'function' && vm.cid != null | |
614 | ? vm.options | |
615 | : vm._isVue | |
616 | ? vm.$options || vm.constructor.options | |
617 | : vm || {}; | |
618 | var name = options.name || options._componentTag; | |
619 | var file = options.__file; | |
620 | if (!name && file) { | |
621 | var match = file.match(/([^/\\]+)\.vue$/); | |
622 | name = match && match[1]; | |
623 | } | |
624 | ||
625 | return ( | |
626 | (name ? ("<" + (classify(name)) + ">") : "<Anonymous>") + | |
627 | (file && includeFile !== false ? (" at " + file) : '') | |
628 | ) | |
629 | }; | |
630 | ||
631 | var repeat = function (str, n) { | |
632 | var res = ''; | |
633 | while (n) { | |
634 | if (n % 2 === 1) { res += str; } | |
635 | if (n > 1) { str += str; } | |
636 | n >>= 1; | |
637 | } | |
638 | return res | |
639 | }; | |
640 | ||
641 | generateComponentTrace = function (vm) { | |
642 | if (vm._isVue && vm.$parent) { | |
643 | var tree = []; | |
644 | var currentRecursiveSequence = 0; | |
645 | while (vm) { | |
646 | if (tree.length > 0) { | |
647 | var last = tree[tree.length - 1]; | |
648 | if (last.constructor === vm.constructor) { | |
649 | currentRecursiveSequence++; | |
650 | vm = vm.$parent; | |
651 | continue | |
652 | } else if (currentRecursiveSequence > 0) { | |
653 | tree[tree.length - 1] = [last, currentRecursiveSequence]; | |
654 | currentRecursiveSequence = 0; | |
655 | } | |
656 | } | |
657 | tree.push(vm); | |
658 | vm = vm.$parent; | |
659 | } | |
660 | return '\n\nfound in\n\n' + tree | |
661 | .map(function (vm, i) { return ("" + (i === 0 ? '---> ' : repeat(' ', 5 + i * 2)) + (Array.isArray(vm) | |
662 | ? ((formatComponentName(vm[0])) + "... (" + (vm[1]) + " recursive calls)") | |
663 | : formatComponentName(vm))); }) | |
664 | .join('\n') | |
665 | } else { | |
666 | return ("\n\n(found in " + (formatComponentName(vm)) + ")") | |
667 | } | |
668 | }; | |
669 | } | |
670 | ||
671 | /* */ | |
672 | ||
673 | ||
674 | var uid = 0; | |
675 | ||
676 | /** | |
677 | * A dep is an observable that can have multiple | |
678 | * directives subscribing to it. | |
679 | */ | |
680 | var Dep = function Dep () { | |
681 | this.id = uid++; | |
682 | this.subs = []; | |
683 | }; | |
684 | ||
685 | Dep.prototype.addSub = function addSub (sub) { | |
686 | this.subs.push(sub); | |
687 | }; | |
688 | ||
689 | Dep.prototype.removeSub = function removeSub (sub) { | |
690 | remove(this.subs, sub); | |
691 | }; | |
692 | ||
693 | Dep.prototype.depend = function depend () { | |
694 | if (Dep.target) { | |
695 | Dep.target.addDep(this); | |
696 | } | |
697 | }; | |
698 | ||
699 | Dep.prototype.notify = function notify () { | |
700 | // stabilize the subscriber list first | |
701 | var subs = this.subs.slice(); | |
702 | for (var i = 0, l = subs.length; i < l; i++) { | |
703 | subs[i].update(); | |
704 | } | |
705 | }; | |
706 | ||
707 | // the current target watcher being evaluated. | |
708 | // this is globally unique because there could be only one | |
709 | // watcher being evaluated at any time. | |
710 | Dep.target = null; | |
711 | var targetStack = []; | |
712 | ||
713 | function pushTarget (_target) { | |
714 | if (Dep.target) { targetStack.push(Dep.target); } | |
715 | Dep.target = _target; | |
716 | } | |
717 | ||
718 | function popTarget () { | |
719 | Dep.target = targetStack.pop(); | |
720 | } | |
721 | ||
722 | /* */ | |
723 | ||
724 | var VNode = function VNode ( | |
725 | tag, | |
726 | data, | |
727 | children, | |
728 | text, | |
729 | elm, | |
730 | context, | |
731 | componentOptions, | |
732 | asyncFactory | |
733 | ) { | |
734 | this.tag = tag; | |
735 | this.data = data; | |
736 | this.children = children; | |
737 | this.text = text; | |
738 | this.elm = elm; | |
739 | this.ns = undefined; | |
740 | this.context = context; | |
741 | this.fnContext = undefined; | |
742 | this.fnOptions = undefined; | |
743 | this.fnScopeId = undefined; | |
744 | this.key = data && data.key; | |
745 | this.componentOptions = componentOptions; | |
746 | this.componentInstance = undefined; | |
747 | this.parent = undefined; | |
748 | this.raw = false; | |
749 | this.isStatic = false; | |
750 | this.isRootInsert = true; | |
751 | this.isComment = false; | |
752 | this.isCloned = false; | |
753 | this.isOnce = false; | |
754 | this.asyncFactory = asyncFactory; | |
755 | this.asyncMeta = undefined; | |
756 | this.isAsyncPlaceholder = false; | |
757 | }; | |
758 | ||
759 | var prototypeAccessors = { child: { configurable: true } }; | |
760 | ||
761 | // DEPRECATED: alias for componentInstance for backwards compat. | |
762 | /* istanbul ignore next */ | |
763 | prototypeAccessors.child.get = function () { | |
764 | return this.componentInstance | |
765 | }; | |
766 | ||
767 | Object.defineProperties( VNode.prototype, prototypeAccessors ); | |
768 | ||
769 | var createEmptyVNode = function (text) { | |
770 | if ( text === void 0 ) text = ''; | |
771 | ||
772 | var node = new VNode(); | |
773 | node.text = text; | |
774 | node.isComment = true; | |
775 | return node | |
776 | }; | |
777 | ||
778 | function createTextVNode (val) { | |
779 | return new VNode(undefined, undefined, undefined, String(val)) | |
780 | } | |
781 | ||
782 | // optimized shallow clone | |
783 | // used for static nodes and slot nodes because they may be reused across | |
784 | // multiple renders, cloning them avoids errors when DOM manipulations rely | |
785 | // on their elm reference. | |
786 | function cloneVNode (vnode) { | |
787 | var cloned = new VNode( | |
788 | vnode.tag, | |
789 | vnode.data, | |
790 | vnode.children, | |
791 | vnode.text, | |
792 | vnode.elm, | |
793 | vnode.context, | |
794 | vnode.componentOptions, | |
795 | vnode.asyncFactory | |
796 | ); | |
797 | cloned.ns = vnode.ns; | |
798 | cloned.isStatic = vnode.isStatic; | |
799 | cloned.key = vnode.key; | |
800 | cloned.isComment = vnode.isComment; | |
801 | cloned.fnContext = vnode.fnContext; | |
802 | cloned.fnOptions = vnode.fnOptions; | |
803 | cloned.fnScopeId = vnode.fnScopeId; | |
804 | cloned.isCloned = true; | |
805 | return cloned | |
806 | } | |
807 | ||
808 | /* | |
809 | * not type checking this file because flow doesn't play well with | |
810 | * dynamically accessing methods on Array prototype | |
811 | */ | |
812 | ||
813 | var arrayProto = Array.prototype; | |
814 | var arrayMethods = Object.create(arrayProto); | |
815 | ||
816 | var methodsToPatch = [ | |
817 | 'push', | |
818 | 'pop', | |
819 | 'shift', | |
820 | 'unshift', | |
821 | 'splice', | |
822 | 'sort', | |
823 | 'reverse' | |
824 | ]; | |
825 | ||
826 | /** | |
827 | * Intercept mutating methods and emit events | |
828 | */ | |
829 | methodsToPatch.forEach(function (method) { | |
830 | // cache original method | |
831 | var original = arrayProto[method]; | |
832 | def(arrayMethods, method, function mutator () { | |
833 | var args = [], len = arguments.length; | |
834 | while ( len-- ) args[ len ] = arguments[ len ]; | |
835 | ||
836 | var result = original.apply(this, args); | |
837 | var ob = this.__ob__; | |
838 | var inserted; | |
839 | switch (method) { | |
840 | case 'push': | |
841 | case 'unshift': | |
842 | inserted = args; | |
843 | break | |
844 | case 'splice': | |
845 | inserted = args.slice(2); | |
846 | break | |
847 | } | |
848 | if (inserted) { ob.observeArray(inserted); } | |
849 | // notify change | |
850 | ob.dep.notify(); | |
851 | return result | |
852 | }); | |
853 | }); | |
854 | ||
855 | /* */ | |
856 | ||
857 | var arrayKeys = Object.getOwnPropertyNames(arrayMethods); | |
858 | ||
859 | /** | |
860 | * In some cases we may want to disable observation inside a component's | |
861 | * update computation. | |
862 | */ | |
863 | var shouldObserve = true; | |
864 | ||
865 | function toggleObserving (value) { | |
866 | shouldObserve = value; | |
867 | } | |
868 | ||
869 | /** | |
870 | * Observer class that is attached to each observed | |
871 | * object. Once attached, the observer converts the target | |
872 | * object's property keys into getter/setters that | |
873 | * collect dependencies and dispatch updates. | |
874 | */ | |
875 | var Observer = function Observer (value) { | |
876 | this.value = value; | |
877 | this.dep = new Dep(); | |
878 | this.vmCount = 0; | |
879 | def(value, '__ob__', this); | |
880 | if (Array.isArray(value)) { | |
881 | var augment = hasProto | |
882 | ? protoAugment | |
883 | : copyAugment; | |
884 | augment(value, arrayMethods, arrayKeys); | |
885 | this.observeArray(value); | |
886 | } else { | |
887 | this.walk(value); | |
888 | } | |
889 | }; | |
890 | ||
891 | /** | |
892 | * Walk through each property and convert them into | |
893 | * getter/setters. This method should only be called when | |
894 | * value type is Object. | |
895 | */ | |
896 | Observer.prototype.walk = function walk (obj) { | |
897 | var keys = Object.keys(obj); | |
898 | for (var i = 0; i < keys.length; i++) { | |
899 | defineReactive(obj, keys[i]); | |
900 | } | |
901 | }; | |
902 | ||
903 | /** | |
904 | * Observe a list of Array items. | |
905 | */ | |
906 | Observer.prototype.observeArray = function observeArray (items) { | |
907 | for (var i = 0, l = items.length; i < l; i++) { | |
908 | observe(items[i]); | |
909 | } | |
910 | }; | |
911 | ||
912 | // helpers | |
913 | ||
914 | /** | |
915 | * Augment an target Object or Array by intercepting | |
916 | * the prototype chain using __proto__ | |
917 | */ | |
918 | function protoAugment (target, src, keys) { | |
919 | /* eslint-disable no-proto */ | |
920 | target.__proto__ = src; | |
921 | /* eslint-enable no-proto */ | |
922 | } | |
923 | ||
924 | /** | |
925 | * Augment an target Object or Array by defining | |
926 | * hidden properties. | |
927 | */ | |
928 | /* istanbul ignore next */ | |
929 | function copyAugment (target, src, keys) { | |
930 | for (var i = 0, l = keys.length; i < l; i++) { | |
931 | var key = keys[i]; | |
932 | def(target, key, src[key]); | |
933 | } | |
934 | } | |
935 | ||
936 | /** | |
937 | * Attempt to create an observer instance for a value, | |
938 | * returns the new observer if successfully observed, | |
939 | * or the existing observer if the value already has one. | |
940 | */ | |
941 | function observe (value, asRootData) { | |
942 | if (!isObject(value) || value instanceof VNode) { | |
943 | return | |
944 | } | |
945 | var ob; | |
946 | if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) { | |
947 | ob = value.__ob__; | |
948 | } else if ( | |
949 | shouldObserve && | |
950 | !isServerRendering() && | |
951 | (Array.isArray(value) || isPlainObject(value)) && | |
952 | Object.isExtensible(value) && | |
953 | !value._isVue | |
954 | ) { | |
955 | ob = new Observer(value); | |
956 | } | |
957 | if (asRootData && ob) { | |
958 | ob.vmCount++; | |
959 | } | |
960 | return ob | |
961 | } | |
962 | ||
963 | /** | |
964 | * Define a reactive property on an Object. | |
965 | */ | |
966 | function defineReactive ( | |
967 | obj, | |
968 | key, | |
969 | val, | |
970 | customSetter, | |
971 | shallow | |
972 | ) { | |
973 | var dep = new Dep(); | |
974 | ||
975 | var property = Object.getOwnPropertyDescriptor(obj, key); | |
976 | if (property && property.configurable === false) { | |
977 | return | |
978 | } | |
979 | ||
980 | // cater for pre-defined getter/setters | |
981 | var getter = property && property.get; | |
982 | if (!getter && arguments.length === 2) { | |
983 | val = obj[key]; | |
984 | } | |
985 | var setter = property && property.set; | |
986 | ||
987 | var childOb = !shallow && observe(val); | |
988 | Object.defineProperty(obj, key, { | |
989 | enumerable: true, | |
990 | configurable: true, | |
991 | get: function reactiveGetter () { | |
992 | var value = getter ? getter.call(obj) : val; | |
993 | if (Dep.target) { | |
994 | dep.depend(); | |
995 | if (childOb) { | |
996 | childOb.dep.depend(); | |
997 | if (Array.isArray(value)) { | |
998 | dependArray(value); | |
999 | } | |
1000 | } | |
1001 | } | |
1002 | return value | |
1003 | }, | |
1004 | set: function reactiveSetter (newVal) { | |
1005 | var value = getter ? getter.call(obj) : val; | |
1006 | /* eslint-disable no-self-compare */ | |
1007 | if (newVal === value || (newVal !== newVal && value !== value)) { | |
1008 | return | |
1009 | } | |
1010 | /* eslint-enable no-self-compare */ | |
1011 | if ("development" !== 'production' && customSetter) { | |
1012 | customSetter(); | |
1013 | } | |
1014 | if (setter) { | |
1015 | setter.call(obj, newVal); | |
1016 | } else { | |
1017 | val = newVal; | |
1018 | } | |
1019 | childOb = !shallow && observe(newVal); | |
1020 | dep.notify(); | |
1021 | } | |
1022 | }); | |
1023 | } | |
1024 | ||
1025 | /** | |
1026 | * Set a property on an object. Adds the new property and | |
1027 | * triggers change notification if the property doesn't | |
1028 | * already exist. | |
1029 | */ | |
1030 | function set (target, key, val) { | |
1031 | if ("development" !== 'production' && | |
1032 | (isUndef(target) || isPrimitive(target)) | |
1033 | ) { | |
1034 | warn(("Cannot set reactive property on undefined, null, or primitive value: " + ((target)))); | |
1035 | } | |
1036 | if (Array.isArray(target) && isValidArrayIndex(key)) { | |
1037 | target.length = Math.max(target.length, key); | |
1038 | target.splice(key, 1, val); | |
1039 | return val | |
1040 | } | |
1041 | if (key in target && !(key in Object.prototype)) { | |
1042 | target[key] = val; | |
1043 | return val | |
1044 | } | |
1045 | var ob = (target).__ob__; | |
1046 | if (target._isVue || (ob && ob.vmCount)) { | |
1047 | "development" !== 'production' && warn( | |
1048 | 'Avoid adding reactive properties to a Vue instance or its root $data ' + | |
1049 | 'at runtime - declare it upfront in the data option.' | |
1050 | ); | |
1051 | return val | |
1052 | } | |
1053 | if (!ob) { | |
1054 | target[key] = val; | |
1055 | return val | |
1056 | } | |
1057 | defineReactive(ob.value, key, val); | |
1058 | ob.dep.notify(); | |
1059 | return val | |
1060 | } | |
1061 | ||
1062 | /** | |
1063 | * Delete a property and trigger change if necessary. | |
1064 | */ | |
1065 | function del (target, key) { | |
1066 | if ("development" !== 'production' && | |
1067 | (isUndef(target) || isPrimitive(target)) | |
1068 | ) { | |
1069 | warn(("Cannot delete reactive property on undefined, null, or primitive value: " + ((target)))); | |
1070 | } | |
1071 | if (Array.isArray(target) && isValidArrayIndex(key)) { | |
1072 | target.splice(key, 1); | |
1073 | return | |
1074 | } | |
1075 | var ob = (target).__ob__; | |
1076 | if (target._isVue || (ob && ob.vmCount)) { | |
1077 | "development" !== 'production' && warn( | |
1078 | 'Avoid deleting properties on a Vue instance or its root $data ' + | |
1079 | '- just set it to null.' | |
1080 | ); | |
1081 | return | |
1082 | } | |
1083 | if (!hasOwn(target, key)) { | |
1084 | return | |
1085 | } | |
1086 | delete target[key]; | |
1087 | if (!ob) { | |
1088 | return | |
1089 | } | |
1090 | ob.dep.notify(); | |
1091 | } | |
1092 | ||
1093 | /** | |
1094 | * Collect dependencies on array elements when the array is touched, since | |
1095 | * we cannot intercept array element access like property getters. | |
1096 | */ | |
1097 | function dependArray (value) { | |
1098 | for (var e = (void 0), i = 0, l = value.length; i < l; i++) { | |
1099 | e = value[i]; | |
1100 | e && e.__ob__ && e.__ob__.dep.depend(); | |
1101 | if (Array.isArray(e)) { | |
1102 | dependArray(e); | |
1103 | } | |
1104 | } | |
1105 | } | |
1106 | ||
1107 | /* */ | |
1108 | ||
1109 | /** | |
1110 | * Option overwriting strategies are functions that handle | |
1111 | * how to merge a parent option value and a child option | |
1112 | * value into the final value. | |
1113 | */ | |
1114 | var strats = config.optionMergeStrategies; | |
1115 | ||
1116 | /** | |
1117 | * Options with restrictions | |
1118 | */ | |
1119 | { | |
1120 | strats.el = strats.propsData = function (parent, child, vm, key) { | |
1121 | if (!vm) { | |
1122 | warn( | |
1123 | "option \"" + key + "\" can only be used during instance " + | |
1124 | 'creation with the `new` keyword.' | |
1125 | ); | |
1126 | } | |
1127 | return defaultStrat(parent, child) | |
1128 | }; | |
1129 | } | |
1130 | ||
1131 | /** | |
1132 | * Helper that recursively merges two data objects together. | |
1133 | */ | |
1134 | function mergeData (to, from) { | |
1135 | if (!from) { return to } | |
1136 | var key, toVal, fromVal; | |
1137 | var keys = Object.keys(from); | |
1138 | for (var i = 0; i < keys.length; i++) { | |
1139 | key = keys[i]; | |
1140 | toVal = to[key]; | |
1141 | fromVal = from[key]; | |
1142 | if (!hasOwn(to, key)) { | |
1143 | set(to, key, fromVal); | |
1144 | } else if (isPlainObject(toVal) && isPlainObject(fromVal)) { | |
1145 | mergeData(toVal, fromVal); | |
1146 | } | |
1147 | } | |
1148 | return to | |
1149 | } | |
1150 | ||
1151 | /** | |
1152 | * Data | |
1153 | */ | |
1154 | function mergeDataOrFn ( | |
1155 | parentVal, | |
1156 | childVal, | |
1157 | vm | |
1158 | ) { | |
1159 | if (!vm) { | |
1160 | // in a Vue.extend merge, both should be functions | |
1161 | if (!childVal) { | |
1162 | return parentVal | |
1163 | } | |
1164 | if (!parentVal) { | |
1165 | return childVal | |
1166 | } | |
1167 | // when parentVal & childVal are both present, | |
1168 | // we need to return a function that returns the | |
1169 | // merged result of both functions... no need to | |
1170 | // check if parentVal is a function here because | |
1171 | // it has to be a function to pass previous merges. | |
1172 | return function mergedDataFn () { | |
1173 | return mergeData( | |
1174 | typeof childVal === 'function' ? childVal.call(this, this) : childVal, | |
1175 | typeof parentVal === 'function' ? parentVal.call(this, this) : parentVal | |
1176 | ) | |
1177 | } | |
1178 | } else { | |
1179 | return function mergedInstanceDataFn () { | |
1180 | // instance merge | |
1181 | var instanceData = typeof childVal === 'function' | |
1182 | ? childVal.call(vm, vm) | |
1183 | : childVal; | |
1184 | var defaultData = typeof parentVal === 'function' | |
1185 | ? parentVal.call(vm, vm) | |
1186 | : parentVal; | |
1187 | if (instanceData) { | |
1188 | return mergeData(instanceData, defaultData) | |
1189 | } else { | |
1190 | return defaultData | |
1191 | } | |
1192 | } | |
1193 | } | |
1194 | } | |
1195 | ||
1196 | strats.data = function ( | |
1197 | parentVal, | |
1198 | childVal, | |
1199 | vm | |
1200 | ) { | |
1201 | if (!vm) { | |
1202 | if (childVal && typeof childVal !== 'function') { | |
1203 | "development" !== 'production' && warn( | |
1204 | 'The "data" option should be a function ' + | |
1205 | 'that returns a per-instance value in component ' + | |
1206 | 'definitions.', | |
1207 | vm | |
1208 | ); | |
1209 | ||
1210 | return parentVal | |
1211 | } | |
1212 | return mergeDataOrFn(parentVal, childVal) | |
1213 | } | |
1214 | ||
1215 | return mergeDataOrFn(parentVal, childVal, vm) | |
1216 | }; | |
1217 | ||
1218 | /** | |
1219 | * Hooks and props are merged as arrays. | |
1220 | */ | |
1221 | function mergeHook ( | |
1222 | parentVal, | |
1223 | childVal | |
1224 | ) { | |
1225 | return childVal | |
1226 | ? parentVal | |
1227 | ? parentVal.concat(childVal) | |
1228 | : Array.isArray(childVal) | |
1229 | ? childVal | |
1230 | : [childVal] | |
1231 | : parentVal | |
1232 | } | |
1233 | ||
1234 | LIFECYCLE_HOOKS.forEach(function (hook) { | |
1235 | strats[hook] = mergeHook; | |
1236 | }); | |
1237 | ||
1238 | /** | |
1239 | * Assets | |
1240 | * | |
1241 | * When a vm is present (instance creation), we need to do | |
1242 | * a three-way merge between constructor options, instance | |
1243 | * options and parent options. | |
1244 | */ | |
1245 | function mergeAssets ( | |
1246 | parentVal, | |
1247 | childVal, | |
1248 | vm, | |
1249 | key | |
1250 | ) { | |
1251 | var res = Object.create(parentVal || null); | |
1252 | if (childVal) { | |
1253 | "development" !== 'production' && assertObjectType(key, childVal, vm); | |
1254 | return extend(res, childVal) | |
1255 | } else { | |
1256 | return res | |
1257 | } | |
1258 | } | |
1259 | ||
1260 | ASSET_TYPES.forEach(function (type) { | |
1261 | strats[type + 's'] = mergeAssets; | |
1262 | }); | |
1263 | ||
1264 | /** | |
1265 | * Watchers. | |
1266 | * | |
1267 | * Watchers hashes should not overwrite one | |
1268 | * another, so we merge them as arrays. | |
1269 | */ | |
1270 | strats.watch = function ( | |
1271 | parentVal, | |
1272 | childVal, | |
1273 | vm, | |
1274 | key | |
1275 | ) { | |
1276 | // work around Firefox's Object.prototype.watch... | |
1277 | if (parentVal === nativeWatch) { parentVal = undefined; } | |
1278 | if (childVal === nativeWatch) { childVal = undefined; } | |
1279 | /* istanbul ignore if */ | |
1280 | if (!childVal) { return Object.create(parentVal || null) } | |
1281 | { | |
1282 | assertObjectType(key, childVal, vm); | |
1283 | } | |
1284 | if (!parentVal) { return childVal } | |
1285 | var ret = {}; | |
1286 | extend(ret, parentVal); | |
1287 | for (var key$1 in childVal) { | |
1288 | var parent = ret[key$1]; | |
1289 | var child = childVal[key$1]; | |
1290 | if (parent && !Array.isArray(parent)) { | |
1291 | parent = [parent]; | |
1292 | } | |
1293 | ret[key$1] = parent | |
1294 | ? parent.concat(child) | |
1295 | : Array.isArray(child) ? child : [child]; | |
1296 | } | |
1297 | return ret | |
1298 | }; | |
1299 | ||
1300 | /** | |
1301 | * Other object hashes. | |
1302 | */ | |
1303 | strats.props = | |
1304 | strats.methods = | |
1305 | strats.inject = | |
1306 | strats.computed = function ( | |
1307 | parentVal, | |
1308 | childVal, | |
1309 | vm, | |
1310 | key | |
1311 | ) { | |
1312 | if (childVal && "development" !== 'production') { | |
1313 | assertObjectType(key, childVal, vm); | |
1314 | } | |
1315 | if (!parentVal) { return childVal } | |
1316 | var ret = Object.create(null); | |
1317 | extend(ret, parentVal); | |
1318 | if (childVal) { extend(ret, childVal); } | |
1319 | return ret | |
1320 | }; | |
1321 | strats.provide = mergeDataOrFn; | |
1322 | ||
1323 | /** | |
1324 | * Default strategy. | |
1325 | */ | |
1326 | var defaultStrat = function (parentVal, childVal) { | |
1327 | return childVal === undefined | |
1328 | ? parentVal | |
1329 | : childVal | |
1330 | }; | |
1331 | ||
1332 | /** | |
1333 | * Validate component names | |
1334 | */ | |
1335 | function checkComponents (options) { | |
1336 | for (var key in options.components) { | |
1337 | validateComponentName(key); | |
1338 | } | |
1339 | } | |
1340 | ||
1341 | function validateComponentName (name) { | |
1342 | if (!/^[a-zA-Z][\w-]*$/.test(name)) { | |
1343 | warn( | |
1344 | 'Invalid component name: "' + name + '". Component names ' + | |
1345 | 'can only contain alphanumeric characters and the hyphen, ' + | |
1346 | 'and must start with a letter.' | |
1347 | ); | |
1348 | } | |
1349 | if (isBuiltInTag(name) || config.isReservedTag(name)) { | |
1350 | warn( | |
1351 | 'Do not use built-in or reserved HTML elements as component ' + | |
1352 | 'id: ' + name | |
1353 | ); | |
1354 | } | |
1355 | } | |
1356 | ||
1357 | /** | |
1358 | * Ensure all props option syntax are normalized into the | |
1359 | * Object-based format. | |
1360 | */ | |
1361 | function normalizeProps (options, vm) { | |
1362 | var props = options.props; | |
1363 | if (!props) { return } | |
1364 | var res = {}; | |
1365 | var i, val, name; | |
1366 | if (Array.isArray(props)) { | |
1367 | i = props.length; | |
1368 | while (i--) { | |
1369 | val = props[i]; | |
1370 | if (typeof val === 'string') { | |
1371 | name = camelize(val); | |
1372 | res[name] = { type: null }; | |
1373 | } else { | |
1374 | warn('props must be strings when using array syntax.'); | |
1375 | } | |
1376 | } | |
1377 | } else if (isPlainObject(props)) { | |
1378 | for (var key in props) { | |
1379 | val = props[key]; | |
1380 | name = camelize(key); | |
1381 | res[name] = isPlainObject(val) | |
1382 | ? val | |
1383 | : { type: val }; | |
1384 | } | |
1385 | } else { | |
1386 | warn( | |
1387 | "Invalid value for option \"props\": expected an Array or an Object, " + | |
1388 | "but got " + (toRawType(props)) + ".", | |
1389 | vm | |
1390 | ); | |
1391 | } | |
1392 | options.props = res; | |
1393 | } | |
1394 | ||
1395 | /** | |
1396 | * Normalize all injections into Object-based format | |
1397 | */ | |
1398 | function normalizeInject (options, vm) { | |
1399 | var inject = options.inject; | |
1400 | if (!inject) { return } | |
1401 | var normalized = options.inject = {}; | |
1402 | if (Array.isArray(inject)) { | |
1403 | for (var i = 0; i < inject.length; i++) { | |
1404 | normalized[inject[i]] = { from: inject[i] }; | |
1405 | } | |
1406 | } else if (isPlainObject(inject)) { | |
1407 | for (var key in inject) { | |
1408 | var val = inject[key]; | |
1409 | normalized[key] = isPlainObject(val) | |
1410 | ? extend({ from: key }, val) | |
1411 | : { from: val }; | |
1412 | } | |
1413 | } else { | |
1414 | warn( | |
1415 | "Invalid value for option \"inject\": expected an Array or an Object, " + | |
1416 | "but got " + (toRawType(inject)) + ".", | |
1417 | vm | |
1418 | ); | |
1419 | } | |
1420 | } | |
1421 | ||
1422 | /** | |
1423 | * Normalize raw function directives into object format. | |
1424 | */ | |
1425 | function normalizeDirectives (options) { | |
1426 | var dirs = options.directives; | |
1427 | if (dirs) { | |
1428 | for (var key in dirs) { | |
1429 | var def = dirs[key]; | |
1430 | if (typeof def === 'function') { | |
1431 | dirs[key] = { bind: def, update: def }; | |
1432 | } | |
1433 | } | |
1434 | } | |
1435 | } | |
1436 | ||
1437 | function assertObjectType (name, value, vm) { | |
1438 | if (!isPlainObject(value)) { | |
1439 | warn( | |
1440 | "Invalid value for option \"" + name + "\": expected an Object, " + | |
1441 | "but got " + (toRawType(value)) + ".", | |
1442 | vm | |
1443 | ); | |
1444 | } | |
1445 | } | |
1446 | ||
1447 | /** | |
1448 | * Merge two option objects into a new one. | |
1449 | * Core utility used in both instantiation and inheritance. | |
1450 | */ | |
1451 | function mergeOptions ( | |
1452 | parent, | |
1453 | child, | |
1454 | vm | |
1455 | ) { | |
1456 | { | |
1457 | checkComponents(child); | |
1458 | } | |
1459 | ||
1460 | if (typeof child === 'function') { | |
1461 | child = child.options; | |
1462 | } | |
1463 | ||
1464 | normalizeProps(child, vm); | |
1465 | normalizeInject(child, vm); | |
1466 | normalizeDirectives(child); | |
1467 | var extendsFrom = child.extends; | |
1468 | if (extendsFrom) { | |
1469 | parent = mergeOptions(parent, extendsFrom, vm); | |
1470 | } | |
1471 | if (child.mixins) { | |
1472 | for (var i = 0, l = child.mixins.length; i < l; i++) { | |
1473 | parent = mergeOptions(parent, child.mixins[i], vm); | |
1474 | } | |
1475 | } | |
1476 | var options = {}; | |
1477 | var key; | |
1478 | for (key in parent) { | |
1479 | mergeField(key); | |
1480 | } | |
1481 | for (key in child) { | |
1482 | if (!hasOwn(parent, key)) { | |
1483 | mergeField(key); | |
1484 | } | |
1485 | } | |
1486 | function mergeField (key) { | |
1487 | var strat = strats[key] || defaultStrat; | |
1488 | options[key] = strat(parent[key], child[key], vm, key); | |
1489 | } | |
1490 | return options | |
1491 | } | |
1492 | ||
1493 | /** | |
1494 | * Resolve an asset. | |
1495 | * This function is used because child instances need access | |
1496 | * to assets defined in its ancestor chain. | |
1497 | */ | |
1498 | function resolveAsset ( | |
1499 | options, | |
1500 | type, | |
1501 | id, | |
1502 | warnMissing | |
1503 | ) { | |
1504 | /* istanbul ignore if */ | |
1505 | if (typeof id !== 'string') { | |
1506 | return | |
1507 | } | |
1508 | var assets = options[type]; | |
1509 | // check local registration variations first | |
1510 | if (hasOwn(assets, id)) { return assets[id] } | |
1511 | var camelizedId = camelize(id); | |
1512 | if (hasOwn(assets, camelizedId)) { return assets[camelizedId] } | |
1513 | var PascalCaseId = capitalize(camelizedId); | |
1514 | if (hasOwn(assets, PascalCaseId)) { return assets[PascalCaseId] } | |
1515 | // fallback to prototype chain | |
1516 | var res = assets[id] || assets[camelizedId] || assets[PascalCaseId]; | |
1517 | if ("development" !== 'production' && warnMissing && !res) { | |
1518 | warn( | |
1519 | 'Failed to resolve ' + type.slice(0, -1) + ': ' + id, | |
1520 | options | |
1521 | ); | |
1522 | } | |
1523 | return res | |
1524 | } | |
1525 | ||
1526 | /* */ | |
1527 | ||
1528 | function validateProp ( | |
1529 | key, | |
1530 | propOptions, | |
1531 | propsData, | |
1532 | vm | |
1533 | ) { | |
1534 | var prop = propOptions[key]; | |
1535 | var absent = !hasOwn(propsData, key); | |
1536 | var value = propsData[key]; | |
1537 | // boolean casting | |
1538 | var booleanIndex = getTypeIndex(Boolean, prop.type); | |
1539 | if (booleanIndex > -1) { | |
1540 | if (absent && !hasOwn(prop, 'default')) { | |
1541 | value = false; | |
1542 | } else if (value === '' || value === hyphenate(key)) { | |
1543 | // only cast empty string / same name to boolean if | |
1544 | // boolean has higher priority | |
1545 | var stringIndex = getTypeIndex(String, prop.type); | |
1546 | if (stringIndex < 0 || booleanIndex < stringIndex) { | |
1547 | value = true; | |
1548 | } | |
1549 | } | |
1550 | } | |
1551 | // check default value | |
1552 | if (value === undefined) { | |
1553 | value = getPropDefaultValue(vm, prop, key); | |
1554 | // since the default value is a fresh copy, | |
1555 | // make sure to observe it. | |
1556 | var prevShouldObserve = shouldObserve; | |
1557 | toggleObserving(true); | |
1558 | observe(value); | |
1559 | toggleObserving(prevShouldObserve); | |
1560 | } | |
1561 | { | |
1562 | assertProp(prop, key, value, vm, absent); | |
1563 | } | |
1564 | return value | |
1565 | } | |
1566 | ||
1567 | /** | |
1568 | * Get the default value of a prop. | |
1569 | */ | |
1570 | function getPropDefaultValue (vm, prop, key) { | |
1571 | // no default, return undefined | |
1572 | if (!hasOwn(prop, 'default')) { | |
1573 | return undefined | |
1574 | } | |
1575 | var def = prop.default; | |
1576 | // warn against non-factory defaults for Object & Array | |
1577 | if ("development" !== 'production' && isObject(def)) { | |
1578 | warn( | |
1579 | 'Invalid default value for prop "' + key + '": ' + | |
1580 | 'Props with type Object/Array must use a factory function ' + | |
1581 | 'to return the default value.', | |
1582 | vm | |
1583 | ); | |
1584 | } | |
1585 | // the raw prop value was also undefined from previous render, | |
1586 | // return previous default value to avoid unnecessary watcher trigger | |
1587 | if (vm && vm.$options.propsData && | |
1588 | vm.$options.propsData[key] === undefined && | |
1589 | vm._props[key] !== undefined | |
1590 | ) { | |
1591 | return vm._props[key] | |
1592 | } | |
1593 | // call factory function for non-Function types | |
1594 | // a value is Function if its prototype is function even across different execution context | |
1595 | return typeof def === 'function' && getType(prop.type) !== 'Function' | |
1596 | ? def.call(vm) | |
1597 | : def | |
1598 | } | |
1599 | ||
1600 | /** | |
1601 | * Assert whether a prop is valid. | |
1602 | */ | |
1603 | function assertProp ( | |
1604 | prop, | |
1605 | name, | |
1606 | value, | |
1607 | vm, | |
1608 | absent | |
1609 | ) { | |
1610 | if (prop.required && absent) { | |
1611 | warn( | |
1612 | 'Missing required prop: "' + name + '"', | |
1613 | vm | |
1614 | ); | |
1615 | return | |
1616 | } | |
1617 | if (value == null && !prop.required) { | |
1618 | return | |
1619 | } | |
1620 | var type = prop.type; | |
1621 | var valid = !type || type === true; | |
1622 | var expectedTypes = []; | |
1623 | if (type) { | |
1624 | if (!Array.isArray(type)) { | |
1625 | type = [type]; | |
1626 | } | |
1627 | for (var i = 0; i < type.length && !valid; i++) { | |
1628 | var assertedType = assertType(value, type[i]); | |
1629 | expectedTypes.push(assertedType.expectedType || ''); | |
1630 | valid = assertedType.valid; | |
1631 | } | |
1632 | } | |
1633 | if (!valid) { | |
1634 | warn( | |
1635 | "Invalid prop: type check failed for prop \"" + name + "\"." + | |
1636 | " Expected " + (expectedTypes.map(capitalize).join(', ')) + | |
1637 | ", got " + (toRawType(value)) + ".", | |
1638 | vm | |
1639 | ); | |
1640 | return | |
1641 | } | |
1642 | var validator = prop.validator; | |
1643 | if (validator) { | |
1644 | if (!validator(value)) { | |
1645 | warn( | |
1646 | 'Invalid prop: custom validator check failed for prop "' + name + '".', | |
1647 | vm | |
1648 | ); | |
1649 | } | |
1650 | } | |
1651 | } | |
1652 | ||
1653 | var simpleCheckRE = /^(String|Number|Boolean|Function|Symbol)$/; | |
1654 | ||
1655 | function assertType (value, type) { | |
1656 | var valid; | |
1657 | var expectedType = getType(type); | |
1658 | if (simpleCheckRE.test(expectedType)) { | |
1659 | var t = typeof value; | |
1660 | valid = t === expectedType.toLowerCase(); | |
1661 | // for primitive wrapper objects | |
1662 | if (!valid && t === 'object') { | |
1663 | valid = value instanceof type; | |
1664 | } | |
1665 | } else if (expectedType === 'Object') { | |
1666 | valid = isPlainObject(value); | |
1667 | } else if (expectedType === 'Array') { | |
1668 | valid = Array.isArray(value); | |
1669 | } else { | |
1670 | valid = value instanceof type; | |
1671 | } | |
1672 | return { | |
1673 | valid: valid, | |
1674 | expectedType: expectedType | |
1675 | } | |
1676 | } | |
1677 | ||
1678 | /** | |
1679 | * Use function string name to check built-in types, | |
1680 | * because a simple equality check will fail when running | |
1681 | * across different vms / iframes. | |
1682 | */ | |
1683 | function getType (fn) { | |
1684 | var match = fn && fn.toString().match(/^\s*function (\w+)/); | |
1685 | return match ? match[1] : '' | |
1686 | } | |
1687 | ||
1688 | function isSameType (a, b) { | |
1689 | return getType(a) === getType(b) | |
1690 | } | |
1691 | ||
1692 | function getTypeIndex (type, expectedTypes) { | |
1693 | if (!Array.isArray(expectedTypes)) { | |
1694 | return isSameType(expectedTypes, type) ? 0 : -1 | |
1695 | } | |
1696 | for (var i = 0, len = expectedTypes.length; i < len; i++) { | |
1697 | if (isSameType(expectedTypes[i], type)) { | |
1698 | return i | |
1699 | } | |
1700 | } | |
1701 | return -1 | |
1702 | } | |
1703 | ||
1704 | /* */ | |
1705 | ||
1706 | function handleError (err, vm, info) { | |
1707 | if (vm) { | |
1708 | var cur = vm; | |
1709 | while ((cur = cur.$parent)) { | |
1710 | var hooks = cur.$options.errorCaptured; | |
1711 | if (hooks) { | |
1712 | for (var i = 0; i < hooks.length; i++) { | |
1713 | try { | |
1714 | var capture = hooks[i].call(cur, err, vm, info) === false; | |
1715 | if (capture) { return } | |
1716 | } catch (e) { | |
1717 | globalHandleError(e, cur, 'errorCaptured hook'); | |
1718 | } | |
1719 | } | |
1720 | } | |
1721 | } | |
1722 | } | |
1723 | globalHandleError(err, vm, info); | |
1724 | } | |
1725 | ||
1726 | function globalHandleError (err, vm, info) { | |
1727 | if (config.errorHandler) { | |
1728 | try { | |
1729 | return config.errorHandler.call(null, err, vm, info) | |
1730 | } catch (e) { | |
1731 | logError(e, null, 'config.errorHandler'); | |
1732 | } | |
1733 | } | |
1734 | logError(err, vm, info); | |
1735 | } | |
1736 | ||
1737 | function logError (err, vm, info) { | |
1738 | { | |
1739 | warn(("Error in " + info + ": \"" + (err.toString()) + "\""), vm); | |
1740 | } | |
1741 | /* istanbul ignore else */ | |
1742 | if ((inBrowser || inWeex) && typeof console !== 'undefined') { | |
1743 | console.error(err); | |
1744 | } else { | |
1745 | throw err | |
1746 | } | |
1747 | } | |
1748 | ||
1749 | /* */ | |
1750 | /* globals MessageChannel */ | |
1751 | ||
1752 | var callbacks = []; | |
1753 | var pending = false; | |
1754 | ||
1755 | function flushCallbacks () { | |
1756 | pending = false; | |
1757 | var copies = callbacks.slice(0); | |
1758 | callbacks.length = 0; | |
1759 | for (var i = 0; i < copies.length; i++) { | |
1760 | copies[i](); | |
1761 | } | |
1762 | } | |
1763 | ||
1764 | // Here we have async deferring wrappers using both microtasks and (macro) tasks. | |
1765 | // In < 2.4 we used microtasks everywhere, but there are some scenarios where | |
1766 | // microtasks have too high a priority and fire in between supposedly | |
1767 | // sequential events (e.g. #4521, #6690) or even between bubbling of the same | |
1768 | // event (#6566). However, using (macro) tasks everywhere also has subtle problems | |
1769 | // when state is changed right before repaint (e.g. #6813, out-in transitions). | |
1770 | // Here we use microtask by default, but expose a way to force (macro) task when | |
1771 | // needed (e.g. in event handlers attached by v-on). | |
1772 | var microTimerFunc; | |
1773 | var macroTimerFunc; | |
1774 | var useMacroTask = false; | |
1775 | ||
1776 | // Determine (macro) task defer implementation. | |
1777 | // Technically setImmediate should be the ideal choice, but it's only available | |
1778 | // in IE. The only polyfill that consistently queues the callback after all DOM | |
1779 | // events triggered in the same loop is by using MessageChannel. | |
1780 | /* istanbul ignore if */ | |
1781 | if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) { | |
1782 | macroTimerFunc = function () { | |
1783 | setImmediate(flushCallbacks); | |
1784 | }; | |
1785 | } else if (typeof MessageChannel !== 'undefined' && ( | |
1786 | isNative(MessageChannel) || | |
1787 | // PhantomJS | |
1788 | MessageChannel.toString() === '[object MessageChannelConstructor]' | |
1789 | )) { | |
1790 | var channel = new MessageChannel(); | |
1791 | var port = channel.port2; | |
1792 | channel.port1.onmessage = flushCallbacks; | |
1793 | macroTimerFunc = function () { | |
1794 | port.postMessage(1); | |
1795 | }; | |
1796 | } else { | |
1797 | /* istanbul ignore next */ | |
1798 | macroTimerFunc = function () { | |
1799 | setTimeout(flushCallbacks, 0); | |
1800 | }; | |
1801 | } | |
1802 | ||
1803 | // Determine microtask defer implementation. | |
1804 | /* istanbul ignore next, $flow-disable-line */ | |
1805 | if (typeof Promise !== 'undefined' && isNative(Promise)) { | |
1806 | var p = Promise.resolve(); | |
1807 | microTimerFunc = function () { | |
1808 | p.then(flushCallbacks); | |
1809 | // in problematic UIWebViews, Promise.then doesn't completely break, but | |
1810 | // it can get stuck in a weird state where callbacks are pushed into the | |
1811 | // microtask queue but the queue isn't being flushed, until the browser | |
1812 | // needs to do some other work, e.g. handle a timer. Therefore we can | |
1813 | // "force" the microtask queue to be flushed by adding an empty timer. | |
1814 | if (isIOS) { setTimeout(noop); } | |
1815 | }; | |
1816 | } else { | |
1817 | // fallback to macro | |
1818 | microTimerFunc = macroTimerFunc; | |
1819 | } | |
1820 | ||
1821 | /** | |
1822 | * Wrap a function so that if any code inside triggers state change, | |
1823 | * the changes are queued using a (macro) task instead of a microtask. | |
1824 | */ | |
1825 | function withMacroTask (fn) { | |
1826 | return fn._withTask || (fn._withTask = function () { | |
1827 | useMacroTask = true; | |
1828 | var res = fn.apply(null, arguments); | |
1829 | useMacroTask = false; | |
1830 | return res | |
1831 | }) | |
1832 | } | |
1833 | ||
1834 | function nextTick (cb, ctx) { | |
1835 | var _resolve; | |
1836 | callbacks.push(function () { | |
1837 | if (cb) { | |
1838 | try { | |
1839 | cb.call(ctx); | |
1840 | } catch (e) { | |
1841 | handleError(e, ctx, 'nextTick'); | |
1842 | } | |
1843 | } else if (_resolve) { | |
1844 | _resolve(ctx); | |
1845 | } | |
1846 | }); | |
1847 | if (!pending) { | |
1848 | pending = true; | |
1849 | if (useMacroTask) { | |
1850 | macroTimerFunc(); | |
1851 | } else { | |
1852 | microTimerFunc(); | |
1853 | } | |
1854 | } | |
1855 | // $flow-disable-line | |
1856 | if (!cb && typeof Promise !== 'undefined') { | |
1857 | return new Promise(function (resolve) { | |
1858 | _resolve = resolve; | |
1859 | }) | |
1860 | } | |
1861 | } | |
1862 | ||
1863 | /* */ | |
1864 | ||
1865 | var mark; | |
1866 | var measure; | |
1867 | ||
1868 | { | |
1869 | var perf = inBrowser && window.performance; | |
1870 | /* istanbul ignore if */ | |
1871 | if ( | |
1872 | perf && | |
1873 | perf.mark && | |
1874 | perf.measure && | |
1875 | perf.clearMarks && | |
1876 | perf.clearMeasures | |
1877 | ) { | |
1878 | mark = function (tag) { return perf.mark(tag); }; | |
1879 | measure = function (name, startTag, endTag) { | |
1880 | perf.measure(name, startTag, endTag); | |
1881 | perf.clearMarks(startTag); | |
1882 | perf.clearMarks(endTag); | |
1883 | perf.clearMeasures(name); | |
1884 | }; | |
1885 | } | |
1886 | } | |
1887 | ||
1888 | /* not type checking this file because flow doesn't play well with Proxy */ | |
1889 | ||
1890 | var initProxy; | |
1891 | ||
1892 | { | |
1893 | var allowedGlobals = makeMap( | |
1894 | 'Infinity,undefined,NaN,isFinite,isNaN,' + | |
1895 | 'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' + | |
1896 | 'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' + | |
1897 | 'require' // for Webpack/Browserify | |
1898 | ); | |
1899 | ||
1900 | var warnNonPresent = function (target, key) { | |
1901 | warn( | |
1902 | "Property or method \"" + key + "\" is not defined on the instance but " + | |
1903 | 'referenced during render. Make sure that this property is reactive, ' + | |
1904 | 'either in the data option, or for class-based components, by ' + | |
1905 | 'initializing the property. ' + | |
1906 | 'See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.', | |
1907 | target | |
1908 | ); | |
1909 | }; | |
1910 | ||
1911 | var hasProxy = | |
1912 | typeof Proxy !== 'undefined' && isNative(Proxy); | |
1913 | ||
1914 | if (hasProxy) { | |
1915 | var isBuiltInModifier = makeMap('stop,prevent,self,ctrl,shift,alt,meta,exact'); | |
1916 | config.keyCodes = new Proxy(config.keyCodes, { | |
1917 | set: function set (target, key, value) { | |
1918 | if (isBuiltInModifier(key)) { | |
1919 | warn(("Avoid overwriting built-in modifier in config.keyCodes: ." + key)); | |
1920 | return false | |
1921 | } else { | |
1922 | target[key] = value; | |
1923 | return true | |
1924 | } | |
1925 | } | |
1926 | }); | |
1927 | } | |
1928 | ||
1929 | var hasHandler = { | |
1930 | has: function has (target, key) { | |
1931 | var has = key in target; | |
1932 | var isAllowed = allowedGlobals(key) || key.charAt(0) === '_'; | |
1933 | if (!has && !isAllowed) { | |
1934 | warnNonPresent(target, key); | |
1935 | } | |
1936 | return has || !isAllowed | |
1937 | } | |
1938 | }; | |
1939 | ||
1940 | var getHandler = { | |
1941 | get: function get (target, key) { | |
1942 | if (typeof key === 'string' && !(key in target)) { | |
1943 | warnNonPresent(target, key); | |
1944 | } | |
1945 | return target[key] | |
1946 | } | |
1947 | }; | |
1948 | ||
1949 | initProxy = function initProxy (vm) { | |
1950 | if (hasProxy) { | |
1951 | // determine which proxy handler to use | |
1952 | var options = vm.$options; | |
1953 | var handlers = options.render && options.render._withStripped | |
1954 | ? getHandler | |
1955 | : hasHandler; | |
1956 | vm._renderProxy = new Proxy(vm, handlers); | |
1957 | } else { | |
1958 | vm._renderProxy = vm; | |
1959 | } | |
1960 | }; | |
1961 | } | |
1962 | ||
1963 | /* */ | |
1964 | ||
1965 | var seenObjects = new _Set(); | |
1966 | ||
1967 | /** | |
1968 | * Recursively traverse an object to evoke all converted | |
1969 | * getters, so that every nested property inside the object | |
1970 | * is collected as a "deep" dependency. | |
1971 | */ | |
1972 | function traverse (val) { | |
1973 | _traverse(val, seenObjects); | |
1974 | seenObjects.clear(); | |
1975 | } | |
1976 | ||
1977 | function _traverse (val, seen) { | |
1978 | var i, keys; | |
1979 | var isA = Array.isArray(val); | |
1980 | if ((!isA && !isObject(val)) || Object.isFrozen(val) || val instanceof VNode) { | |
1981 | return | |
1982 | } | |
1983 | if (val.__ob__) { | |
1984 | var depId = val.__ob__.dep.id; | |
1985 | if (seen.has(depId)) { | |
1986 | return | |
1987 | } | |
1988 | seen.add(depId); | |
1989 | } | |
1990 | if (isA) { | |
1991 | i = val.length; | |
1992 | while (i--) { _traverse(val[i], seen); } | |
1993 | } else { | |
1994 | keys = Object.keys(val); | |
1995 | i = keys.length; | |
1996 | while (i--) { _traverse(val[keys[i]], seen); } | |
1997 | } | |
1998 | } | |
1999 | ||
2000 | /* */ | |
2001 | ||
2002 | var normalizeEvent = cached(function (name) { | |
2003 | var passive = name.charAt(0) === '&'; | |
2004 | name = passive ? name.slice(1) : name; | |
2005 | var once$$1 = name.charAt(0) === '~'; // Prefixed last, checked first | |
2006 | name = once$$1 ? name.slice(1) : name; | |
2007 | var capture = name.charAt(0) === '!'; | |
2008 | name = capture ? name.slice(1) : name; | |
2009 | return { | |
2010 | name: name, | |
2011 | once: once$$1, | |
2012 | capture: capture, | |
2013 | passive: passive | |
2014 | } | |
2015 | }); | |
2016 | ||
2017 | function createFnInvoker (fns) { | |
2018 | function invoker () { | |
2019 | var arguments$1 = arguments; | |
2020 | ||
2021 | var fns = invoker.fns; | |
2022 | if (Array.isArray(fns)) { | |
2023 | var cloned = fns.slice(); | |
2024 | for (var i = 0; i < cloned.length; i++) { | |
2025 | cloned[i].apply(null, arguments$1); | |
2026 | } | |
2027 | } else { | |
2028 | // return handler return value for single handlers | |
2029 | return fns.apply(null, arguments) | |
2030 | } | |
2031 | } | |
2032 | invoker.fns = fns; | |
2033 | return invoker | |
2034 | } | |
2035 | ||
2036 | function updateListeners ( | |
2037 | on, | |
2038 | oldOn, | |
2039 | add, | |
2040 | remove$$1, | |
2041 | vm | |
2042 | ) { | |
2043 | var name, def, cur, old, event; | |
2044 | for (name in on) { | |
2045 | def = cur = on[name]; | |
2046 | old = oldOn[name]; | |
2047 | event = normalizeEvent(name); | |
2048 | /* istanbul ignore if */ | |
2049 | if (isUndef(cur)) { | |
2050 | "development" !== 'production' && warn( | |
2051 | "Invalid handler for event \"" + (event.name) + "\": got " + String(cur), | |
2052 | vm | |
2053 | ); | |
2054 | } else if (isUndef(old)) { | |
2055 | if (isUndef(cur.fns)) { | |
2056 | cur = on[name] = createFnInvoker(cur); | |
2057 | } | |
2058 | add(event.name, cur, event.once, event.capture, event.passive, event.params); | |
2059 | } else if (cur !== old) { | |
2060 | old.fns = cur; | |
2061 | on[name] = old; | |
2062 | } | |
2063 | } | |
2064 | for (name in oldOn) { | |
2065 | if (isUndef(on[name])) { | |
2066 | event = normalizeEvent(name); | |
2067 | remove$$1(event.name, oldOn[name], event.capture); | |
2068 | } | |
2069 | } | |
2070 | } | |
2071 | ||
2072 | /* */ | |
2073 | ||
2074 | function mergeVNodeHook (def, hookKey, hook) { | |
2075 | if (def instanceof VNode) { | |
2076 | def = def.data.hook || (def.data.hook = {}); | |
2077 | } | |
2078 | var invoker; | |
2079 | var oldHook = def[hookKey]; | |
2080 | ||
2081 | function wrappedHook () { | |
2082 | hook.apply(this, arguments); | |
2083 | // important: remove merged hook to ensure it's called only once | |
2084 | // and prevent memory leak | |
2085 | remove(invoker.fns, wrappedHook); | |
2086 | } | |
2087 | ||
2088 | if (isUndef(oldHook)) { | |
2089 | // no existing hook | |
2090 | invoker = createFnInvoker([wrappedHook]); | |
2091 | } else { | |
2092 | /* istanbul ignore if */ | |
2093 | if (isDef(oldHook.fns) && isTrue(oldHook.merged)) { | |
2094 | // already a merged invoker | |
2095 | invoker = oldHook; | |
2096 | invoker.fns.push(wrappedHook); | |
2097 | } else { | |
2098 | // existing plain hook | |
2099 | invoker = createFnInvoker([oldHook, wrappedHook]); | |
2100 | } | |
2101 | } | |
2102 | ||
2103 | invoker.merged = true; | |
2104 | def[hookKey] = invoker; | |
2105 | } | |
2106 | ||
2107 | /* */ | |
2108 | ||
2109 | function extractPropsFromVNodeData ( | |
2110 | data, | |
2111 | Ctor, | |
2112 | tag | |
2113 | ) { | |
2114 | // we are only extracting raw values here. | |
2115 | // validation and default values are handled in the child | |
2116 | // component itself. | |
2117 | var propOptions = Ctor.options.props; | |
2118 | if (isUndef(propOptions)) { | |
2119 | return | |
2120 | } | |
2121 | var res = {}; | |
2122 | var attrs = data.attrs; | |
2123 | var props = data.props; | |
2124 | if (isDef(attrs) || isDef(props)) { | |
2125 | for (var key in propOptions) { | |
2126 | var altKey = hyphenate(key); | |
2127 | { | |
2128 | var keyInLowerCase = key.toLowerCase(); | |
2129 | if ( | |
2130 | key !== keyInLowerCase && | |
2131 | attrs && hasOwn(attrs, keyInLowerCase) | |
2132 | ) { | |
2133 | tip( | |
2134 | "Prop \"" + keyInLowerCase + "\" is passed to component " + | |
2135 | (formatComponentName(tag || Ctor)) + ", but the declared prop name is" + | |
2136 | " \"" + key + "\". " + | |
2137 | "Note that HTML attributes are case-insensitive and camelCased " + | |
2138 | "props need to use their kebab-case equivalents when using in-DOM " + | |
2139 | "templates. You should probably use \"" + altKey + "\" instead of \"" + key + "\"." | |
2140 | ); | |
2141 | } | |
2142 | } | |
2143 | checkProp(res, props, key, altKey, true) || | |
2144 | checkProp(res, attrs, key, altKey, false); | |
2145 | } | |
2146 | } | |
2147 | return res | |
2148 | } | |
2149 | ||
2150 | function checkProp ( | |
2151 | res, | |
2152 | hash, | |
2153 | key, | |
2154 | altKey, | |
2155 | preserve | |
2156 | ) { | |
2157 | if (isDef(hash)) { | |
2158 | if (hasOwn(hash, key)) { | |
2159 | res[key] = hash[key]; | |
2160 | if (!preserve) { | |
2161 | delete hash[key]; | |
2162 | } | |
2163 | return true | |
2164 | } else if (hasOwn(hash, altKey)) { | |
2165 | res[key] = hash[altKey]; | |
2166 | if (!preserve) { | |
2167 | delete hash[altKey]; | |
2168 | } | |
2169 | return true | |
2170 | } | |
2171 | } | |
2172 | return false | |
2173 | } | |
2174 | ||
2175 | /* */ | |
2176 | ||
2177 | // The template compiler attempts to minimize the need for normalization by | |
2178 | // statically analyzing the template at compile time. | |
2179 | // | |
2180 | // For plain HTML markup, normalization can be completely skipped because the | |
2181 | // generated render function is guaranteed to return Array<VNode>. There are | |
2182 | // two cases where extra normalization is needed: | |
2183 | ||
2184 | // 1. When the children contains components - because a functional component | |
2185 | // may return an Array instead of a single root. In this case, just a simple | |
2186 | // normalization is needed - if any child is an Array, we flatten the whole | |
2187 | // thing with Array.prototype.concat. It is guaranteed to be only 1-level deep | |
2188 | // because functional components already normalize their own children. | |
2189 | function simpleNormalizeChildren (children) { | |
2190 | for (var i = 0; i < children.length; i++) { | |
2191 | if (Array.isArray(children[i])) { | |
2192 | return Array.prototype.concat.apply([], children) | |
2193 | } | |
2194 | } | |
2195 | return children | |
2196 | } | |
2197 | ||
2198 | // 2. When the children contains constructs that always generated nested Arrays, | |
2199 | // e.g. <template>, <slot>, v-for, or when the children is provided by user | |
2200 | // with hand-written render functions / JSX. In such cases a full normalization | |
2201 | // is needed to cater to all possible types of children values. | |
2202 | function normalizeChildren (children) { | |
2203 | return isPrimitive(children) | |
2204 | ? [createTextVNode(children)] | |
2205 | : Array.isArray(children) | |
2206 | ? normalizeArrayChildren(children) | |
2207 | : undefined | |
2208 | } | |
2209 | ||
2210 | function isTextNode (node) { | |
2211 | return isDef(node) && isDef(node.text) && isFalse(node.isComment) | |
2212 | } | |
2213 | ||
2214 | function normalizeArrayChildren (children, nestedIndex) { | |
2215 | var res = []; | |
2216 | var i, c, lastIndex, last; | |
2217 | for (i = 0; i < children.length; i++) { | |
2218 | c = children[i]; | |
2219 | if (isUndef(c) || typeof c === 'boolean') { continue } | |
2220 | lastIndex = res.length - 1; | |
2221 | last = res[lastIndex]; | |
2222 | // nested | |
2223 | if (Array.isArray(c)) { | |
2224 | if (c.length > 0) { | |
2225 | c = normalizeArrayChildren(c, ((nestedIndex || '') + "_" + i)); | |
2226 | // merge adjacent text nodes | |
2227 | if (isTextNode(c[0]) && isTextNode(last)) { | |
2228 | res[lastIndex] = createTextVNode(last.text + (c[0]).text); | |
2229 | c.shift(); | |
2230 | } | |
2231 | res.push.apply(res, c); | |
2232 | } | |
2233 | } else if (isPrimitive(c)) { | |
2234 | if (isTextNode(last)) { | |
2235 | // merge adjacent text nodes | |
2236 | // this is necessary for SSR hydration because text nodes are | |
2237 | // essentially merged when rendered to HTML strings | |
2238 | res[lastIndex] = createTextVNode(last.text + c); | |
2239 | } else if (c !== '') { | |
2240 | // convert primitive to vnode | |
2241 | res.push(createTextVNode(c)); | |
2242 | } | |
2243 | } else { | |
2244 | if (isTextNode(c) && isTextNode(last)) { | |
2245 | // merge adjacent text nodes | |
2246 | res[lastIndex] = createTextVNode(last.text + c.text); | |
2247 | } else { | |
2248 | // default key for nested array children (likely generated by v-for) | |
2249 | if (isTrue(children._isVList) && | |
2250 | isDef(c.tag) && | |
2251 | isUndef(c.key) && | |
2252 | isDef(nestedIndex)) { | |
2253 | c.key = "__vlist" + nestedIndex + "_" + i + "__"; | |
2254 | } | |
2255 | res.push(c); | |
2256 | } | |
2257 | } | |
2258 | } | |
2259 | return res | |
2260 | } | |
2261 | ||
2262 | /* */ | |
2263 | ||
2264 | function ensureCtor (comp, base) { | |
2265 | if ( | |
2266 | comp.__esModule || | |
2267 | (hasSymbol && comp[Symbol.toStringTag] === 'Module') | |
2268 | ) { | |
2269 | comp = comp.default; | |
2270 | } | |
2271 | return isObject(comp) | |
2272 | ? base.extend(comp) | |
2273 | : comp | |
2274 | } | |
2275 | ||
2276 | function createAsyncPlaceholder ( | |
2277 | factory, | |
2278 | data, | |
2279 | context, | |
2280 | children, | |
2281 | tag | |
2282 | ) { | |
2283 | var node = createEmptyVNode(); | |
2284 | node.asyncFactory = factory; | |
2285 | node.asyncMeta = { data: data, context: context, children: children, tag: tag }; | |
2286 | return node | |
2287 | } | |
2288 | ||
2289 | function resolveAsyncComponent ( | |
2290 | factory, | |
2291 | baseCtor, | |
2292 | context | |
2293 | ) { | |
2294 | if (isTrue(factory.error) && isDef(factory.errorComp)) { | |
2295 | return factory.errorComp | |
2296 | } | |
2297 | ||
2298 | if (isDef(factory.resolved)) { | |
2299 | return factory.resolved | |
2300 | } | |
2301 | ||
2302 | if (isTrue(factory.loading) && isDef(factory.loadingComp)) { | |
2303 | return factory.loadingComp | |
2304 | } | |
2305 | ||
2306 | if (isDef(factory.contexts)) { | |
2307 | // already pending | |
2308 | factory.contexts.push(context); | |
2309 | } else { | |
2310 | var contexts = factory.contexts = [context]; | |
2311 | var sync = true; | |
2312 | ||
2313 | var forceRender = function () { | |
2314 | for (var i = 0, l = contexts.length; i < l; i++) { | |
2315 | contexts[i].$forceUpdate(); | |
2316 | } | |
2317 | }; | |
2318 | ||
2319 | var resolve = once(function (res) { | |
2320 | // cache resolved | |
2321 | factory.resolved = ensureCtor(res, baseCtor); | |
2322 | // invoke callbacks only if this is not a synchronous resolve | |
2323 | // (async resolves are shimmed as synchronous during SSR) | |
2324 | if (!sync) { | |
2325 | forceRender(); | |
2326 | } | |
2327 | }); | |
2328 | ||
2329 | var reject = once(function (reason) { | |
2330 | "development" !== 'production' && warn( | |
2331 | "Failed to resolve async component: " + (String(factory)) + | |
2332 | (reason ? ("\nReason: " + reason) : '') | |
2333 | ); | |
2334 | if (isDef(factory.errorComp)) { | |
2335 | factory.error = true; | |
2336 | forceRender(); | |
2337 | } | |
2338 | }); | |
2339 | ||
2340 | var res = factory(resolve, reject); | |
2341 | ||
2342 | if (isObject(res)) { | |
2343 | if (typeof res.then === 'function') { | |
2344 | // () => Promise | |
2345 | if (isUndef(factory.resolved)) { | |
2346 | res.then(resolve, reject); | |
2347 | } | |
2348 | } else if (isDef(res.component) && typeof res.component.then === 'function') { | |
2349 | res.component.then(resolve, reject); | |
2350 | ||
2351 | if (isDef(res.error)) { | |
2352 | factory.errorComp = ensureCtor(res.error, baseCtor); | |
2353 | } | |
2354 | ||
2355 | if (isDef(res.loading)) { | |
2356 | factory.loadingComp = ensureCtor(res.loading, baseCtor); | |
2357 | if (res.delay === 0) { | |
2358 | factory.loading = true; | |
2359 | } else { | |
2360 | setTimeout(function () { | |
2361 | if (isUndef(factory.resolved) && isUndef(factory.error)) { | |
2362 | factory.loading = true; | |
2363 | forceRender(); | |
2364 | } | |
2365 | }, res.delay || 200); | |
2366 | } | |
2367 | } | |
2368 | ||
2369 | if (isDef(res.timeout)) { | |
2370 | setTimeout(function () { | |
2371 | if (isUndef(factory.resolved)) { | |
2372 | reject( | |
2373 | "timeout (" + (res.timeout) + "ms)" | |
2374 | ); | |
2375 | } | |
2376 | }, res.timeout); | |
2377 | } | |
2378 | } | |
2379 | } | |
2380 | ||
2381 | sync = false; | |
2382 | // return in case resolved synchronously | |
2383 | return factory.loading | |
2384 | ? factory.loadingComp | |
2385 | : factory.resolved | |
2386 | } | |
2387 | } | |
2388 | ||
2389 | /* */ | |
2390 | ||
2391 | function isAsyncPlaceholder (node) { | |
2392 | return node.isComment && node.asyncFactory | |
2393 | } | |
2394 | ||
2395 | /* */ | |
2396 | ||
2397 | function getFirstComponentChild (children) { | |
2398 | if (Array.isArray(children)) { | |
2399 | for (var i = 0; i < children.length; i++) { | |
2400 | var c = children[i]; | |
2401 | if (isDef(c) && (isDef(c.componentOptions) || isAsyncPlaceholder(c))) { | |
2402 | return c | |
2403 | } | |
2404 | } | |
2405 | } | |
2406 | } | |
2407 | ||
2408 | /* */ | |
2409 | ||
2410 | /* */ | |
2411 | ||
2412 | function initEvents (vm) { | |
2413 | vm._events = Object.create(null); | |
2414 | vm._hasHookEvent = false; | |
2415 | // init parent attached events | |
2416 | var listeners = vm.$options._parentListeners; | |
2417 | if (listeners) { | |
2418 | updateComponentListeners(vm, listeners); | |
2419 | } | |
2420 | } | |
2421 | ||
2422 | var target; | |
2423 | ||
2424 | function add (event, fn, once) { | |
2425 | if (once) { | |
2426 | target.$once(event, fn); | |
2427 | } else { | |
2428 | target.$on(event, fn); | |
2429 | } | |
2430 | } | |
2431 | ||
2432 | function remove$1 (event, fn) { | |
2433 | target.$off(event, fn); | |
2434 | } | |
2435 | ||
2436 | function updateComponentListeners ( | |
2437 | vm, | |
2438 | listeners, | |
2439 | oldListeners | |
2440 | ) { | |
2441 | target = vm; | |
2442 | updateListeners(listeners, oldListeners || {}, add, remove$1, vm); | |
2443 | target = undefined; | |
2444 | } | |
2445 | ||
2446 | function eventsMixin (Vue) { | |
2447 | var hookRE = /^hook:/; | |
2448 | Vue.prototype.$on = function (event, fn) { | |
2449 | var this$1 = this; | |
2450 | ||
2451 | var vm = this; | |
2452 | if (Array.isArray(event)) { | |
2453 | for (var i = 0, l = event.length; i < l; i++) { | |
2454 | this$1.$on(event[i], fn); | |
2455 | } | |
2456 | } else { | |
2457 | (vm._events[event] || (vm._events[event] = [])).push(fn); | |
2458 | // optimize hook:event cost by using a boolean flag marked at registration | |
2459 | // instead of a hash lookup | |
2460 | if (hookRE.test(event)) { | |
2461 | vm._hasHookEvent = true; | |
2462 | } | |
2463 | } | |
2464 | return vm | |
2465 | }; | |
2466 | ||
2467 | Vue.prototype.$once = function (event, fn) { | |
2468 | var vm = this; | |
2469 | function on () { | |
2470 | vm.$off(event, on); | |
2471 | fn.apply(vm, arguments); | |
2472 | } | |
2473 | on.fn = fn; | |
2474 | vm.$on(event, on); | |
2475 | return vm | |
2476 | }; | |
2477 | ||
2478 | Vue.prototype.$off = function (event, fn) { | |
2479 | var this$1 = this; | |
2480 | ||
2481 | var vm = this; | |
2482 | // all | |
2483 | if (!arguments.length) { | |
2484 | vm._events = Object.create(null); | |
2485 | return vm | |
2486 | } | |
2487 | // array of events | |
2488 | if (Array.isArray(event)) { | |
2489 | for (var i = 0, l = event.length; i < l; i++) { | |
2490 | this$1.$off(event[i], fn); | |
2491 | } | |
2492 | return vm | |
2493 | } | |
2494 | // specific event | |
2495 | var cbs = vm._events[event]; | |
2496 | if (!cbs) { | |
2497 | return vm | |
2498 | } | |
2499 | if (!fn) { | |
2500 | vm._events[event] = null; | |
2501 | return vm | |
2502 | } | |
2503 | if (fn) { | |
2504 | // specific handler | |
2505 | var cb; | |
2506 | var i$1 = cbs.length; | |
2507 | while (i$1--) { | |
2508 | cb = cbs[i$1]; | |
2509 | if (cb === fn || cb.fn === fn) { | |
2510 | cbs.splice(i$1, 1); | |
2511 | break | |
2512 | } | |
2513 | } | |
2514 | } | |
2515 | return vm | |
2516 | }; | |
2517 | ||
2518 | Vue.prototype.$emit = function (event) { | |
2519 | var vm = this; | |
2520 | { | |
2521 | var lowerCaseEvent = event.toLowerCase(); | |
2522 | if (lowerCaseEvent !== event && vm._events[lowerCaseEvent]) { | |
2523 | tip( | |
2524 | "Event \"" + lowerCaseEvent + "\" is emitted in component " + | |
2525 | (formatComponentName(vm)) + " but the handler is registered for \"" + event + "\". " + | |
2526 | "Note that HTML attributes are case-insensitive and you cannot use " + | |
2527 | "v-on to listen to camelCase events when using in-DOM templates. " + | |
2528 | "You should probably use \"" + (hyphenate(event)) + "\" instead of \"" + event + "\"." | |
2529 | ); | |
2530 | } | |
2531 | } | |
2532 | var cbs = vm._events[event]; | |
2533 | if (cbs) { | |
2534 | cbs = cbs.length > 1 ? toArray(cbs) : cbs; | |
2535 | var args = toArray(arguments, 1); | |
2536 | for (var i = 0, l = cbs.length; i < l; i++) { | |
2537 | try { | |
2538 | cbs[i].apply(vm, args); | |
2539 | } catch (e) { | |
2540 | handleError(e, vm, ("event handler for \"" + event + "\"")); | |
2541 | } | |
2542 | } | |
2543 | } | |
2544 | return vm | |
2545 | }; | |
2546 | } | |
2547 | ||
2548 | /* */ | |
2549 | ||
2550 | ||
2551 | ||
2552 | /** | |
2553 | * Runtime helper for resolving raw children VNodes into a slot object. | |
2554 | */ | |
2555 | function resolveSlots ( | |
2556 | children, | |
2557 | context | |
2558 | ) { | |
2559 | var slots = {}; | |
2560 | if (!children) { | |
2561 | return slots | |
2562 | } | |
2563 | for (var i = 0, l = children.length; i < l; i++) { | |
2564 | var child = children[i]; | |
2565 | var data = child.data; | |
2566 | // remove slot attribute if the node is resolved as a Vue slot node | |
2567 | if (data && data.attrs && data.attrs.slot) { | |
2568 | delete data.attrs.slot; | |
2569 | } | |
2570 | // named slots should only be respected if the vnode was rendered in the | |
2571 | // same context. | |
2572 | if ((child.context === context || child.fnContext === context) && | |
2573 | data && data.slot != null | |
2574 | ) { | |
2575 | var name = data.slot; | |
2576 | var slot = (slots[name] || (slots[name] = [])); | |
2577 | if (child.tag === 'template') { | |
2578 | slot.push.apply(slot, child.children || []); | |
2579 | } else { | |
2580 | slot.push(child); | |
2581 | } | |
2582 | } else { | |
2583 | (slots.default || (slots.default = [])).push(child); | |
2584 | } | |
2585 | } | |
2586 | // ignore slots that contains only whitespace | |
2587 | for (var name$1 in slots) { | |
2588 | if (slots[name$1].every(isWhitespace)) { | |
2589 | delete slots[name$1]; | |
2590 | } | |
2591 | } | |
2592 | return slots | |
2593 | } | |
2594 | ||
2595 | function isWhitespace (node) { | |
2596 | return (node.isComment && !node.asyncFactory) || node.text === ' ' | |
2597 | } | |
2598 | ||
2599 | function resolveScopedSlots ( | |
2600 | fns, // see flow/vnode | |
2601 | res | |
2602 | ) { | |
2603 | res = res || {}; | |
2604 | for (var i = 0; i < fns.length; i++) { | |
2605 | if (Array.isArray(fns[i])) { | |
2606 | resolveScopedSlots(fns[i], res); | |
2607 | } else { | |
2608 | res[fns[i].key] = fns[i].fn; | |
2609 | } | |
2610 | } | |
2611 | return res | |
2612 | } | |
2613 | ||
2614 | /* */ | |
2615 | ||
2616 | var activeInstance = null; | |
2617 | var isUpdatingChildComponent = false; | |
2618 | ||
2619 | function initLifecycle (vm) { | |
2620 | var options = vm.$options; | |
2621 | ||
2622 | // locate first non-abstract parent | |
2623 | var parent = options.parent; | |
2624 | if (parent && !options.abstract) { | |
2625 | while (parent.$options.abstract && parent.$parent) { | |
2626 | parent = parent.$parent; | |
2627 | } | |
2628 | parent.$children.push(vm); | |
2629 | } | |
2630 | ||
2631 | vm.$parent = parent; | |
2632 | vm.$root = parent ? parent.$root : vm; | |
2633 | ||
2634 | vm.$children = []; | |
2635 | vm.$refs = {}; | |
2636 | ||
2637 | vm._watcher = null; | |
2638 | vm._inactive = null; | |
2639 | vm._directInactive = false; | |
2640 | vm._isMounted = false; | |
2641 | vm._isDestroyed = false; | |
2642 | vm._isBeingDestroyed = false; | |
2643 | } | |
2644 | ||
2645 | function lifecycleMixin (Vue) { | |
2646 | Vue.prototype._update = function (vnode, hydrating) { | |
2647 | var vm = this; | |
2648 | if (vm._isMounted) { | |
2649 | callHook(vm, 'beforeUpdate'); | |
2650 | } | |
2651 | var prevEl = vm.$el; | |
2652 | var prevVnode = vm._vnode; | |
2653 | var prevActiveInstance = activeInstance; | |
2654 | activeInstance = vm; | |
2655 | vm._vnode = vnode; | |
2656 | // Vue.prototype.__patch__ is injected in entry points | |
2657 | // based on the rendering backend used. | |
2658 | if (!prevVnode) { | |
2659 | // initial render | |
2660 | vm.$el = vm.__patch__( | |
2661 | vm.$el, vnode, hydrating, false /* removeOnly */, | |
2662 | vm.$options._parentElm, | |
2663 | vm.$options._refElm | |
2664 | ); | |
2665 | // no need for the ref nodes after initial patch | |
2666 | // this prevents keeping a detached DOM tree in memory (#5851) | |
2667 | vm.$options._parentElm = vm.$options._refElm = null; | |
2668 | } else { | |
2669 | // updates | |
2670 | vm.$el = vm.__patch__(prevVnode, vnode); | |
2671 | } | |
2672 | activeInstance = prevActiveInstance; | |
2673 | // update __vue__ reference | |
2674 | if (prevEl) { | |
2675 | prevEl.__vue__ = null; | |
2676 | } | |
2677 | if (vm.$el) { | |
2678 | vm.$el.__vue__ = vm; | |
2679 | } | |
2680 | // if parent is an HOC, update its $el as well | |
2681 | if (vm.$vnode && vm.$parent && vm.$vnode === vm.$parent._vnode) { | |
2682 | vm.$parent.$el = vm.$el; | |
2683 | } | |
2684 | // updated hook is called by the scheduler to ensure that children are | |
2685 | // updated in a parent's updated hook. | |
2686 | }; | |
2687 | ||
2688 | Vue.prototype.$forceUpdate = function () { | |
2689 | var vm = this; | |
2690 | if (vm._watcher) { | |
2691 | vm._watcher.update(); | |
2692 | } | |
2693 | }; | |
2694 | ||
2695 | Vue.prototype.$destroy = function () { | |
2696 | var vm = this; | |
2697 | if (vm._isBeingDestroyed) { | |
2698 | return | |
2699 | } | |
2700 | callHook(vm, 'beforeDestroy'); | |
2701 | vm._isBeingDestroyed = true; | |
2702 | // remove self from parent | |
2703 | var parent = vm.$parent; | |
2704 | if (parent && !parent._isBeingDestroyed && !vm.$options.abstract) { | |
2705 | remove(parent.$children, vm); | |
2706 | } | |
2707 | // teardown watchers | |
2708 | if (vm._watcher) { | |
2709 | vm._watcher.teardown(); | |
2710 | } | |
2711 | var i = vm._watchers.length; | |
2712 | while (i--) { | |
2713 | vm._watchers[i].teardown(); | |
2714 | } | |
2715 | // remove reference from data ob | |
2716 | // frozen object may not have observer. | |
2717 | if (vm._data.__ob__) { | |
2718 | vm._data.__ob__.vmCount--; | |
2719 | } | |
2720 | // call the last hook... | |
2721 | vm._isDestroyed = true; | |
2722 | // invoke destroy hooks on current rendered tree | |
2723 | vm.__patch__(vm._vnode, null); | |
2724 | // fire destroyed hook | |
2725 | callHook(vm, 'destroyed'); | |
2726 | // turn off all instance listeners. | |
2727 | vm.$off(); | |
2728 | // remove __vue__ reference | |
2729 | if (vm.$el) { | |
2730 | vm.$el.__vue__ = null; | |
2731 | } | |
2732 | // release circular reference (#6759) | |
2733 | if (vm.$vnode) { | |
2734 | vm.$vnode.parent = null; | |
2735 | } | |
2736 | }; | |
2737 | } | |
2738 | ||
2739 | function mountComponent ( | |
2740 | vm, | |
2741 | el, | |
2742 | hydrating | |
2743 | ) { | |
2744 | vm.$el = el; | |
2745 | if (!vm.$options.render) { | |
2746 | vm.$options.render = createEmptyVNode; | |
2747 | { | |
2748 | /* istanbul ignore if */ | |
2749 | if ((vm.$options.template && vm.$options.template.charAt(0) !== '#') || | |
2750 | vm.$options.el || el) { | |
2751 | warn( | |
2752 | 'You are using the runtime-only build of Vue where the template ' + | |
2753 | 'compiler is not available. Either pre-compile the templates into ' + | |
2754 | 'render functions, or use the compiler-included build.', | |
2755 | vm | |
2756 | ); | |
2757 | } else { | |
2758 | warn( | |
2759 | 'Failed to mount component: template or render function not defined.', | |
2760 | vm | |
2761 | ); | |
2762 | } | |
2763 | } | |
2764 | } | |
2765 | callHook(vm, 'beforeMount'); | |
2766 | ||
2767 | var updateComponent; | |
2768 | /* istanbul ignore if */ | |
2769 | if ("development" !== 'production' && config.performance && mark) { | |
2770 | updateComponent = function () { | |
2771 | var name = vm._name; | |
2772 | var id = vm._uid; | |
2773 | var startTag = "vue-perf-start:" + id; | |
2774 | var endTag = "vue-perf-end:" + id; | |
2775 | ||
2776 | mark(startTag); | |
2777 | var vnode = vm._render(); | |
2778 | mark(endTag); | |
2779 | measure(("vue " + name + " render"), startTag, endTag); | |
2780 | ||
2781 | mark(startTag); | |
2782 | vm._update(vnode, hydrating); | |
2783 | mark(endTag); | |
2784 | measure(("vue " + name + " patch"), startTag, endTag); | |
2785 | }; | |
2786 | } else { | |
2787 | updateComponent = function () { | |
2788 | vm._update(vm._render(), hydrating); | |
2789 | }; | |
2790 | } | |
2791 | ||
2792 | // we set this to vm._watcher inside the watcher's constructor | |
2793 | // since the watcher's initial patch may call $forceUpdate (e.g. inside child | |
2794 | // component's mounted hook), which relies on vm._watcher being already defined | |
2795 | new Watcher(vm, updateComponent, noop, null, true /* isRenderWatcher */); | |
2796 | hydrating = false; | |
2797 | ||
2798 | // manually mounted instance, call mounted on self | |
2799 | // mounted is called for render-created child components in its inserted hook | |
2800 | if (vm.$vnode == null) { | |
2801 | vm._isMounted = true; | |
2802 | callHook(vm, 'mounted'); | |
2803 | } | |
2804 | return vm | |
2805 | } | |
2806 | ||
2807 | function updateChildComponent ( | |
2808 | vm, | |
2809 | propsData, | |
2810 | listeners, | |
2811 | parentVnode, | |
2812 | renderChildren | |
2813 | ) { | |
2814 | { | |
2815 | isUpdatingChildComponent = true; | |
2816 | } | |
2817 | ||
2818 | // determine whether component has slot children | |
2819 | // we need to do this before overwriting $options._renderChildren | |
2820 | var hasChildren = !!( | |
2821 | renderChildren || // has new static slots | |
2822 | vm.$options._renderChildren || // has old static slots | |
2823 | parentVnode.data.scopedSlots || // has new scoped slots | |
2824 | vm.$scopedSlots !== emptyObject // has old scoped slots | |
2825 | ); | |
2826 | ||
2827 | vm.$options._parentVnode = parentVnode; | |
2828 | vm.$vnode = parentVnode; // update vm's placeholder node without re-render | |
2829 | ||
2830 | if (vm._vnode) { // update child tree's parent | |
2831 | vm._vnode.parent = parentVnode; | |
2832 | } | |
2833 | vm.$options._renderChildren = renderChildren; | |
2834 | ||
2835 | // update $attrs and $listeners hash | |
2836 | // these are also reactive so they may trigger child update if the child | |
2837 | // used them during render | |
2838 | vm.$attrs = parentVnode.data.attrs || emptyObject; | |
2839 | vm.$listeners = listeners || emptyObject; | |
2840 | ||
2841 | // update props | |
2842 | if (propsData && vm.$options.props) { | |
2843 | toggleObserving(false); | |
2844 | var props = vm._props; | |
2845 | var propKeys = vm.$options._propKeys || []; | |
2846 | for (var i = 0; i < propKeys.length; i++) { | |
2847 | var key = propKeys[i]; | |
2848 | var propOptions = vm.$options.props; // wtf flow? | |
2849 | props[key] = validateProp(key, propOptions, propsData, vm); | |
2850 | } | |
2851 | toggleObserving(true); | |
2852 | // keep a copy of raw propsData | |
2853 | vm.$options.propsData = propsData; | |
2854 | } | |
2855 | ||
2856 | // update listeners | |
2857 | listeners = listeners || emptyObject; | |
2858 | var oldListeners = vm.$options._parentListeners; | |
2859 | vm.$options._parentListeners = listeners; | |
2860 | updateComponentListeners(vm, listeners, oldListeners); | |
2861 | ||
2862 | // resolve slots + force update if has children | |
2863 | if (hasChildren) { | |
2864 | vm.$slots = resolveSlots(renderChildren, parentVnode.context); | |
2865 | vm.$forceUpdate(); | |
2866 | } | |
2867 | ||
2868 | { | |
2869 | isUpdatingChildComponent = false; | |
2870 | } | |
2871 | } | |
2872 | ||
2873 | function isInInactiveTree (vm) { | |
2874 | while (vm && (vm = vm.$parent)) { | |
2875 | if (vm._inactive) { return true } | |
2876 | } | |
2877 | return false | |
2878 | } | |
2879 | ||
2880 | function activateChildComponent (vm, direct) { | |
2881 | if (direct) { | |
2882 | vm._directInactive = false; | |
2883 | if (isInInactiveTree(vm)) { | |
2884 | return | |
2885 | } | |
2886 | } else if (vm._directInactive) { | |
2887 | return | |
2888 | } | |
2889 | if (vm._inactive || vm._inactive === null) { | |
2890 | vm._inactive = false; | |
2891 | for (var i = 0; i < vm.$children.length; i++) { | |
2892 | activateChildComponent(vm.$children[i]); | |
2893 | } | |
2894 | callHook(vm, 'activated'); | |
2895 | } | |
2896 | } | |
2897 | ||
2898 | function deactivateChildComponent (vm, direct) { | |
2899 | if (direct) { | |
2900 | vm._directInactive = true; | |
2901 | if (isInInactiveTree(vm)) { | |
2902 | return | |
2903 | } | |
2904 | } | |
2905 | if (!vm._inactive) { | |
2906 | vm._inactive = true; | |
2907 | for (var i = 0; i < vm.$children.length; i++) { | |
2908 | deactivateChildComponent(vm.$children[i]); | |
2909 | } | |
2910 | callHook(vm, 'deactivated'); | |
2911 | } | |
2912 | } | |
2913 | ||
2914 | function callHook (vm, hook) { | |
2915 | // #7573 disable dep collection when invoking lifecycle hooks | |
2916 | pushTarget(); | |
2917 | var handlers = vm.$options[hook]; | |
2918 | if (handlers) { | |
2919 | for (var i = 0, j = handlers.length; i < j; i++) { | |
2920 | try { | |
2921 | handlers[i].call(vm); | |
2922 | } catch (e) { | |
2923 | handleError(e, vm, (hook + " hook")); | |
2924 | } | |
2925 | } | |
2926 | } | |
2927 | if (vm._hasHookEvent) { | |
2928 | vm.$emit('hook:' + hook); | |
2929 | } | |
2930 | popTarget(); | |
2931 | } | |
2932 | ||
2933 | /* */ | |
2934 | ||
2935 | ||
2936 | var MAX_UPDATE_COUNT = 100; | |
2937 | ||
2938 | var queue = []; | |
2939 | var activatedChildren = []; | |
2940 | var has = {}; | |
2941 | var circular = {}; | |
2942 | var waiting = false; | |
2943 | var flushing = false; | |
2944 | var index = 0; | |
2945 | ||
2946 | /** | |
2947 | * Reset the scheduler's state. | |
2948 | */ | |
2949 | function resetSchedulerState () { | |
2950 | index = queue.length = activatedChildren.length = 0; | |
2951 | has = {}; | |
2952 | { | |
2953 | circular = {}; | |
2954 | } | |
2955 | waiting = flushing = false; | |
2956 | } | |
2957 | ||
2958 | /** | |
2959 | * Flush both queues and run the watchers. | |
2960 | */ | |
2961 | function flushSchedulerQueue () { | |
2962 | flushing = true; | |
2963 | var watcher, id; | |
2964 | ||
2965 | // Sort queue before flush. | |
2966 | // This ensures that: | |
2967 | // 1. Components are updated from parent to child. (because parent is always | |
2968 | // created before the child) | |
2969 | // 2. A component's user watchers are run before its render watcher (because | |
2970 | // user watchers are created before the render watcher) | |
2971 | // 3. If a component is destroyed during a parent component's watcher run, | |
2972 | // its watchers can be skipped. | |
2973 | queue.sort(function (a, b) { return a.id - b.id; }); | |
2974 | ||
2975 | // do not cache length because more watchers might be pushed | |
2976 | // as we run existing watchers | |
2977 | for (index = 0; index < queue.length; index++) { | |
2978 | watcher = queue[index]; | |
2979 | id = watcher.id; | |
2980 | has[id] = null; | |
2981 | watcher.run(); | |
2982 | // in dev build, check and stop circular updates. | |
2983 | if ("development" !== 'production' && has[id] != null) { | |
2984 | circular[id] = (circular[id] || 0) + 1; | |
2985 | if (circular[id] > MAX_UPDATE_COUNT) { | |
2986 | warn( | |
2987 | 'You may have an infinite update loop ' + ( | |
2988 | watcher.user | |
2989 | ? ("in watcher with expression \"" + (watcher.expression) + "\"") | |
2990 | : "in a component render function." | |
2991 | ), | |
2992 | watcher.vm | |
2993 | ); | |
2994 | break | |
2995 | } | |
2996 | } | |
2997 | } | |
2998 | ||
2999 | // keep copies of post queues before resetting state | |
3000 | var activatedQueue = activatedChildren.slice(); | |
3001 | var updatedQueue = queue.slice(); | |
3002 | ||
3003 | resetSchedulerState(); | |
3004 | ||
3005 | // call component updated and activated hooks | |
3006 | callActivatedHooks(activatedQueue); | |
3007 | callUpdatedHooks(updatedQueue); | |
3008 | ||
3009 | // devtool hook | |
3010 | /* istanbul ignore if */ | |
3011 | if (devtools && config.devtools) { | |
3012 | devtools.emit('flush'); | |
3013 | } | |
3014 | } | |
3015 | ||
3016 | function callUpdatedHooks (queue) { | |
3017 | var i = queue.length; | |
3018 | while (i--) { | |
3019 | var watcher = queue[i]; | |
3020 | var vm = watcher.vm; | |
3021 | if (vm._watcher === watcher && vm._isMounted) { | |
3022 | callHook(vm, 'updated'); | |
3023 | } | |
3024 | } | |
3025 | } | |
3026 | ||
3027 | /** | |
3028 | * Queue a kept-alive component that was activated during patch. | |
3029 | * The queue will be processed after the entire tree has been patched. | |
3030 | */ | |
3031 | function queueActivatedComponent (vm) { | |
3032 | // setting _inactive to false here so that a render function can | |
3033 | // rely on checking whether it's in an inactive tree (e.g. router-view) | |
3034 | vm._inactive = false; | |
3035 | activatedChildren.push(vm); | |
3036 | } | |
3037 | ||
3038 | function callActivatedHooks (queue) { | |
3039 | for (var i = 0; i < queue.length; i++) { | |
3040 | queue[i]._inactive = true; | |
3041 | activateChildComponent(queue[i], true /* true */); | |
3042 | } | |
3043 | } | |
3044 | ||
3045 | /** | |
3046 | * Push a watcher into the watcher queue. | |
3047 | * Jobs with duplicate IDs will be skipped unless it's | |
3048 | * pushed when the queue is being flushed. | |
3049 | */ | |
3050 | function queueWatcher (watcher) { | |
3051 | var id = watcher.id; | |
3052 | if (has[id] == null) { | |
3053 | has[id] = true; | |
3054 | if (!flushing) { | |
3055 | queue.push(watcher); | |
3056 | } else { | |
3057 | // if already flushing, splice the watcher based on its id | |
3058 | // if already past its id, it will be run next immediately. | |
3059 | var i = queue.length - 1; | |
3060 | while (i > index && queue[i].id > watcher.id) { | |
3061 | i--; | |
3062 | } | |
3063 | queue.splice(i + 1, 0, watcher); | |
3064 | } | |
3065 | // queue the flush | |
3066 | if (!waiting) { | |
3067 | waiting = true; | |
3068 | nextTick(flushSchedulerQueue); | |
3069 | } | |
3070 | } | |
3071 | } | |
3072 | ||
3073 | /* */ | |
3074 | ||
3075 | var uid$1 = 0; | |
3076 | ||
3077 | /** | |
3078 | * A watcher parses an expression, collects dependencies, | |
3079 | * and fires callback when the expression value changes. | |
3080 | * This is used for both the $watch() api and directives. | |
3081 | */ | |
3082 | var Watcher = function Watcher ( | |
3083 | vm, | |
3084 | expOrFn, | |
3085 | cb, | |
3086 | options, | |
3087 | isRenderWatcher | |
3088 | ) { | |
3089 | this.vm = vm; | |
3090 | if (isRenderWatcher) { | |
3091 | vm._watcher = this; | |
3092 | } | |
3093 | vm._watchers.push(this); | |
3094 | // options | |
3095 | if (options) { | |
3096 | this.deep = !!options.deep; | |
3097 | this.user = !!options.user; | |
3098 | this.lazy = !!options.lazy; | |
3099 | this.sync = !!options.sync; | |
3100 | } else { | |
3101 | this.deep = this.user = this.lazy = this.sync = false; | |
3102 | } | |
3103 | this.cb = cb; | |
3104 | this.id = ++uid$1; // uid for batching | |
3105 | this.active = true; | |
3106 | this.dirty = this.lazy; // for lazy watchers | |
3107 | this.deps = []; | |
3108 | this.newDeps = []; | |
3109 | this.depIds = new _Set(); | |
3110 | this.newDepIds = new _Set(); | |
3111 | this.expression = expOrFn.toString(); | |
3112 | // parse expression for getter | |
3113 | if (typeof expOrFn === 'function') { | |
3114 | this.getter = expOrFn; | |
3115 | } else { | |
3116 | this.getter = parsePath(expOrFn); | |
3117 | if (!this.getter) { | |
3118 | this.getter = function () {}; | |
3119 | "development" !== 'production' && warn( | |
3120 | "Failed watching path: \"" + expOrFn + "\" " + | |
3121 | 'Watcher only accepts simple dot-delimited paths. ' + | |
3122 | 'For full control, use a function instead.', | |
3123 | vm | |
3124 | ); | |
3125 | } | |
3126 | } | |
3127 | this.value = this.lazy | |
3128 | ? undefined | |
3129 | : this.get(); | |
3130 | }; | |
3131 | ||
3132 | /** | |
3133 | * Evaluate the getter, and re-collect dependencies. | |
3134 | */ | |
3135 | Watcher.prototype.get = function get () { | |
3136 | pushTarget(this); | |
3137 | var value; | |
3138 | var vm = this.vm; | |
3139 | try { | |
3140 | value = this.getter.call(vm, vm); | |
3141 | } catch (e) { | |
3142 | if (this.user) { | |
3143 | handleError(e, vm, ("getter for watcher \"" + (this.expression) + "\"")); | |
3144 | } else { | |
3145 | throw e | |
3146 | } | |
3147 | } finally { | |
3148 | // "touch" every property so they are all tracked as | |
3149 | // dependencies for deep watching | |
3150 | if (this.deep) { | |
3151 | traverse(value); | |
3152 | } | |
3153 | popTarget(); | |
3154 | this.cleanupDeps(); | |
3155 | } | |
3156 | return value | |
3157 | }; | |
3158 | ||
3159 | /** | |
3160 | * Add a dependency to this directive. | |
3161 | */ | |
3162 | Watcher.prototype.addDep = function addDep (dep) { | |
3163 | var id = dep.id; | |
3164 | if (!this.newDepIds.has(id)) { | |
3165 | this.newDepIds.add(id); | |
3166 | this.newDeps.push(dep); | |
3167 | if (!this.depIds.has(id)) { | |
3168 | dep.addSub(this); | |
3169 | } | |
3170 | } | |
3171 | }; | |
3172 | ||
3173 | /** | |
3174 | * Clean up for dependency collection. | |
3175 | */ | |
3176 | Watcher.prototype.cleanupDeps = function cleanupDeps () { | |
3177 | var this$1 = this; | |
3178 | ||
3179 | var i = this.deps.length; | |
3180 | while (i--) { | |
3181 | var dep = this$1.deps[i]; | |
3182 | if (!this$1.newDepIds.has(dep.id)) { | |
3183 | dep.removeSub(this$1); | |
3184 | } | |
3185 | } | |
3186 | var tmp = this.depIds; | |
3187 | this.depIds = this.newDepIds; | |
3188 | this.newDepIds = tmp; | |
3189 | this.newDepIds.clear(); | |
3190 | tmp = this.deps; | |
3191 | this.deps = this.newDeps; | |
3192 | this.newDeps = tmp; | |
3193 | this.newDeps.length = 0; | |
3194 | }; | |
3195 | ||
3196 | /** | |
3197 | * Subscriber interface. | |
3198 | * Will be called when a dependency changes. | |
3199 | */ | |
3200 | Watcher.prototype.update = function update () { | |
3201 | /* istanbul ignore else */ | |
3202 | if (this.lazy) { | |
3203 | this.dirty = true; | |
3204 | } else if (this.sync) { | |
3205 | this.run(); | |
3206 | } else { | |
3207 | queueWatcher(this); | |
3208 | } | |
3209 | }; | |
3210 | ||
3211 | /** | |
3212 | * Scheduler job interface. | |
3213 | * Will be called by the scheduler. | |
3214 | */ | |
3215 | Watcher.prototype.run = function run () { | |
3216 | if (this.active) { | |
3217 | var value = this.get(); | |
3218 | if ( | |
3219 | value !== this.value || | |
3220 | // Deep watchers and watchers on Object/Arrays should fire even | |
3221 | // when the value is the same, because the value may | |
3222 | // have mutated. | |
3223 | isObject(value) || | |
3224 | this.deep | |
3225 | ) { | |
3226 | // set new value | |
3227 | var oldValue = this.value; | |
3228 | this.value = value; | |
3229 | if (this.user) { | |
3230 | try { | |
3231 | this.cb.call(this.vm, value, oldValue); | |
3232 | } catch (e) { | |
3233 | handleError(e, this.vm, ("callback for watcher \"" + (this.expression) + "\"")); | |
3234 | } | |
3235 | } else { | |
3236 | this.cb.call(this.vm, value, oldValue); | |
3237 | } | |
3238 | } | |
3239 | } | |
3240 | }; | |
3241 | ||
3242 | /** | |
3243 | * Evaluate the value of the watcher. | |
3244 | * This only gets called for lazy watchers. | |
3245 | */ | |
3246 | Watcher.prototype.evaluate = function evaluate () { | |
3247 | this.value = this.get(); | |
3248 | this.dirty = false; | |
3249 | }; | |
3250 | ||
3251 | /** | |
3252 | * Depend on all deps collected by this watcher. | |
3253 | */ | |
3254 | Watcher.prototype.depend = function depend () { | |
3255 | var this$1 = this; | |
3256 | ||
3257 | var i = this.deps.length; | |
3258 | while (i--) { | |
3259 | this$1.deps[i].depend(); | |
3260 | } | |
3261 | }; | |
3262 | ||
3263 | /** | |
3264 | * Remove self from all dependencies' subscriber list. | |
3265 | */ | |
3266 | Watcher.prototype.teardown = function teardown () { | |
3267 | var this$1 = this; | |
3268 | ||
3269 | if (this.active) { | |
3270 | // remove self from vm's watcher list | |
3271 | // this is a somewhat expensive operation so we skip it | |
3272 | // if the vm is being destroyed. | |
3273 | if (!this.vm._isBeingDestroyed) { | |
3274 | remove(this.vm._watchers, this); | |
3275 | } | |
3276 | var i = this.deps.length; | |
3277 | while (i--) { | |
3278 | this$1.deps[i].removeSub(this$1); | |
3279 | } | |
3280 | this.active = false; | |
3281 | } | |
3282 | }; | |
3283 | ||
3284 | /* */ | |
3285 | ||
3286 | var sharedPropertyDefinition = { | |
3287 | enumerable: true, | |
3288 | configurable: true, | |
3289 | get: noop, | |
3290 | set: noop | |
3291 | }; | |
3292 | ||
3293 | function proxy (target, sourceKey, key) { | |
3294 | sharedPropertyDefinition.get = function proxyGetter () { | |
3295 | return this[sourceKey][key] | |
3296 | }; | |
3297 | sharedPropertyDefinition.set = function proxySetter (val) { | |
3298 | this[sourceKey][key] = val; | |
3299 | }; | |
3300 | Object.defineProperty(target, key, sharedPropertyDefinition); | |
3301 | } | |
3302 | ||
3303 | function initState (vm) { | |
3304 | vm._watchers = []; | |
3305 | var opts = vm.$options; | |
3306 | if (opts.props) { initProps(vm, opts.props); } | |
3307 | if (opts.methods) { initMethods(vm, opts.methods); } | |
3308 | if (opts.data) { | |
3309 | initData(vm); | |
3310 | } else { | |
3311 | observe(vm._data = {}, true /* asRootData */); | |
3312 | } | |
3313 | if (opts.computed) { initComputed(vm, opts.computed); } | |
3314 | if (opts.watch && opts.watch !== nativeWatch) { | |
3315 | initWatch(vm, opts.watch); | |
3316 | } | |
3317 | } | |
3318 | ||
3319 | function initProps (vm, propsOptions) { | |
3320 | var propsData = vm.$options.propsData || {}; | |
3321 | var props = vm._props = {}; | |
3322 | // cache prop keys so that future props updates can iterate using Array | |
3323 | // instead of dynamic object key enumeration. | |
3324 | var keys = vm.$options._propKeys = []; | |
3325 | var isRoot = !vm.$parent; | |
3326 | // root instance props should be converted | |
3327 | if (!isRoot) { | |
3328 | toggleObserving(false); | |
3329 | } | |
3330 | var loop = function ( key ) { | |
3331 | keys.push(key); | |
3332 | var value = validateProp(key, propsOptions, propsData, vm); | |
3333 | /* istanbul ignore else */ | |
3334 | { | |
3335 | var hyphenatedKey = hyphenate(key); | |
3336 | if (isReservedAttribute(hyphenatedKey) || | |
3337 | config.isReservedAttr(hyphenatedKey)) { | |
3338 | warn( | |
3339 | ("\"" + hyphenatedKey + "\" is a reserved attribute and cannot be used as component prop."), | |
3340 | vm | |
3341 | ); | |
3342 | } | |
3343 | defineReactive(props, key, value, function () { | |
3344 | if (vm.$parent && !isUpdatingChildComponent) { | |
3345 | warn( | |
3346 | "Avoid mutating a prop directly since the value will be " + | |
3347 | "overwritten whenever the parent component re-renders. " + | |
3348 | "Instead, use a data or computed property based on the prop's " + | |
3349 | "value. Prop being mutated: \"" + key + "\"", | |
3350 | vm | |
3351 | ); | |
3352 | } | |
3353 | }); | |
3354 | } | |
3355 | // static props are already proxied on the component's prototype | |
3356 | // during Vue.extend(). We only need to proxy props defined at | |
3357 | // instantiation here. | |
3358 | if (!(key in vm)) { | |
3359 | proxy(vm, "_props", key); | |
3360 | } | |
3361 | }; | |
3362 | ||
3363 | for (var key in propsOptions) loop( key ); | |
3364 | toggleObserving(true); | |
3365 | } | |
3366 | ||
3367 | function initData (vm) { | |
3368 | var data = vm.$options.data; | |
3369 | data = vm._data = typeof data === 'function' | |
3370 | ? getData(data, vm) | |
3371 | : data || {}; | |
3372 | if (!isPlainObject(data)) { | |
3373 | data = {}; | |
3374 | "development" !== 'production' && warn( | |
3375 | 'data functions should return an object:\n' + | |
3376 | 'https://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function', | |
3377 | vm | |
3378 | ); | |
3379 | } | |
3380 | // proxy data on instance | |
3381 | var keys = Object.keys(data); | |
3382 | var props = vm.$options.props; | |
3383 | var methods = vm.$options.methods; | |
3384 | var i = keys.length; | |
3385 | while (i--) { | |
3386 | var key = keys[i]; | |
3387 | { | |
3388 | if (methods && hasOwn(methods, key)) { | |
3389 | warn( | |
3390 | ("Method \"" + key + "\" has already been defined as a data property."), | |
3391 | vm | |
3392 | ); | |
3393 | } | |
3394 | } | |
3395 | if (props && hasOwn(props, key)) { | |
3396 | "development" !== 'production' && warn( | |
3397 | "The data property \"" + key + "\" is already declared as a prop. " + | |
3398 | "Use prop default value instead.", | |
3399 | vm | |
3400 | ); | |
3401 | } else if (!isReserved(key)) { | |
3402 | proxy(vm, "_data", key); | |
3403 | } | |
3404 | } | |
3405 | // observe data | |
3406 | observe(data, true /* asRootData */); | |
3407 | } | |
3408 | ||
3409 | function getData (data, vm) { | |
3410 | // #7573 disable dep collection when invoking data getters | |
3411 | pushTarget(); | |
3412 | try { | |
3413 | return data.call(vm, vm) | |
3414 | } catch (e) { | |
3415 | handleError(e, vm, "data()"); | |
3416 | return {} | |
3417 | } finally { | |
3418 | popTarget(); | |
3419 | } | |
3420 | } | |
3421 | ||
3422 | var computedWatcherOptions = { lazy: true }; | |
3423 | ||
3424 | function initComputed (vm, computed) { | |
3425 | // $flow-disable-line | |
3426 | var watchers = vm._computedWatchers = Object.create(null); | |
3427 | // computed properties are just getters during SSR | |
3428 | var isSSR = isServerRendering(); | |
3429 | ||
3430 | for (var key in computed) { | |
3431 | var userDef = computed[key]; | |
3432 | var getter = typeof userDef === 'function' ? userDef : userDef.get; | |
3433 | if ("development" !== 'production' && getter == null) { | |
3434 | warn( | |
3435 | ("Getter is missing for computed property \"" + key + "\"."), | |
3436 | vm | |
3437 | ); | |
3438 | } | |
3439 | ||
3440 | if (!isSSR) { | |
3441 | // create internal watcher for the computed property. | |
3442 | watchers[key] = new Watcher( | |
3443 | vm, | |
3444 | getter || noop, | |
3445 | noop, | |
3446 | computedWatcherOptions | |
3447 | ); | |
3448 | } | |
3449 | ||
3450 | // component-defined computed properties are already defined on the | |
3451 | // component prototype. We only need to define computed properties defined | |
3452 | // at instantiation here. | |
3453 | if (!(key in vm)) { | |
3454 | defineComputed(vm, key, userDef); | |
3455 | } else { | |
3456 | if (key in vm.$data) { | |
3457 | warn(("The computed property \"" + key + "\" is already defined in data."), vm); | |
3458 | } else if (vm.$options.props && key in vm.$options.props) { | |
3459 | warn(("The computed property \"" + key + "\" is already defined as a prop."), vm); | |
3460 | } | |
3461 | } | |
3462 | } | |
3463 | } | |
3464 | ||
3465 | function defineComputed ( | |
3466 | target, | |
3467 | key, | |
3468 | userDef | |
3469 | ) { | |
3470 | var shouldCache = !isServerRendering(); | |
3471 | if (typeof userDef === 'function') { | |
3472 | sharedPropertyDefinition.get = shouldCache | |
3473 | ? createComputedGetter(key) | |
3474 | : userDef; | |
3475 | sharedPropertyDefinition.set = noop; | |
3476 | } else { | |
3477 | sharedPropertyDefinition.get = userDef.get | |
3478 | ? shouldCache && userDef.cache !== false | |
3479 | ? createComputedGetter(key) | |
3480 | : userDef.get | |
3481 | : noop; | |
3482 | sharedPropertyDefinition.set = userDef.set | |
3483 | ? userDef.set | |
3484 | : noop; | |
3485 | } | |
3486 | if ("development" !== 'production' && | |
3487 | sharedPropertyDefinition.set === noop) { | |
3488 | sharedPropertyDefinition.set = function () { | |
3489 | warn( | |
3490 | ("Computed property \"" + key + "\" was assigned to but it has no setter."), | |
3491 | this | |
3492 | ); | |
3493 | }; | |
3494 | } | |
3495 | Object.defineProperty(target, key, sharedPropertyDefinition); | |
3496 | } | |
3497 | ||
3498 | function createComputedGetter (key) { | |
3499 | return function computedGetter () { | |
3500 | var watcher = this._computedWatchers && this._computedWatchers[key]; | |
3501 | if (watcher) { | |
3502 | if (watcher.dirty) { | |
3503 | watcher.evaluate(); | |
3504 | } | |
3505 | if (Dep.target) { | |
3506 | watcher.depend(); | |
3507 | } | |
3508 | return watcher.value | |
3509 | } | |
3510 | } | |
3511 | } | |
3512 | ||
3513 | function initMethods (vm, methods) { | |
3514 | var props = vm.$options.props; | |
3515 | for (var key in methods) { | |
3516 | { | |
3517 | if (methods[key] == null) { | |
3518 | warn( | |
3519 | "Method \"" + key + "\" has an undefined value in the component definition. " + | |
3520 | "Did you reference the function correctly?", | |
3521 | vm | |
3522 | ); | |
3523 | } | |
3524 | if (props && hasOwn(props, key)) { | |
3525 | warn( | |
3526 | ("Method \"" + key + "\" has already been defined as a prop."), | |
3527 | vm | |
3528 | ); | |
3529 | } | |
3530 | if ((key in vm) && isReserved(key)) { | |
3531 | warn( | |
3532 | "Method \"" + key + "\" conflicts with an existing Vue instance method. " + | |
3533 | "Avoid defining component methods that start with _ or $." | |
3534 | ); | |
3535 | } | |
3536 | } | |
3537 | vm[key] = methods[key] == null ? noop : bind(methods[key], vm); | |
3538 | } | |
3539 | } | |
3540 | ||
3541 | function initWatch (vm, watch) { | |
3542 | for (var key in watch) { | |
3543 | var handler = watch[key]; | |
3544 | if (Array.isArray(handler)) { | |
3545 | for (var i = 0; i < handler.length; i++) { | |
3546 | createWatcher(vm, key, handler[i]); | |
3547 | } | |
3548 | } else { | |
3549 | createWatcher(vm, key, handler); | |
3550 | } | |
3551 | } | |
3552 | } | |
3553 | ||
3554 | function createWatcher ( | |
3555 | vm, | |
3556 | expOrFn, | |
3557 | handler, | |
3558 | options | |
3559 | ) { | |
3560 | if (isPlainObject(handler)) { | |
3561 | options = handler; | |
3562 | handler = handler.handler; | |
3563 | } | |
3564 | if (typeof handler === 'string') { | |
3565 | handler = vm[handler]; | |
3566 | } | |
3567 | return vm.$watch(expOrFn, handler, options) | |
3568 | } | |
3569 | ||
3570 | function stateMixin (Vue) { | |
3571 | // flow somehow has problems with directly declared definition object | |
3572 | // when using Object.defineProperty, so we have to procedurally build up | |
3573 | // the object here. | |
3574 | var dataDef = {}; | |
3575 | dataDef.get = function () { return this._data }; | |
3576 | var propsDef = {}; | |
3577 | propsDef.get = function () { return this._props }; | |
3578 | { | |
3579 | dataDef.set = function (newData) { | |
3580 | warn( | |
3581 | 'Avoid replacing instance root $data. ' + | |
3582 | 'Use nested data properties instead.', | |
3583 | this | |
3584 | ); | |
3585 | }; | |
3586 | propsDef.set = function () { | |
3587 | warn("$props is readonly.", this); | |
3588 | }; | |
3589 | } | |
3590 | Object.defineProperty(Vue.prototype, '$data', dataDef); | |
3591 | Object.defineProperty(Vue.prototype, '$props', propsDef); | |
3592 | ||
3593 | Vue.prototype.$set = set; | |
3594 | Vue.prototype.$delete = del; | |
3595 | ||
3596 | Vue.prototype.$watch = function ( | |
3597 | expOrFn, | |
3598 | cb, | |
3599 | options | |
3600 | ) { | |
3601 | var vm = this; | |
3602 | if (isPlainObject(cb)) { | |
3603 | return createWatcher(vm, expOrFn, cb, options) | |
3604 | } | |
3605 | options = options || {}; | |
3606 | options.user = true; | |
3607 | var watcher = new Watcher(vm, expOrFn, cb, options); | |
3608 | if (options.immediate) { | |
3609 | cb.call(vm, watcher.value); | |
3610 | } | |
3611 | return function unwatchFn () { | |
3612 | watcher.teardown(); | |
3613 | } | |
3614 | }; | |
3615 | } | |
3616 | ||
3617 | /* */ | |
3618 | ||
3619 | function initProvide (vm) { | |
3620 | var provide = vm.$options.provide; | |
3621 | if (provide) { | |
3622 | vm._provided = typeof provide === 'function' | |
3623 | ? provide.call(vm) | |
3624 | : provide; | |
3625 | } | |
3626 | } | |
3627 | ||
3628 | function initInjections (vm) { | |
3629 | var result = resolveInject(vm.$options.inject, vm); | |
3630 | if (result) { | |
3631 | toggleObserving(false); | |
3632 | Object.keys(result).forEach(function (key) { | |
3633 | /* istanbul ignore else */ | |
3634 | { | |
3635 | defineReactive(vm, key, result[key], function () { | |
3636 | warn( | |
3637 | "Avoid mutating an injected value directly since the changes will be " + | |
3638 | "overwritten whenever the provided component re-renders. " + | |
3639 | "injection being mutated: \"" + key + "\"", | |
3640 | vm | |
3641 | ); | |
3642 | }); | |
3643 | } | |
3644 | }); | |
3645 | toggleObserving(true); | |
3646 | } | |
3647 | } | |
3648 | ||
3649 | function resolveInject (inject, vm) { | |
3650 | if (inject) { | |
3651 | // inject is :any because flow is not smart enough to figure out cached | |
3652 | var result = Object.create(null); | |
3653 | var keys = hasSymbol | |
3654 | ? Reflect.ownKeys(inject).filter(function (key) { | |
3655 | /* istanbul ignore next */ | |
3656 | return Object.getOwnPropertyDescriptor(inject, key).enumerable | |
3657 | }) | |
3658 | : Object.keys(inject); | |
3659 | ||
3660 | for (var i = 0; i < keys.length; i++) { | |
3661 | var key = keys[i]; | |
3662 | var provideKey = inject[key].from; | |
3663 | var source = vm; | |
3664 | while (source) { | |
3665 | if (source._provided && hasOwn(source._provided, provideKey)) { | |
3666 | result[key] = source._provided[provideKey]; | |
3667 | break | |
3668 | } | |
3669 | source = source.$parent; | |
3670 | } | |
3671 | if (!source) { | |
3672 | if ('default' in inject[key]) { | |
3673 | var provideDefault = inject[key].default; | |
3674 | result[key] = typeof provideDefault === 'function' | |
3675 | ? provideDefault.call(vm) | |
3676 | : provideDefault; | |
3677 | } else { | |
3678 | warn(("Injection \"" + key + "\" not found"), vm); | |
3679 | } | |
3680 | } | |
3681 | } | |
3682 | return result | |
3683 | } | |
3684 | } | |
3685 | ||
3686 | /* */ | |
3687 | ||
3688 | /** | |
3689 | * Runtime helper for rendering v-for lists. | |
3690 | */ | |
3691 | function renderList ( | |
3692 | val, | |
3693 | render | |
3694 | ) { | |
3695 | var ret, i, l, keys, key; | |
3696 | if (Array.isArray(val) || typeof val === 'string') { | |
3697 | ret = new Array(val.length); | |
3698 | for (i = 0, l = val.length; i < l; i++) { | |
3699 | ret[i] = render(val[i], i); | |
3700 | } | |
3701 | } else if (typeof val === 'number') { | |
3702 | ret = new Array(val); | |
3703 | for (i = 0; i < val; i++) { | |
3704 | ret[i] = render(i + 1, i); | |
3705 | } | |
3706 | } else if (isObject(val)) { | |
3707 | keys = Object.keys(val); | |
3708 | ret = new Array(keys.length); | |
3709 | for (i = 0, l = keys.length; i < l; i++) { | |
3710 | key = keys[i]; | |
3711 | ret[i] = render(val[key], key, i); | |
3712 | } | |
3713 | } | |
3714 | if (isDef(ret)) { | |
3715 | (ret)._isVList = true; | |
3716 | } | |
3717 | return ret | |
3718 | } | |
3719 | ||
3720 | /* */ | |
3721 | ||
3722 | /** | |
3723 | * Runtime helper for rendering <slot> | |
3724 | */ | |
3725 | function renderSlot ( | |
3726 | name, | |
3727 | fallback, | |
3728 | props, | |
3729 | bindObject | |
3730 | ) { | |
3731 | var scopedSlotFn = this.$scopedSlots[name]; | |
3732 | var nodes; | |
3733 | if (scopedSlotFn) { // scoped slot | |
3734 | props = props || {}; | |
3735 | if (bindObject) { | |
3736 | if ("development" !== 'production' && !isObject(bindObject)) { | |
3737 | warn( | |
3738 | 'slot v-bind without argument expects an Object', | |
3739 | this | |
3740 | ); | |
3741 | } | |
3742 | props = extend(extend({}, bindObject), props); | |
3743 | } | |
3744 | nodes = scopedSlotFn(props) || fallback; | |
3745 | } else { | |
3746 | var slotNodes = this.$slots[name]; | |
3747 | // warn duplicate slot usage | |
3748 | if (slotNodes) { | |
3749 | if ("development" !== 'production' && slotNodes._rendered) { | |
3750 | warn( | |
3751 | "Duplicate presence of slot \"" + name + "\" found in the same render tree " + | |
3752 | "- this will likely cause render errors.", | |
3753 | this | |
3754 | ); | |
3755 | } | |
3756 | slotNodes._rendered = true; | |
3757 | } | |
3758 | nodes = slotNodes || fallback; | |
3759 | } | |
3760 | ||
3761 | var target = props && props.slot; | |
3762 | if (target) { | |
3763 | return this.$createElement('template', { slot: target }, nodes) | |
3764 | } else { | |
3765 | return nodes | |
3766 | } | |
3767 | } | |
3768 | ||
3769 | /* */ | |
3770 | ||
3771 | /** | |
3772 | * Runtime helper for resolving filters | |
3773 | */ | |
3774 | function resolveFilter (id) { | |
3775 | return resolveAsset(this.$options, 'filters', id, true) || identity | |
3776 | } | |
3777 | ||
3778 | /* */ | |
3779 | ||
3780 | function isKeyNotMatch (expect, actual) { | |
3781 | if (Array.isArray(expect)) { | |
3782 | return expect.indexOf(actual) === -1 | |
3783 | } else { | |
3784 | return expect !== actual | |
3785 | } | |
3786 | } | |
3787 | ||
3788 | /** | |
3789 | * Runtime helper for checking keyCodes from config. | |
3790 | * exposed as Vue.prototype._k | |
3791 | * passing in eventKeyName as last argument separately for backwards compat | |
3792 | */ | |
3793 | function checkKeyCodes ( | |
3794 | eventKeyCode, | |
3795 | key, | |
3796 | builtInKeyCode, | |
3797 | eventKeyName, | |
3798 | builtInKeyName | |
3799 | ) { | |
3800 | var mappedKeyCode = config.keyCodes[key] || builtInKeyCode; | |
3801 | if (builtInKeyName && eventKeyName && !config.keyCodes[key]) { | |
3802 | return isKeyNotMatch(builtInKeyName, eventKeyName) | |
3803 | } else if (mappedKeyCode) { | |
3804 | return isKeyNotMatch(mappedKeyCode, eventKeyCode) | |
3805 | } else if (eventKeyName) { | |
3806 | return hyphenate(eventKeyName) !== key | |
3807 | } | |
3808 | } | |
3809 | ||
3810 | /* */ | |
3811 | ||
3812 | /** | |
3813 | * Runtime helper for merging v-bind="object" into a VNode's data. | |
3814 | */ | |
3815 | function bindObjectProps ( | |
3816 | data, | |
3817 | tag, | |
3818 | value, | |
3819 | asProp, | |
3820 | isSync | |
3821 | ) { | |
3822 | if (value) { | |
3823 | if (!isObject(value)) { | |
3824 | "development" !== 'production' && warn( | |
3825 | 'v-bind without argument expects an Object or Array value', | |
3826 | this | |
3827 | ); | |
3828 | } else { | |
3829 | if (Array.isArray(value)) { | |
3830 | value = toObject(value); | |
3831 | } | |
3832 | var hash; | |
3833 | var loop = function ( key ) { | |
3834 | if ( | |
3835 | key === 'class' || | |
3836 | key === 'style' || | |
3837 | isReservedAttribute(key) | |
3838 | ) { | |
3839 | hash = data; | |
3840 | } else { | |
3841 | var type = data.attrs && data.attrs.type; | |
3842 | hash = asProp || config.mustUseProp(tag, type, key) | |
3843 | ? data.domProps || (data.domProps = {}) | |
3844 | : data.attrs || (data.attrs = {}); | |
3845 | } | |
3846 | if (!(key in hash)) { | |
3847 | hash[key] = value[key]; | |
3848 | ||
3849 | if (isSync) { | |
3850 | var on = data.on || (data.on = {}); | |
3851 | on[("update:" + key)] = function ($event) { | |
3852 | value[key] = $event; | |
3853 | }; | |
3854 | } | |
3855 | } | |
3856 | }; | |
3857 | ||
3858 | for (var key in value) loop( key ); | |
3859 | } | |
3860 | } | |
3861 | return data | |
3862 | } | |
3863 | ||
3864 | /* */ | |
3865 | ||
3866 | /** | |
3867 | * Runtime helper for rendering static trees. | |
3868 | */ | |
3869 | function renderStatic ( | |
3870 | index, | |
3871 | isInFor | |
3872 | ) { | |
3873 | var cached = this._staticTrees || (this._staticTrees = []); | |
3874 | var tree = cached[index]; | |
3875 | // if has already-rendered static tree and not inside v-for, | |
3876 | // we can reuse the same tree. | |
3877 | if (tree && !isInFor) { | |
3878 | return tree | |
3879 | } | |
3880 | // otherwise, render a fresh tree. | |
3881 | tree = cached[index] = this.$options.staticRenderFns[index].call( | |
3882 | this._renderProxy, | |
3883 | null, | |
3884 | this // for render fns generated for functional component templates | |
3885 | ); | |
3886 | markStatic(tree, ("__static__" + index), false); | |
3887 | return tree | |
3888 | } | |
3889 | ||
3890 | /** | |
3891 | * Runtime helper for v-once. | |
3892 | * Effectively it means marking the node as static with a unique key. | |
3893 | */ | |
3894 | function markOnce ( | |
3895 | tree, | |
3896 | index, | |
3897 | key | |
3898 | ) { | |
3899 | markStatic(tree, ("__once__" + index + (key ? ("_" + key) : "")), true); | |
3900 | return tree | |
3901 | } | |
3902 | ||
3903 | function markStatic ( | |
3904 | tree, | |
3905 | key, | |
3906 | isOnce | |
3907 | ) { | |
3908 | if (Array.isArray(tree)) { | |
3909 | for (var i = 0; i < tree.length; i++) { | |
3910 | if (tree[i] && typeof tree[i] !== 'string') { | |
3911 | markStaticNode(tree[i], (key + "_" + i), isOnce); | |
3912 | } | |
3913 | } | |
3914 | } else { | |
3915 | markStaticNode(tree, key, isOnce); | |
3916 | } | |
3917 | } | |
3918 | ||
3919 | function markStaticNode (node, key, isOnce) { | |
3920 | node.isStatic = true; | |
3921 | node.key = key; | |
3922 | node.isOnce = isOnce; | |
3923 | } | |
3924 | ||
3925 | /* */ | |
3926 | ||
3927 | function bindObjectListeners (data, value) { | |
3928 | if (value) { | |
3929 | if (!isPlainObject(value)) { | |
3930 | "development" !== 'production' && warn( | |
3931 | 'v-on without argument expects an Object value', | |
3932 | this | |
3933 | ); | |
3934 | } else { | |
3935 | var on = data.on = data.on ? extend({}, data.on) : {}; | |
3936 | for (var key in value) { | |
3937 | var existing = on[key]; | |
3938 | var ours = value[key]; | |
3939 | on[key] = existing ? [].concat(existing, ours) : ours; | |
3940 | } | |
3941 | } | |
3942 | } | |
3943 | return data | |
3944 | } | |
3945 | ||
3946 | /* */ | |
3947 | ||
3948 | function installRenderHelpers (target) { | |
3949 | target._o = markOnce; | |
3950 | target._n = toNumber; | |
3951 | target._s = toString; | |
3952 | target._l = renderList; | |
3953 | target._t = renderSlot; | |
3954 | target._q = looseEqual; | |
3955 | target._i = looseIndexOf; | |
3956 | target._m = renderStatic; | |
3957 | target._f = resolveFilter; | |
3958 | target._k = checkKeyCodes; | |
3959 | target._b = bindObjectProps; | |
3960 | target._v = createTextVNode; | |
3961 | target._e = createEmptyVNode; | |
3962 | target._u = resolveScopedSlots; | |
3963 | target._g = bindObjectListeners; | |
3964 | } | |
3965 | ||
3966 | /* */ | |
3967 | ||
3968 | function FunctionalRenderContext ( | |
3969 | data, | |
3970 | props, | |
3971 | children, | |
3972 | parent, | |
3973 | Ctor | |
3974 | ) { | |
3975 | var options = Ctor.options; | |
3976 | // ensure the createElement function in functional components | |
3977 | // gets a unique context - this is necessary for correct named slot check | |
3978 | var contextVm; | |
3979 | if (hasOwn(parent, '_uid')) { | |
3980 | contextVm = Object.create(parent); | |
3981 | // $flow-disable-line | |
3982 | contextVm._original = parent; | |
3983 | } else { | |
3984 | // the context vm passed in is a functional context as well. | |
3985 | // in this case we want to make sure we are able to get a hold to the | |
3986 | // real context instance. | |
3987 | contextVm = parent; | |
3988 | // $flow-disable-line | |
3989 | parent = parent._original; | |
3990 | } | |
3991 | var isCompiled = isTrue(options._compiled); | |
3992 | var needNormalization = !isCompiled; | |
3993 | ||
3994 | this.data = data; | |
3995 | this.props = props; | |
3996 | this.children = children; | |
3997 | this.parent = parent; | |
3998 | this.listeners = data.on || emptyObject; | |
3999 | this.injections = resolveInject(options.inject, parent); | |
4000 | this.slots = function () { return resolveSlots(children, parent); }; | |
4001 | ||
4002 | // support for compiled functional template | |
4003 | if (isCompiled) { | |
4004 | // exposing $options for renderStatic() | |
4005 | this.$options = options; | |
4006 | // pre-resolve slots for renderSlot() | |
4007 | this.$slots = this.slots(); | |
4008 | this.$scopedSlots = data.scopedSlots || emptyObject; | |
4009 | } | |
4010 | ||
4011 | if (options._scopeId) { | |
4012 | this._c = function (a, b, c, d) { | |
4013 | var vnode = createElement(contextVm, a, b, c, d, needNormalization); | |
4014 | if (vnode && !Array.isArray(vnode)) { | |
4015 | vnode.fnScopeId = options._scopeId; | |
4016 | vnode.fnContext = parent; | |
4017 | } | |
4018 | return vnode | |
4019 | }; | |
4020 | } else { | |
4021 | this._c = function (a, b, c, d) { return createElement(contextVm, a, b, c, d, needNormalization); }; | |
4022 | } | |
4023 | } | |
4024 | ||
4025 | installRenderHelpers(FunctionalRenderContext.prototype); | |
4026 | ||
4027 | function createFunctionalComponent ( | |
4028 | Ctor, | |
4029 | propsData, | |
4030 | data, | |
4031 | contextVm, | |
4032 | children | |
4033 | ) { | |
4034 | var options = Ctor.options; | |
4035 | var props = {}; | |
4036 | var propOptions = options.props; | |
4037 | if (isDef(propOptions)) { | |
4038 | for (var key in propOptions) { | |
4039 | props[key] = validateProp(key, propOptions, propsData || emptyObject); | |
4040 | } | |
4041 | } else { | |
4042 | if (isDef(data.attrs)) { mergeProps(props, data.attrs); } | |
4043 | if (isDef(data.props)) { mergeProps(props, data.props); } | |
4044 | } | |
4045 | ||
4046 | var renderContext = new FunctionalRenderContext( | |
4047 | data, | |
4048 | props, | |
4049 | children, | |
4050 | contextVm, | |
4051 | Ctor | |
4052 | ); | |
4053 | ||
4054 | var vnode = options.render.call(null, renderContext._c, renderContext); | |
4055 | ||
4056 | if (vnode instanceof VNode) { | |
4057 | return cloneAndMarkFunctionalResult(vnode, data, renderContext.parent, options) | |
4058 | } else if (Array.isArray(vnode)) { | |
4059 | var vnodes = normalizeChildren(vnode) || []; | |
4060 | var res = new Array(vnodes.length); | |
4061 | for (var i = 0; i < vnodes.length; i++) { | |
4062 | res[i] = cloneAndMarkFunctionalResult(vnodes[i], data, renderContext.parent, options); | |
4063 | } | |
4064 | return res | |
4065 | } | |
4066 | } | |
4067 | ||
4068 | function cloneAndMarkFunctionalResult (vnode, data, contextVm, options) { | |
4069 | // #7817 clone node before setting fnContext, otherwise if the node is reused | |
4070 | // (e.g. it was from a cached normal slot) the fnContext causes named slots | |
4071 | // that should not be matched to match. | |
4072 | var clone = cloneVNode(vnode); | |
4073 | clone.fnContext = contextVm; | |
4074 | clone.fnOptions = options; | |
4075 | if (data.slot) { | |
4076 | (clone.data || (clone.data = {})).slot = data.slot; | |
4077 | } | |
4078 | return clone | |
4079 | } | |
4080 | ||
4081 | function mergeProps (to, from) { | |
4082 | for (var key in from) { | |
4083 | to[camelize(key)] = from[key]; | |
4084 | } | |
4085 | } | |
4086 | ||
4087 | /* */ | |
4088 | ||
4089 | ||
4090 | ||
4091 | ||
4092 | // Register the component hook to weex native render engine. | |
4093 | // The hook will be triggered by native, not javascript. | |
4094 | ||
4095 | ||
4096 | // Updates the state of the component to weex native render engine. | |
4097 | ||
4098 | /* */ | |
4099 | ||
4100 | // https://github.com/Hanks10100/weex-native-directive/tree/master/component | |
4101 | ||
4102 | // listening on native callback | |
4103 | ||
4104 | /* */ | |
4105 | ||
4106 | /* */ | |
4107 | ||
4108 | // inline hooks to be invoked on component VNodes during patch | |
4109 | var componentVNodeHooks = { | |
4110 | init: function init ( | |
4111 | vnode, | |
4112 | hydrating, | |
4113 | parentElm, | |
4114 | refElm | |
4115 | ) { | |
4116 | if ( | |
4117 | vnode.componentInstance && | |
4118 | !vnode.componentInstance._isDestroyed && | |
4119 | vnode.data.keepAlive | |
4120 | ) { | |
4121 | // kept-alive components, treat as a patch | |
4122 | var mountedNode = vnode; // work around flow | |
4123 | componentVNodeHooks.prepatch(mountedNode, mountedNode); | |
4124 | } else { | |
4125 | var child = vnode.componentInstance = createComponentInstanceForVnode( | |
4126 | vnode, | |
4127 | activeInstance, | |
4128 | parentElm, | |
4129 | refElm | |
4130 | ); | |
4131 | child.$mount(hydrating ? vnode.elm : undefined, hydrating); | |
4132 | } | |
4133 | }, | |
4134 | ||
4135 | prepatch: function prepatch (oldVnode, vnode) { | |
4136 | var options = vnode.componentOptions; | |
4137 | var child = vnode.componentInstance = oldVnode.componentInstance; | |
4138 | updateChildComponent( | |
4139 | child, | |
4140 | options.propsData, // updated props | |
4141 | options.listeners, // updated listeners | |
4142 | vnode, // new parent vnode | |
4143 | options.children // new children | |
4144 | ); | |
4145 | }, | |
4146 | ||
4147 | insert: function insert (vnode) { | |
4148 | var context = vnode.context; | |
4149 | var componentInstance = vnode.componentInstance; | |
4150 | if (!componentInstance._isMounted) { | |
4151 | componentInstance._isMounted = true; | |
4152 | callHook(componentInstance, 'mounted'); | |
4153 | } | |
4154 | if (vnode.data.keepAlive) { | |
4155 | if (context._isMounted) { | |
4156 | // vue-router#1212 | |
4157 | // During updates, a kept-alive component's child components may | |
4158 | // change, so directly walking the tree here may call activated hooks | |
4159 | // on incorrect children. Instead we push them into a queue which will | |
4160 | // be processed after the whole patch process ended. | |
4161 | queueActivatedComponent(componentInstance); | |
4162 | } else { | |
4163 | activateChildComponent(componentInstance, true /* direct */); | |
4164 | } | |
4165 | } | |
4166 | }, | |
4167 | ||
4168 | destroy: function destroy (vnode) { | |
4169 | var componentInstance = vnode.componentInstance; | |
4170 | if (!componentInstance._isDestroyed) { | |
4171 | if (!vnode.data.keepAlive) { | |
4172 | componentInstance.$destroy(); | |
4173 | } else { | |
4174 | deactivateChildComponent(componentInstance, true /* direct */); | |
4175 | } | |
4176 | } | |
4177 | } | |
4178 | }; | |
4179 | ||
4180 | var hooksToMerge = Object.keys(componentVNodeHooks); | |
4181 | ||
4182 | function createComponent ( | |
4183 | Ctor, | |
4184 | data, | |
4185 | context, | |
4186 | children, | |
4187 | tag | |
4188 | ) { | |
4189 | if (isUndef(Ctor)) { | |
4190 | return | |
4191 | } | |
4192 | ||
4193 | var baseCtor = context.$options._base; | |
4194 | ||
4195 | // plain options object: turn it into a constructor | |
4196 | if (isObject(Ctor)) { | |
4197 | Ctor = baseCtor.extend(Ctor); | |
4198 | } | |
4199 | ||
4200 | // if at this stage it's not a constructor or an async component factory, | |
4201 | // reject. | |
4202 | if (typeof Ctor !== 'function') { | |
4203 | { | |
4204 | warn(("Invalid Component definition: " + (String(Ctor))), context); | |
4205 | } | |
4206 | return | |
4207 | } | |
4208 | ||
4209 | // async component | |
4210 | var asyncFactory; | |
4211 | if (isUndef(Ctor.cid)) { | |
4212 | asyncFactory = Ctor; | |
4213 | Ctor = resolveAsyncComponent(asyncFactory, baseCtor, context); | |
4214 | if (Ctor === undefined) { | |
4215 | // return a placeholder node for async component, which is rendered | |
4216 | // as a comment node but preserves all the raw information for the node. | |
4217 | // the information will be used for async server-rendering and hydration. | |
4218 | return createAsyncPlaceholder( | |
4219 | asyncFactory, | |
4220 | data, | |
4221 | context, | |
4222 | children, | |
4223 | tag | |
4224 | ) | |
4225 | } | |
4226 | } | |
4227 | ||
4228 | data = data || {}; | |
4229 | ||
4230 | // resolve constructor options in case global mixins are applied after | |
4231 | // component constructor creation | |
4232 | resolveConstructorOptions(Ctor); | |
4233 | ||
4234 | // transform component v-model data into props & events | |
4235 | if (isDef(data.model)) { | |
4236 | transformModel(Ctor.options, data); | |
4237 | } | |
4238 | ||
4239 | // extract props | |
4240 | var propsData = extractPropsFromVNodeData(data, Ctor, tag); | |
4241 | ||
4242 | // functional component | |
4243 | if (isTrue(Ctor.options.functional)) { | |
4244 | return createFunctionalComponent(Ctor, propsData, data, context, children) | |
4245 | } | |
4246 | ||
4247 | // extract listeners, since these needs to be treated as | |
4248 | // child component listeners instead of DOM listeners | |
4249 | var listeners = data.on; | |
4250 | // replace with listeners with .native modifier | |
4251 | // so it gets processed during parent component patch. | |
4252 | data.on = data.nativeOn; | |
4253 | ||
4254 | if (isTrue(Ctor.options.abstract)) { | |
4255 | // abstract components do not keep anything | |
4256 | // other than props & listeners & slot | |
4257 | ||
4258 | // work around flow | |
4259 | var slot = data.slot; | |
4260 | data = {}; | |
4261 | if (slot) { | |
4262 | data.slot = slot; | |
4263 | } | |
4264 | } | |
4265 | ||
4266 | // install component management hooks onto the placeholder node | |
4267 | installComponentHooks(data); | |
4268 | ||
4269 | // return a placeholder vnode | |
4270 | var name = Ctor.options.name || tag; | |
4271 | var vnode = new VNode( | |
4272 | ("vue-component-" + (Ctor.cid) + (name ? ("-" + name) : '')), | |
4273 | data, undefined, undefined, undefined, context, | |
4274 | { Ctor: Ctor, propsData: propsData, listeners: listeners, tag: tag, children: children }, | |
4275 | asyncFactory | |
4276 | ); | |
4277 | ||
4278 | // Weex specific: invoke recycle-list optimized @render function for | |
4279 | // extracting cell-slot template. | |
4280 | // https://github.com/Hanks10100/weex-native-directive/tree/master/component | |
4281 | /* istanbul ignore if */ | |
4282 | return vnode | |
4283 | } | |
4284 | ||
4285 | function createComponentInstanceForVnode ( | |
4286 | vnode, // we know it's MountedComponentVNode but flow doesn't | |
4287 | parent, // activeInstance in lifecycle state | |
4288 | parentElm, | |
4289 | refElm | |
4290 | ) { | |
4291 | var options = { | |
4292 | _isComponent: true, | |
4293 | parent: parent, | |
4294 | _parentVnode: vnode, | |
4295 | _parentElm: parentElm || null, | |
4296 | _refElm: refElm || null | |
4297 | }; | |
4298 | // check inline-template render functions | |
4299 | var inlineTemplate = vnode.data.inlineTemplate; | |
4300 | if (isDef(inlineTemplate)) { | |
4301 | options.render = inlineTemplate.render; | |
4302 | options.staticRenderFns = inlineTemplate.staticRenderFns; | |
4303 | } | |
4304 | return new vnode.componentOptions.Ctor(options) | |
4305 | } | |
4306 | ||
4307 | function installComponentHooks (data) { | |
4308 | var hooks = data.hook || (data.hook = {}); | |
4309 | for (var i = 0; i < hooksToMerge.length; i++) { | |
4310 | var key = hooksToMerge[i]; | |
4311 | hooks[key] = componentVNodeHooks[key]; | |
4312 | } | |
4313 | } | |
4314 | ||
4315 | // transform component v-model info (value and callback) into | |
4316 | // prop and event handler respectively. | |
4317 | function transformModel (options, data) { | |
4318 | var prop = (options.model && options.model.prop) || 'value'; | |
4319 | var event = (options.model && options.model.event) || 'input';(data.props || (data.props = {}))[prop] = data.model.value; | |
4320 | var on = data.on || (data.on = {}); | |
4321 | if (isDef(on[event])) { | |
4322 | on[event] = [data.model.callback].concat(on[event]); | |
4323 | } else { | |
4324 | on[event] = data.model.callback; | |
4325 | } | |
4326 | } | |
4327 | ||
4328 | /* */ | |
4329 | ||
4330 | var SIMPLE_NORMALIZE = 1; | |
4331 | var ALWAYS_NORMALIZE = 2; | |
4332 | ||
4333 | // wrapper function for providing a more flexible interface | |
4334 | // without getting yelled at by flow | |
4335 | function createElement ( | |
4336 | context, | |
4337 | tag, | |
4338 | data, | |
4339 | children, | |
4340 | normalizationType, | |
4341 | alwaysNormalize | |
4342 | ) { | |
4343 | if (Array.isArray(data) || isPrimitive(data)) { | |
4344 | normalizationType = children; | |
4345 | children = data; | |
4346 | data = undefined; | |
4347 | } | |
4348 | if (isTrue(alwaysNormalize)) { | |
4349 | normalizationType = ALWAYS_NORMALIZE; | |
4350 | } | |
4351 | return _createElement(context, tag, data, children, normalizationType) | |
4352 | } | |
4353 | ||
4354 | function _createElement ( | |
4355 | context, | |
4356 | tag, | |
4357 | data, | |
4358 | children, | |
4359 | normalizationType | |
4360 | ) { | |
4361 | if (isDef(data) && isDef((data).__ob__)) { | |
4362 | "development" !== 'production' && warn( | |
4363 | "Avoid using observed data object as vnode data: " + (JSON.stringify(data)) + "\n" + | |
4364 | 'Always create fresh vnode data objects in each render!', | |
4365 | context | |
4366 | ); | |
4367 | return createEmptyVNode() | |
4368 | } | |
4369 | // object syntax in v-bind | |
4370 | if (isDef(data) && isDef(data.is)) { | |
4371 | tag = data.is; | |
4372 | } | |
4373 | if (!tag) { | |
4374 | // in case of component :is set to falsy value | |
4375 | return createEmptyVNode() | |
4376 | } | |
4377 | // warn against non-primitive key | |
4378 | if ("development" !== 'production' && | |
4379 | isDef(data) && isDef(data.key) && !isPrimitive(data.key) | |
4380 | ) { | |
4381 | { | |
4382 | warn( | |
4383 | 'Avoid using non-primitive value as key, ' + | |
4384 | 'use string/number value instead.', | |
4385 | context | |
4386 | ); | |
4387 | } | |
4388 | } | |
4389 | // support single function children as default scoped slot | |
4390 | if (Array.isArray(children) && | |
4391 | typeof children[0] === 'function' | |
4392 | ) { | |
4393 | data = data || {}; | |
4394 | data.scopedSlots = { default: children[0] }; | |
4395 | children.length = 0; | |
4396 | } | |
4397 | if (normalizationType === ALWAYS_NORMALIZE) { | |
4398 | children = normalizeChildren(children); | |
4399 | } else if (normalizationType === SIMPLE_NORMALIZE) { | |
4400 | children = simpleNormalizeChildren(children); | |
4401 | } | |
4402 | var vnode, ns; | |
4403 | if (typeof tag === 'string') { | |
4404 | var Ctor; | |
4405 | ns = (context.$vnode && context.$vnode.ns) || config.getTagNamespace(tag); | |
4406 | if (config.isReservedTag(tag)) { | |
4407 | // platform built-in elements | |
4408 | vnode = new VNode( | |
4409 | config.parsePlatformTagName(tag), data, children, | |
4410 | undefined, undefined, context | |
4411 | ); | |
4412 | } else if (isDef(Ctor = resolveAsset(context.$options, 'components', tag))) { | |
4413 | // component | |
4414 | vnode = createComponent(Ctor, data, context, children, tag); | |
4415 | } else { | |
4416 | // unknown or unlisted namespaced elements | |
4417 | // check at runtime because it may get assigned a namespace when its | |
4418 | // parent normalizes children | |
4419 | vnode = new VNode( | |
4420 | tag, data, children, | |
4421 | undefined, undefined, context | |
4422 | ); | |
4423 | } | |
4424 | } else { | |
4425 | // direct component options / constructor | |
4426 | vnode = createComponent(tag, data, context, children); | |
4427 | } | |
4428 | if (Array.isArray(vnode)) { | |
4429 | return vnode | |
4430 | } else if (isDef(vnode)) { | |
4431 | if (isDef(ns)) { applyNS(vnode, ns); } | |
4432 | if (isDef(data)) { registerDeepBindings(data); } | |
4433 | return vnode | |
4434 | } else { | |
4435 | return createEmptyVNode() | |
4436 | } | |
4437 | } | |
4438 | ||
4439 | function applyNS (vnode, ns, force) { | |
4440 | vnode.ns = ns; | |
4441 | if (vnode.tag === 'foreignObject') { | |
4442 | // use default namespace inside foreignObject | |
4443 | ns = undefined; | |
4444 | force = true; | |
4445 | } | |
4446 | if (isDef(vnode.children)) { | |
4447 | for (var i = 0, l = vnode.children.length; i < l; i++) { | |
4448 | var child = vnode.children[i]; | |
4449 | if (isDef(child.tag) && ( | |
4450 | isUndef(child.ns) || (isTrue(force) && child.tag !== 'svg'))) { | |
4451 | applyNS(child, ns, force); | |
4452 | } | |
4453 | } | |
4454 | } | |
4455 | } | |
4456 | ||
4457 | // ref #5318 | |
4458 | // necessary to ensure parent re-render when deep bindings like :style and | |
4459 | // :class are used on slot nodes | |
4460 | function registerDeepBindings (data) { | |
4461 | if (isObject(data.style)) { | |
4462 | traverse(data.style); | |
4463 | } | |
4464 | if (isObject(data.class)) { | |
4465 | traverse(data.class); | |
4466 | } | |
4467 | } | |
4468 | ||
4469 | /* */ | |
4470 | ||
4471 | function initRender (vm) { | |
4472 | vm._vnode = null; // the root of the child tree | |
4473 | vm._staticTrees = null; // v-once cached trees | |
4474 | var options = vm.$options; | |
4475 | var parentVnode = vm.$vnode = options._parentVnode; // the placeholder node in parent tree | |
4476 | var renderContext = parentVnode && parentVnode.context; | |
4477 | vm.$slots = resolveSlots(options._renderChildren, renderContext); | |
4478 | vm.$scopedSlots = emptyObject; | |
4479 | // bind the createElement fn to this instance | |
4480 | // so that we get proper render context inside it. | |
4481 | // args order: tag, data, children, normalizationType, alwaysNormalize | |
4482 | // internal version is used by render functions compiled from templates | |
4483 | vm._c = function (a, b, c, d) { return createElement(vm, a, b, c, d, false); }; | |
4484 | // normalization is always applied for the public version, used in | |
4485 | // user-written render functions. | |
4486 | vm.$createElement = function (a, b, c, d) { return createElement(vm, a, b, c, d, true); }; | |
4487 | ||
4488 | // $attrs & $listeners are exposed for easier HOC creation. | |
4489 | // they need to be reactive so that HOCs using them are always updated | |
4490 | var parentData = parentVnode && parentVnode.data; | |
4491 | ||
4492 | /* istanbul ignore else */ | |
4493 | { | |
4494 | defineReactive(vm, '$attrs', parentData && parentData.attrs || emptyObject, function () { | |
4495 | !isUpdatingChildComponent && warn("$attrs is readonly.", vm); | |
4496 | }, true); | |
4497 | defineReactive(vm, '$listeners', options._parentListeners || emptyObject, function () { | |
4498 | !isUpdatingChildComponent && warn("$listeners is readonly.", vm); | |
4499 | }, true); | |
4500 | } | |
4501 | } | |
4502 | ||
4503 | function renderMixin (Vue) { | |
4504 | // install runtime convenience helpers | |
4505 | installRenderHelpers(Vue.prototype); | |
4506 | ||
4507 | Vue.prototype.$nextTick = function (fn) { | |
4508 | return nextTick(fn, this) | |
4509 | }; | |
4510 | ||
4511 | Vue.prototype._render = function () { | |
4512 | var vm = this; | |
4513 | var ref = vm.$options; | |
4514 | var render = ref.render; | |
4515 | var _parentVnode = ref._parentVnode; | |
4516 | ||
4517 | // reset _rendered flag on slots for duplicate slot check | |
4518 | { | |
4519 | for (var key in vm.$slots) { | |
4520 | // $flow-disable-line | |
4521 | vm.$slots[key]._rendered = false; | |
4522 | } | |
4523 | } | |
4524 | ||
4525 | if (_parentVnode) { | |
4526 | vm.$scopedSlots = _parentVnode.data.scopedSlots || emptyObject; | |
4527 | } | |
4528 | ||
4529 | // set parent vnode. this allows render functions to have access | |
4530 | // to the data on the placeholder node. | |
4531 | vm.$vnode = _parentVnode; | |
4532 | // render self | |
4533 | var vnode; | |
4534 | try { | |
4535 | vnode = render.call(vm._renderProxy, vm.$createElement); | |
4536 | } catch (e) { | |
4537 | handleError(e, vm, "render"); | |
4538 | // return error render result, | |
4539 | // or previous vnode to prevent render error causing blank component | |
4540 | /* istanbul ignore else */ | |
4541 | { | |
4542 | if (vm.$options.renderError) { | |
4543 | try { | |
4544 | vnode = vm.$options.renderError.call(vm._renderProxy, vm.$createElement, e); | |
4545 | } catch (e) { | |
4546 | handleError(e, vm, "renderError"); | |
4547 | vnode = vm._vnode; | |
4548 | } | |
4549 | } else { | |
4550 | vnode = vm._vnode; | |
4551 | } | |
4552 | } | |
4553 | } | |
4554 | // return empty vnode in case the render function errored out | |
4555 | if (!(vnode instanceof VNode)) { | |
4556 | if ("development" !== 'production' && Array.isArray(vnode)) { | |
4557 | warn( | |
4558 | 'Multiple root nodes returned from render function. Render function ' + | |
4559 | 'should return a single root node.', | |
4560 | vm | |
4561 | ); | |
4562 | } | |
4563 | vnode = createEmptyVNode(); | |
4564 | } | |
4565 | // set parent | |
4566 | vnode.parent = _parentVnode; | |
4567 | return vnode | |
4568 | }; | |
4569 | } | |
4570 | ||
4571 | /* */ | |
4572 | ||
4573 | var uid$3 = 0; | |
4574 | ||
4575 | function initMixin (Vue) { | |
4576 | Vue.prototype._init = function (options) { | |
4577 | var vm = this; | |
4578 | // a uid | |
4579 | vm._uid = uid$3++; | |
4580 | ||
4581 | var startTag, endTag; | |
4582 | /* istanbul ignore if */ | |
4583 | if ("development" !== 'production' && config.performance && mark) { | |
4584 | startTag = "vue-perf-start:" + (vm._uid); | |
4585 | endTag = "vue-perf-end:" + (vm._uid); | |
4586 | mark(startTag); | |
4587 | } | |
4588 | ||
4589 | // a flag to avoid this being observed | |
4590 | vm._isVue = true; | |
4591 | // merge options | |
4592 | if (options && options._isComponent) { | |
4593 | // optimize internal component instantiation | |
4594 | // since dynamic options merging is pretty slow, and none of the | |
4595 | // internal component options needs special treatment. | |
4596 | initInternalComponent(vm, options); | |
4597 | } else { | |
4598 | vm.$options = mergeOptions( | |
4599 | resolveConstructorOptions(vm.constructor), | |
4600 | options || {}, | |
4601 | vm | |
4602 | ); | |
4603 | } | |
4604 | /* istanbul ignore else */ | |
4605 | { | |
4606 | initProxy(vm); | |
4607 | } | |
4608 | // expose real self | |
4609 | vm._self = vm; | |
4610 | initLifecycle(vm); | |
4611 | initEvents(vm); | |
4612 | initRender(vm); | |
4613 | callHook(vm, 'beforeCreate'); | |
4614 | initInjections(vm); // resolve injections before data/props | |
4615 | initState(vm); | |
4616 | initProvide(vm); // resolve provide after data/props | |
4617 | callHook(vm, 'created'); | |
4618 | ||
4619 | /* istanbul ignore if */ | |
4620 | if ("development" !== 'production' && config.performance && mark) { | |
4621 | vm._name = formatComponentName(vm, false); | |
4622 | mark(endTag); | |
4623 | measure(("vue " + (vm._name) + " init"), startTag, endTag); | |
4624 | } | |
4625 | ||
4626 | if (vm.$options.el) { | |
4627 | vm.$mount(vm.$options.el); | |
4628 | } | |
4629 | }; | |
4630 | } | |
4631 | ||
4632 | function initInternalComponent (vm, options) { | |
4633 | var opts = vm.$options = Object.create(vm.constructor.options); | |
4634 | // doing this because it's faster than dynamic enumeration. | |
4635 | var parentVnode = options._parentVnode; | |
4636 | opts.parent = options.parent; | |
4637 | opts._parentVnode = parentVnode; | |
4638 | opts._parentElm = options._parentElm; | |
4639 | opts._refElm = options._refElm; | |
4640 | ||
4641 | var vnodeComponentOptions = parentVnode.componentOptions; | |
4642 | opts.propsData = vnodeComponentOptions.propsData; | |
4643 | opts._parentListeners = vnodeComponentOptions.listeners; | |
4644 | opts._renderChildren = vnodeComponentOptions.children; | |
4645 | opts._componentTag = vnodeComponentOptions.tag; | |
4646 | ||
4647 | if (options.render) { | |
4648 | opts.render = options.render; | |
4649 | opts.staticRenderFns = options.staticRenderFns; | |
4650 | } | |
4651 | } | |
4652 | ||
4653 | function resolveConstructorOptions (Ctor) { | |
4654 | var options = Ctor.options; | |
4655 | if (Ctor.super) { | |
4656 | var superOptions = resolveConstructorOptions(Ctor.super); | |
4657 | var cachedSuperOptions = Ctor.superOptions; | |
4658 | if (superOptions !== cachedSuperOptions) { | |
4659 | // super option changed, | |
4660 | // need to resolve new options. | |
4661 | Ctor.superOptions = superOptions; | |
4662 | // check if there are any late-modified/attached options (#4976) | |
4663 | var modifiedOptions = resolveModifiedOptions(Ctor); | |
4664 | // update base extend options | |
4665 | if (modifiedOptions) { | |
4666 | extend(Ctor.extendOptions, modifiedOptions); | |
4667 | } | |
4668 | options = Ctor.options = mergeOptions(superOptions, Ctor.extendOptions); | |
4669 | if (options.name) { | |
4670 | options.components[options.name] = Ctor; | |
4671 | } | |
4672 | } | |
4673 | } | |
4674 | return options | |
4675 | } | |
4676 | ||
4677 | function resolveModifiedOptions (Ctor) { | |
4678 | var modified; | |
4679 | var latest = Ctor.options; | |
4680 | var extended = Ctor.extendOptions; | |
4681 | var sealed = Ctor.sealedOptions; | |
4682 | for (var key in latest) { | |
4683 | if (latest[key] !== sealed[key]) { | |
4684 | if (!modified) { modified = {}; } | |
4685 | modified[key] = dedupe(latest[key], extended[key], sealed[key]); | |
4686 | } | |
4687 | } | |
4688 | return modified | |
4689 | } | |
4690 | ||
4691 | function dedupe (latest, extended, sealed) { | |
4692 | // compare latest and sealed to ensure lifecycle hooks won't be duplicated | |
4693 | // between merges | |
4694 | if (Array.isArray(latest)) { | |
4695 | var res = []; | |
4696 | sealed = Array.isArray(sealed) ? sealed : [sealed]; | |
4697 | extended = Array.isArray(extended) ? extended : [extended]; | |
4698 | for (var i = 0; i < latest.length; i++) { | |
4699 | // push original options and not sealed options to exclude duplicated options | |
4700 | if (extended.indexOf(latest[i]) >= 0 || sealed.indexOf(latest[i]) < 0) { | |
4701 | res.push(latest[i]); | |
4702 | } | |
4703 | } | |
4704 | return res | |
4705 | } else { | |
4706 | return latest | |
4707 | } | |
4708 | } | |
4709 | ||
4710 | function Vue (options) { | |
4711 | if ("development" !== 'production' && | |
4712 | !(this instanceof Vue) | |
4713 | ) { | |
4714 | warn('Vue is a constructor and should be called with the `new` keyword'); | |
4715 | } | |
4716 | this._init(options); | |
4717 | } | |
4718 | ||
4719 | initMixin(Vue); | |
4720 | stateMixin(Vue); | |
4721 | eventsMixin(Vue); | |
4722 | lifecycleMixin(Vue); | |
4723 | renderMixin(Vue); | |
4724 | ||
4725 | /* */ | |
4726 | ||
4727 | function initUse (Vue) { | |
4728 | Vue.use = function (plugin) { | |
4729 | var installedPlugins = (this._installedPlugins || (this._installedPlugins = [])); | |
4730 | if (installedPlugins.indexOf(plugin) > -1) { | |
4731 | return this | |
4732 | } | |
4733 | ||
4734 | // additional parameters | |
4735 | var args = toArray(arguments, 1); | |
4736 | args.unshift(this); | |
4737 | if (typeof plugin.install === 'function') { | |
4738 | plugin.install.apply(plugin, args); | |
4739 | } else if (typeof plugin === 'function') { | |
4740 | plugin.apply(null, args); | |
4741 | } | |
4742 | installedPlugins.push(plugin); | |
4743 | return this | |
4744 | }; | |
4745 | } | |
4746 | ||
4747 | /* */ | |
4748 | ||
4749 | function initMixin$1 (Vue) { | |
4750 | Vue.mixin = function (mixin) { | |
4751 | this.options = mergeOptions(this.options, mixin); | |
4752 | return this | |
4753 | }; | |
4754 | } | |
4755 | ||
4756 | /* */ | |
4757 | ||
4758 | function initExtend (Vue) { | |
4759 | /** | |
4760 | * Each instance constructor, including Vue, has a unique | |
4761 | * cid. This enables us to create wrapped "child | |
4762 | * constructors" for prototypal inheritance and cache them. | |
4763 | */ | |
4764 | Vue.cid = 0; | |
4765 | var cid = 1; | |
4766 | ||
4767 | /** | |
4768 | * Class inheritance | |
4769 | */ | |
4770 | Vue.extend = function (extendOptions) { | |
4771 | extendOptions = extendOptions || {}; | |
4772 | var Super = this; | |
4773 | var SuperId = Super.cid; | |
4774 | var cachedCtors = extendOptions._Ctor || (extendOptions._Ctor = {}); | |
4775 | if (cachedCtors[SuperId]) { | |
4776 | return cachedCtors[SuperId] | |
4777 | } | |
4778 | ||
4779 | var name = extendOptions.name || Super.options.name; | |
4780 | if ("development" !== 'production' && name) { | |
4781 | validateComponentName(name); | |
4782 | } | |
4783 | ||
4784 | var Sub = function VueComponent (options) { | |
4785 | this._init(options); | |
4786 | }; | |
4787 | Sub.prototype = Object.create(Super.prototype); | |
4788 | Sub.prototype.constructor = Sub; | |
4789 | Sub.cid = cid++; | |
4790 | Sub.options = mergeOptions( | |
4791 | Super.options, | |
4792 | extendOptions | |
4793 | ); | |
4794 | Sub['super'] = Super; | |
4795 | ||
4796 | // For props and computed properties, we define the proxy getters on | |
4797 | // the Vue instances at extension time, on the extended prototype. This | |
4798 | // avoids Object.defineProperty calls for each instance created. | |
4799 | if (Sub.options.props) { | |
4800 | initProps$1(Sub); | |
4801 | } | |
4802 | if (Sub.options.computed) { | |
4803 | initComputed$1(Sub); | |
4804 | } | |
4805 | ||
4806 | // allow further extension/mixin/plugin usage | |
4807 | Sub.extend = Super.extend; | |
4808 | Sub.mixin = Super.mixin; | |
4809 | Sub.use = Super.use; | |
4810 | ||
4811 | // create asset registers, so extended classes | |
4812 | // can have their private assets too. | |
4813 | ASSET_TYPES.forEach(function (type) { | |
4814 | Sub[type] = Super[type]; | |
4815 | }); | |
4816 | // enable recursive self-lookup | |
4817 | if (name) { | |
4818 | Sub.options.components[name] = Sub; | |
4819 | } | |
4820 | ||
4821 | // keep a reference to the super options at extension time. | |
4822 | // later at instantiation we can check if Super's options have | |
4823 | // been updated. | |
4824 | Sub.superOptions = Super.options; | |
4825 | Sub.extendOptions = extendOptions; | |
4826 | Sub.sealedOptions = extend({}, Sub.options); | |
4827 | ||
4828 | // cache constructor | |
4829 | cachedCtors[SuperId] = Sub; | |
4830 | return Sub | |
4831 | }; | |
4832 | } | |
4833 | ||
4834 | function initProps$1 (Comp) { | |
4835 | var props = Comp.options.props; | |
4836 | for (var key in props) { | |
4837 | proxy(Comp.prototype, "_props", key); | |
4838 | } | |
4839 | } | |
4840 | ||
4841 | function initComputed$1 (Comp) { | |
4842 | var computed = Comp.options.computed; | |
4843 | for (var key in computed) { | |
4844 | defineComputed(Comp.prototype, key, computed[key]); | |
4845 | } | |
4846 | } | |
4847 | ||
4848 | /* */ | |
4849 | ||
4850 | function initAssetRegisters (Vue) { | |
4851 | /** | |
4852 | * Create asset registration methods. | |
4853 | */ | |
4854 | ASSET_TYPES.forEach(function (type) { | |
4855 | Vue[type] = function ( | |
4856 | id, | |
4857 | definition | |
4858 | ) { | |
4859 | if (!definition) { | |
4860 | return this.options[type + 's'][id] | |
4861 | } else { | |
4862 | /* istanbul ignore if */ | |
4863 | if ("development" !== 'production' && type === 'component') { | |
4864 | validateComponentName(id); | |
4865 | } | |
4866 | if (type === 'component' && isPlainObject(definition)) { | |
4867 | definition.name = definition.name || id; | |
4868 | definition = this.options._base.extend(definition); | |
4869 | } | |
4870 | if (type === 'directive' && typeof definition === 'function') { | |
4871 | definition = { bind: definition, update: definition }; | |
4872 | } | |
4873 | this.options[type + 's'][id] = definition; | |
4874 | return definition | |
4875 | } | |
4876 | }; | |
4877 | }); | |
4878 | } | |
4879 | ||
4880 | /* */ | |
4881 | ||
4882 | function getComponentName (opts) { | |
4883 | return opts && (opts.Ctor.options.name || opts.tag) | |
4884 | } | |
4885 | ||
4886 | function matches (pattern, name) { | |
4887 | if (Array.isArray(pattern)) { | |
4888 | return pattern.indexOf(name) > -1 | |
4889 | } else if (typeof pattern === 'string') { | |
4890 | return pattern.split(',').indexOf(name) > -1 | |
4891 | } else if (isRegExp(pattern)) { | |
4892 | return pattern.test(name) | |
4893 | } | |
4894 | /* istanbul ignore next */ | |
4895 | return false | |
4896 | } | |
4897 | ||
4898 | function pruneCache (keepAliveInstance, filter) { | |
4899 | var cache = keepAliveInstance.cache; | |
4900 | var keys = keepAliveInstance.keys; | |
4901 | var _vnode = keepAliveInstance._vnode; | |
4902 | for (var key in cache) { | |
4903 | var cachedNode = cache[key]; | |
4904 | if (cachedNode) { | |
4905 | var name = getComponentName(cachedNode.componentOptions); | |
4906 | if (name && !filter(name)) { | |
4907 | pruneCacheEntry(cache, key, keys, _vnode); | |
4908 | } | |
4909 | } | |
4910 | } | |
4911 | } | |
4912 | ||
4913 | function pruneCacheEntry ( | |
4914 | cache, | |
4915 | key, | |
4916 | keys, | |
4917 | current | |
4918 | ) { | |
4919 | var cached$$1 = cache[key]; | |
4920 | if (cached$$1 && (!current || cached$$1.tag !== current.tag)) { | |
4921 | cached$$1.componentInstance.$destroy(); | |
4922 | } | |
4923 | cache[key] = null; | |
4924 | remove(keys, key); | |
4925 | } | |
4926 | ||
4927 | var patternTypes = [String, RegExp, Array]; | |
4928 | ||
4929 | var KeepAlive = { | |
4930 | name: 'keep-alive', | |
4931 | abstract: true, | |
4932 | ||
4933 | props: { | |
4934 | include: patternTypes, | |
4935 | exclude: patternTypes, | |
4936 | max: [String, Number] | |
4937 | }, | |
4938 | ||
4939 | created: function created () { | |
4940 | this.cache = Object.create(null); | |
4941 | this.keys = []; | |
4942 | }, | |
4943 | ||
4944 | destroyed: function destroyed () { | |
4945 | var this$1 = this; | |
4946 | ||
4947 | for (var key in this$1.cache) { | |
4948 | pruneCacheEntry(this$1.cache, key, this$1.keys); | |
4949 | } | |
4950 | }, | |
4951 | ||
4952 | mounted: function mounted () { | |
4953 | var this$1 = this; | |
4954 | ||
4955 | this.$watch('include', function (val) { | |
4956 | pruneCache(this$1, function (name) { return matches(val, name); }); | |
4957 | }); | |
4958 | this.$watch('exclude', function (val) { | |
4959 | pruneCache(this$1, function (name) { return !matches(val, name); }); | |
4960 | }); | |
4961 | }, | |
4962 | ||
4963 | render: function render () { | |
4964 | var slot = this.$slots.default; | |
4965 | var vnode = getFirstComponentChild(slot); | |
4966 | var componentOptions = vnode && vnode.componentOptions; | |
4967 | if (componentOptions) { | |
4968 | // check pattern | |
4969 | var name = getComponentName(componentOptions); | |
4970 | var ref = this; | |
4971 | var include = ref.include; | |
4972 | var exclude = ref.exclude; | |
4973 | if ( | |
4974 | // not included | |
4975 | (include && (!name || !matches(include, name))) || | |
4976 | // excluded | |
4977 | (exclude && name && matches(exclude, name)) | |
4978 | ) { | |
4979 | return vnode | |
4980 | } | |
4981 | ||
4982 | var ref$1 = this; | |
4983 | var cache = ref$1.cache; | |
4984 | var keys = ref$1.keys; | |
4985 | var key = vnode.key == null | |
4986 | // same constructor may get registered as different local components | |
4987 | // so cid alone is not enough (#3269) | |
4988 | ? componentOptions.Ctor.cid + (componentOptions.tag ? ("::" + (componentOptions.tag)) : '') | |
4989 | : vnode.key; | |
4990 | if (cache[key]) { | |
4991 | vnode.componentInstance = cache[key].componentInstance; | |
4992 | // make current key freshest | |
4993 | remove(keys, key); | |
4994 | keys.push(key); | |
4995 | } else { | |
4996 | cache[key] = vnode; | |
4997 | keys.push(key); | |
4998 | // prune oldest entry | |
4999 | if (this.max && keys.length > parseInt(this.max)) { | |
5000 | pruneCacheEntry(cache, keys[0], keys, this._vnode); | |
5001 | } | |
5002 | } | |
5003 | ||
5004 | vnode.data.keepAlive = true; | |
5005 | } | |
5006 | return vnode || (slot && slot[0]) | |
5007 | } | |
5008 | } | |
5009 | ||
5010 | var builtInComponents = { | |
5011 | KeepAlive: KeepAlive | |
5012 | } | |
5013 | ||
5014 | /* */ | |
5015 | ||
5016 | function initGlobalAPI (Vue) { | |
5017 | // config | |
5018 | var configDef = {}; | |
5019 | configDef.get = function () { return config; }; | |
5020 | { | |
5021 | configDef.set = function () { | |
5022 | warn( | |
5023 | 'Do not replace the Vue.config object, set individual fields instead.' | |
5024 | ); | |
5025 | }; | |
5026 | } | |
5027 | Object.defineProperty(Vue, 'config', configDef); | |
5028 | ||
5029 | // exposed util methods. | |
5030 | // NOTE: these are not considered part of the public API - avoid relying on | |
5031 | // them unless you are aware of the risk. | |
5032 | Vue.util = { | |
5033 | warn: warn, | |
5034 | extend: extend, | |
5035 | mergeOptions: mergeOptions, | |
5036 | defineReactive: defineReactive | |
5037 | }; | |
5038 | ||
5039 | Vue.set = set; | |
5040 | Vue.delete = del; | |
5041 | Vue.nextTick = nextTick; | |
5042 | ||
5043 | Vue.options = Object.create(null); | |
5044 | ASSET_TYPES.forEach(function (type) { | |
5045 | Vue.options[type + 's'] = Object.create(null); | |
5046 | }); | |
5047 | ||
5048 | // this is used to identify the "base" constructor to extend all plain-object | |
5049 | // components with in Weex's multi-instance scenarios. | |
5050 | Vue.options._base = Vue; | |
5051 | ||
5052 | extend(Vue.options.components, builtInComponents); | |
5053 | ||
5054 | initUse(Vue); | |
5055 | initMixin$1(Vue); | |
5056 | initExtend(Vue); | |
5057 | initAssetRegisters(Vue); | |
5058 | } | |
5059 | ||
5060 | initGlobalAPI(Vue); | |
5061 | ||
5062 | Object.defineProperty(Vue.prototype, '$isServer', { | |
5063 | get: isServerRendering | |
5064 | }); | |
5065 | ||
5066 | Object.defineProperty(Vue.prototype, '$ssrContext', { | |
5067 | get: function get () { | |
5068 | /* istanbul ignore next */ | |
5069 | return this.$vnode && this.$vnode.ssrContext | |
5070 | } | |
5071 | }); | |
5072 | ||
5073 | // expose FunctionalRenderContext for ssr runtime helper installation | |
5074 | Object.defineProperty(Vue, 'FunctionalRenderContext', { | |
5075 | value: FunctionalRenderContext | |
5076 | }); | |
5077 | ||
5078 | Vue.version = '2.5.16'; | |
5079 | ||
5080 | /* */ | |
5081 | ||
5082 | // these are reserved for web because they are directly compiled away | |
5083 | // during template compilation | |
5084 | var isReservedAttr = makeMap('style,class'); | |
5085 | ||
5086 | // attributes that should be using props for binding | |
5087 | var acceptValue = makeMap('input,textarea,option,select,progress'); | |
5088 | var mustUseProp = function (tag, type, attr) { | |
5089 | return ( | |
5090 | (attr === 'value' && acceptValue(tag)) && type !== 'button' || | |
5091 | (attr === 'selected' && tag === 'option') || | |
5092 | (attr === 'checked' && tag === 'input') || | |
5093 | (attr === 'muted' && tag === 'video') | |
5094 | ) | |
5095 | }; | |
5096 | ||
5097 | var isEnumeratedAttr = makeMap('contenteditable,draggable,spellcheck'); | |
5098 | ||
5099 | var isBooleanAttr = makeMap( | |
5100 | 'allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,' + | |
5101 | 'default,defaultchecked,defaultmuted,defaultselected,defer,disabled,' + | |
5102 | 'enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,' + | |
5103 | 'muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,' + | |
5104 | 'required,reversed,scoped,seamless,selected,sortable,translate,' + | |
5105 | 'truespeed,typemustmatch,visible' | |
5106 | ); | |
5107 | ||
5108 | var xlinkNS = 'http://www.w3.org/1999/xlink'; | |
5109 | ||
5110 | var isXlink = function (name) { | |
5111 | return name.charAt(5) === ':' && name.slice(0, 5) === 'xlink' | |
5112 | }; | |
5113 | ||
5114 | var getXlinkProp = function (name) { | |
5115 | return isXlink(name) ? name.slice(6, name.length) : '' | |
5116 | }; | |
5117 | ||
5118 | var isFalsyAttrValue = function (val) { | |
5119 | return val == null || val === false | |
5120 | }; | |
5121 | ||
5122 | /* */ | |
5123 | ||
5124 | function genClassForVnode (vnode) { | |
5125 | var data = vnode.data; | |
5126 | var parentNode = vnode; | |
5127 | var childNode = vnode; | |
5128 | while (isDef(childNode.componentInstance)) { | |
5129 | childNode = childNode.componentInstance._vnode; | |
5130 | if (childNode && childNode.data) { | |
5131 | data = mergeClassData(childNode.data, data); | |
5132 | } | |
5133 | } | |
5134 | while (isDef(parentNode = parentNode.parent)) { | |
5135 | if (parentNode && parentNode.data) { | |
5136 | data = mergeClassData(data, parentNode.data); | |
5137 | } | |
5138 | } | |
5139 | return renderClass(data.staticClass, data.class) | |
5140 | } | |
5141 | ||
5142 | function mergeClassData (child, parent) { | |
5143 | return { | |
5144 | staticClass: concat(child.staticClass, parent.staticClass), | |
5145 | class: isDef(child.class) | |
5146 | ? [child.class, parent.class] | |
5147 | : parent.class | |
5148 | } | |
5149 | } | |
5150 | ||
5151 | function renderClass ( | |
5152 | staticClass, | |
5153 | dynamicClass | |
5154 | ) { | |
5155 | if (isDef(staticClass) || isDef(dynamicClass)) { | |
5156 | return concat(staticClass, stringifyClass(dynamicClass)) | |
5157 | } | |
5158 | /* istanbul ignore next */ | |
5159 | return '' | |
5160 | } | |
5161 | ||
5162 | function concat (a, b) { | |
5163 | return a ? b ? (a + ' ' + b) : a : (b || '') | |
5164 | } | |
5165 | ||
5166 | function stringifyClass (value) { | |
5167 | if (Array.isArray(value)) { | |
5168 | return stringifyArray(value) | |
5169 | } | |
5170 | if (isObject(value)) { | |
5171 | return stringifyObject(value) | |
5172 | } | |
5173 | if (typeof value === 'string') { | |
5174 | return value | |
5175 | } | |
5176 | /* istanbul ignore next */ | |
5177 | return '' | |
5178 | } | |
5179 | ||
5180 | function stringifyArray (value) { | |
5181 | var res = ''; | |
5182 | var stringified; | |
5183 | for (var i = 0, l = value.length; i < l; i++) { | |
5184 | if (isDef(stringified = stringifyClass(value[i])) && stringified !== '') { | |
5185 | if (res) { res += ' '; } | |
5186 | res += stringified; | |
5187 | } | |
5188 | } | |
5189 | return res | |
5190 | } | |
5191 | ||
5192 | function stringifyObject (value) { | |
5193 | var res = ''; | |
5194 | for (var key in value) { | |
5195 | if (value[key]) { | |
5196 | if (res) { res += ' '; } | |
5197 | res += key; | |
5198 | } | |
5199 | } | |
5200 | return res | |
5201 | } | |
5202 | ||
5203 | /* */ | |
5204 | ||
5205 | var namespaceMap = { | |
5206 | svg: 'http://www.w3.org/2000/svg', | |
5207 | math: 'http://www.w3.org/1998/Math/MathML' | |
5208 | }; | |
5209 | ||
5210 | var isHTMLTag = makeMap( | |
5211 | 'html,body,base,head,link,meta,style,title,' + | |
5212 | 'address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,' + | |
5213 | 'div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,' + | |
5214 | 'a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,' + | |
5215 | 's,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,' + | |
5216 | 'embed,object,param,source,canvas,script,noscript,del,ins,' + | |
5217 | 'caption,col,colgroup,table,thead,tbody,td,th,tr,' + | |
5218 | 'button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,' + | |
5219 | 'output,progress,select,textarea,' + | |
5220 | 'details,dialog,menu,menuitem,summary,' + | |
5221 | 'content,element,shadow,template,blockquote,iframe,tfoot' | |
5222 | ); | |
5223 | ||
5224 | // this map is intentionally selective, only covering SVG elements that may | |
5225 | // contain child elements. | |
5226 | var isSVG = makeMap( | |
5227 | 'svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,' + | |
5228 | 'foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,' + | |
5229 | 'polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view', | |
5230 | true | |
5231 | ); | |
5232 | ||
5233 | var isPreTag = function (tag) { return tag === 'pre'; }; | |
5234 | ||
5235 | var isReservedTag = function (tag) { | |
5236 | return isHTMLTag(tag) || isSVG(tag) | |
5237 | }; | |
5238 | ||
5239 | function getTagNamespace (tag) { | |
5240 | if (isSVG(tag)) { | |
5241 | return 'svg' | |
5242 | } | |
5243 | // basic support for MathML | |
5244 | // note it doesn't support other MathML elements being component roots | |
5245 | if (tag === 'math') { | |
5246 | return 'math' | |
5247 | } | |
5248 | } | |
5249 | ||
5250 | var unknownElementCache = Object.create(null); | |
5251 | function isUnknownElement (tag) { | |
5252 | /* istanbul ignore if */ | |
5253 | if (!inBrowser) { | |
5254 | return true | |
5255 | } | |
5256 | if (isReservedTag(tag)) { | |
5257 | return false | |
5258 | } | |
5259 | tag = tag.toLowerCase(); | |
5260 | /* istanbul ignore if */ | |
5261 | if (unknownElementCache[tag] != null) { | |
5262 | return unknownElementCache[tag] | |
5263 | } | |
5264 | var el = document.createElement(tag); | |
5265 | if (tag.indexOf('-') > -1) { | |
5266 | // http://stackoverflow.com/a/28210364/1070244 | |
5267 | return (unknownElementCache[tag] = ( | |
5268 | el.constructor === window.HTMLUnknownElement || | |
5269 | el.constructor === window.HTMLElement | |
5270 | )) | |
5271 | } else { | |
5272 | return (unknownElementCache[tag] = /HTMLUnknownElement/.test(el.toString())) | |
5273 | } | |
5274 | } | |
5275 | ||
5276 | var isTextInputType = makeMap('text,number,password,search,email,tel,url'); | |
5277 | ||
5278 | /* */ | |
5279 | ||
5280 | /** | |
5281 | * Query an element selector if it's not an element already. | |
5282 | */ | |
5283 | function query (el) { | |
5284 | if (typeof el === 'string') { | |
5285 | var selected = document.querySelector(el); | |
5286 | if (!selected) { | |
5287 | "development" !== 'production' && warn( | |
5288 | 'Cannot find element: ' + el | |
5289 | ); | |
5290 | return document.createElement('div') | |
5291 | } | |
5292 | return selected | |
5293 | } else { | |
5294 | return el | |
5295 | } | |
5296 | } | |
5297 | ||
5298 | /* */ | |
5299 | ||
5300 | function createElement$1 (tagName, vnode) { | |
5301 | var elm = document.createElement(tagName); | |
5302 | if (tagName !== 'select') { | |
5303 | return elm | |
5304 | } | |
5305 | // false or null will remove the attribute but undefined will not | |
5306 | if (vnode.data && vnode.data.attrs && vnode.data.attrs.multiple !== undefined) { | |
5307 | elm.setAttribute('multiple', 'multiple'); | |
5308 | } | |
5309 | return elm | |
5310 | } | |
5311 | ||
5312 | function createElementNS (namespace, tagName) { | |
5313 | return document.createElementNS(namespaceMap[namespace], tagName) | |
5314 | } | |
5315 | ||
5316 | function createTextNode (text) { | |
5317 | return document.createTextNode(text) | |
5318 | } | |
5319 | ||
5320 | function createComment (text) { | |
5321 | return document.createComment(text) | |
5322 | } | |
5323 | ||
5324 | function insertBefore (parentNode, newNode, referenceNode) { | |
5325 | parentNode.insertBefore(newNode, referenceNode); | |
5326 | } | |
5327 | ||
5328 | function removeChild (node, child) { | |
5329 | node.removeChild(child); | |
5330 | } | |
5331 | ||
5332 | function appendChild (node, child) { | |
5333 | node.appendChild(child); | |
5334 | } | |
5335 | ||
5336 | function parentNode (node) { | |
5337 | return node.parentNode | |
5338 | } | |
5339 | ||
5340 | function nextSibling (node) { | |
5341 | return node.nextSibling | |
5342 | } | |
5343 | ||
5344 | function tagName (node) { | |
5345 | return node.tagName | |
5346 | } | |
5347 | ||
5348 | function setTextContent (node, text) { | |
5349 | node.textContent = text; | |
5350 | } | |
5351 | ||
5352 | function setStyleScope (node, scopeId) { | |
5353 | node.setAttribute(scopeId, ''); | |
5354 | } | |
5355 | ||
5356 | ||
5357 | var nodeOps = Object.freeze({ | |
5358 | createElement: createElement$1, | |
5359 | createElementNS: createElementNS, | |
5360 | createTextNode: createTextNode, | |
5361 | createComment: createComment, | |
5362 | insertBefore: insertBefore, | |
5363 | removeChild: removeChild, | |
5364 | appendChild: appendChild, | |
5365 | parentNode: parentNode, | |
5366 | nextSibling: nextSibling, | |
5367 | tagName: tagName, | |
5368 | setTextContent: setTextContent, | |
5369 | setStyleScope: setStyleScope | |
5370 | }); | |
5371 | ||
5372 | /* */ | |
5373 | ||
5374 | var ref = { | |
5375 | create: function create (_, vnode) { | |
5376 | registerRef(vnode); | |
5377 | }, | |
5378 | update: function update (oldVnode, vnode) { | |
5379 | if (oldVnode.data.ref !== vnode.data.ref) { | |
5380 | registerRef(oldVnode, true); | |
5381 | registerRef(vnode); | |
5382 | } | |
5383 | }, | |
5384 | destroy: function destroy (vnode) { | |
5385 | registerRef(vnode, true); | |
5386 | } | |
5387 | } | |
5388 | ||
5389 | function registerRef (vnode, isRemoval) { | |
5390 | var key = vnode.data.ref; | |
5391 | if (!isDef(key)) { return } | |
5392 | ||
5393 | var vm = vnode.context; | |
5394 | var ref = vnode.componentInstance || vnode.elm; | |
5395 | var refs = vm.$refs; | |
5396 | if (isRemoval) { | |
5397 | if (Array.isArray(refs[key])) { | |
5398 | remove(refs[key], ref); | |
5399 | } else if (refs[key] === ref) { | |
5400 | refs[key] = undefined; | |
5401 | } | |
5402 | } else { | |
5403 | if (vnode.data.refInFor) { | |
5404 | if (!Array.isArray(refs[key])) { | |
5405 | refs[key] = [ref]; | |
5406 | } else if (refs[key].indexOf(ref) < 0) { | |
5407 | // $flow-disable-line | |
5408 | refs[key].push(ref); | |
5409 | } | |
5410 | } else { | |
5411 | refs[key] = ref; | |
5412 | } | |
5413 | } | |
5414 | } | |
5415 | ||
5416 | /** | |
5417 | * Virtual DOM patching algorithm based on Snabbdom by | |
5418 | * Simon Friis Vindum (@paldepind) | |
5419 | * Licensed under the MIT License | |
5420 | * https://github.com/paldepind/snabbdom/blob/master/LICENSE | |
5421 | * | |
5422 | * modified by Evan You (@yyx990803) | |
5423 | * | |
5424 | * Not type-checking this because this file is perf-critical and the cost | |
5425 | * of making flow understand it is not worth it. | |
5426 | */ | |
5427 | ||
5428 | var emptyNode = new VNode('', {}, []); | |
5429 | ||
5430 | var hooks = ['create', 'activate', 'update', 'remove', 'destroy']; | |
5431 | ||
5432 | function sameVnode (a, b) { | |
5433 | return ( | |
5434 | a.key === b.key && ( | |
5435 | ( | |
5436 | a.tag === b.tag && | |
5437 | a.isComment === b.isComment && | |
5438 | isDef(a.data) === isDef(b.data) && | |
5439 | sameInputType(a, b) | |
5440 | ) || ( | |
5441 | isTrue(a.isAsyncPlaceholder) && | |
5442 | a.asyncFactory === b.asyncFactory && | |
5443 | isUndef(b.asyncFactory.error) | |
5444 | ) | |
5445 | ) | |
5446 | ) | |
5447 | } | |
5448 | ||
5449 | function sameInputType (a, b) { | |
5450 | if (a.tag !== 'input') { return true } | |
5451 | var i; | |
5452 | var typeA = isDef(i = a.data) && isDef(i = i.attrs) && i.type; | |
5453 | var typeB = isDef(i = b.data) && isDef(i = i.attrs) && i.type; | |
5454 | return typeA === typeB || isTextInputType(typeA) && isTextInputType(typeB) | |
5455 | } | |
5456 | ||
5457 | function createKeyToOldIdx (children, beginIdx, endIdx) { | |
5458 | var i, key; | |
5459 | var map = {}; | |
5460 | for (i = beginIdx; i <= endIdx; ++i) { | |
5461 | key = children[i].key; | |
5462 | if (isDef(key)) { map[key] = i; } | |
5463 | } | |
5464 | return map | |
5465 | } | |
5466 | ||
5467 | function createPatchFunction (backend) { | |
5468 | var i, j; | |
5469 | var cbs = {}; | |
5470 | ||
5471 | var modules = backend.modules; | |
5472 | var nodeOps = backend.nodeOps; | |
5473 | ||
5474 | for (i = 0; i < hooks.length; ++i) { | |
5475 | cbs[hooks[i]] = []; | |
5476 | for (j = 0; j < modules.length; ++j) { | |
5477 | if (isDef(modules[j][hooks[i]])) { | |
5478 | cbs[hooks[i]].push(modules[j][hooks[i]]); | |
5479 | } | |
5480 | } | |
5481 | } | |
5482 | ||
5483 | function emptyNodeAt (elm) { | |
5484 | return new VNode(nodeOps.tagName(elm).toLowerCase(), {}, [], undefined, elm) | |
5485 | } | |
5486 | ||
5487 | function createRmCb (childElm, listeners) { | |
5488 | function remove () { | |
5489 | if (--remove.listeners === 0) { | |
5490 | removeNode(childElm); | |
5491 | } | |
5492 | } | |
5493 | remove.listeners = listeners; | |
5494 | return remove | |
5495 | } | |
5496 | ||
5497 | function removeNode (el) { | |
5498 | var parent = nodeOps.parentNode(el); | |
5499 | // element may have already been removed due to v-html / v-text | |
5500 | if (isDef(parent)) { | |
5501 | nodeOps.removeChild(parent, el); | |
5502 | } | |
5503 | } | |
5504 | ||
5505 | function isUnknownElement$$1 (vnode, inVPre) { | |
5506 | return ( | |
5507 | !inVPre && | |
5508 | !vnode.ns && | |
5509 | !( | |
5510 | config.ignoredElements.length && | |
5511 | config.ignoredElements.some(function (ignore) { | |
5512 | return isRegExp(ignore) | |
5513 | ? ignore.test(vnode.tag) | |
5514 | : ignore === vnode.tag | |
5515 | }) | |
5516 | ) && | |
5517 | config.isUnknownElement(vnode.tag) | |
5518 | ) | |
5519 | } | |
5520 | ||
5521 | var creatingElmInVPre = 0; | |
5522 | ||
5523 | function createElm ( | |
5524 | vnode, | |
5525 | insertedVnodeQueue, | |
5526 | parentElm, | |
5527 | refElm, | |
5528 | nested, | |
5529 | ownerArray, | |
5530 | index | |
5531 | ) { | |
5532 | if (isDef(vnode.elm) && isDef(ownerArray)) { | |
5533 | // This vnode was used in a previous render! | |
5534 | // now it's used as a new node, overwriting its elm would cause | |
5535 | // potential patch errors down the road when it's used as an insertion | |
5536 | // reference node. Instead, we clone the node on-demand before creating | |
5537 | // associated DOM element for it. | |
5538 | vnode = ownerArray[index] = cloneVNode(vnode); | |
5539 | } | |
5540 | ||
5541 | vnode.isRootInsert = !nested; // for transition enter check | |
5542 | if (createComponent(vnode, insertedVnodeQueue, parentElm, refElm)) { | |
5543 | return | |
5544 | } | |
5545 | ||
5546 | var data = vnode.data; | |
5547 | var children = vnode.children; | |
5548 | var tag = vnode.tag; | |
5549 | if (isDef(tag)) { | |
5550 | { | |
5551 | if (data && data.pre) { | |
5552 | creatingElmInVPre++; | |
5553 | } | |
5554 | if (isUnknownElement$$1(vnode, creatingElmInVPre)) { | |
5555 | warn( | |
5556 | 'Unknown custom element: <' + tag + '> - did you ' + | |
5557 | 'register the component correctly? For recursive components, ' + | |
5558 | 'make sure to provide the "name" option.', | |
5559 | vnode.context | |
5560 | ); | |
5561 | } | |
5562 | } | |
5563 | ||
5564 | vnode.elm = vnode.ns | |
5565 | ? nodeOps.createElementNS(vnode.ns, tag) | |
5566 | : nodeOps.createElement(tag, vnode); | |
5567 | setScope(vnode); | |
5568 | ||
5569 | /* istanbul ignore if */ | |
5570 | { | |
5571 | createChildren(vnode, children, insertedVnodeQueue); | |
5572 | if (isDef(data)) { | |
5573 | invokeCreateHooks(vnode, insertedVnodeQueue); | |
5574 | } | |
5575 | insert(parentElm, vnode.elm, refElm); | |
5576 | } | |
5577 | ||
5578 | if ("development" !== 'production' && data && data.pre) { | |
5579 | creatingElmInVPre--; | |
5580 | } | |
5581 | } else if (isTrue(vnode.isComment)) { | |
5582 | vnode.elm = nodeOps.createComment(vnode.text); | |
5583 | insert(parentElm, vnode.elm, refElm); | |
5584 | } else { | |
5585 | vnode.elm = nodeOps.createTextNode(vnode.text); | |
5586 | insert(parentElm, vnode.elm, refElm); | |
5587 | } | |
5588 | } | |
5589 | ||
5590 | function createComponent (vnode, insertedVnodeQueue, parentElm, refElm) { | |
5591 | var i = vnode.data; | |
5592 | if (isDef(i)) { | |
5593 | var isReactivated = isDef(vnode.componentInstance) && i.keepAlive; | |
5594 | if (isDef(i = i.hook) && isDef(i = i.init)) { | |
5595 | i(vnode, false /* hydrating */, parentElm, refElm); | |
5596 | } | |
5597 | // after calling the init hook, if the vnode is a child component | |
5598 | // it should've created a child instance and mounted it. the child | |
5599 | // component also has set the placeholder vnode's elm. | |
5600 | // in that case we can just return the element and be done. | |
5601 | if (isDef(vnode.componentInstance)) { | |
5602 | initComponent(vnode, insertedVnodeQueue); | |
5603 | if (isTrue(isReactivated)) { | |
5604 | reactivateComponent(vnode, insertedVnodeQueue, parentElm, refElm); | |
5605 | } | |
5606 | return true | |
5607 | } | |
5608 | } | |
5609 | } | |
5610 | ||
5611 | function initComponent (vnode, insertedVnodeQueue) { | |
5612 | if (isDef(vnode.data.pendingInsert)) { | |
5613 | insertedVnodeQueue.push.apply(insertedVnodeQueue, vnode.data.pendingInsert); | |
5614 | vnode.data.pendingInsert = null; | |
5615 | } | |
5616 | vnode.elm = vnode.componentInstance.$el; | |
5617 | if (isPatchable(vnode)) { | |
5618 | invokeCreateHooks(vnode, insertedVnodeQueue); | |
5619 | setScope(vnode); | |
5620 | } else { | |
5621 | // empty component root. | |
5622 | // skip all element-related modules except for ref (#3455) | |
5623 | registerRef(vnode); | |
5624 | // make sure to invoke the insert hook | |
5625 | insertedVnodeQueue.push(vnode); | |
5626 | } | |
5627 | } | |
5628 | ||
5629 | function reactivateComponent (vnode, insertedVnodeQueue, parentElm, refElm) { | |
5630 | var i; | |
5631 | // hack for #4339: a reactivated component with inner transition | |
5632 | // does not trigger because the inner node's created hooks are not called | |
5633 | // again. It's not ideal to involve module-specific logic in here but | |
5634 | // there doesn't seem to be a better way to do it. | |
5635 | var innerNode = vnode; | |
5636 | while (innerNode.componentInstance) { | |
5637 | innerNode = innerNode.componentInstance._vnode; | |
5638 | if (isDef(i = innerNode.data) && isDef(i = i.transition)) { | |
5639 | for (i = 0; i < cbs.activate.length; ++i) { | |
5640 | cbs.activate[i](emptyNode, innerNode); | |
5641 | } | |
5642 | insertedVnodeQueue.push(innerNode); | |
5643 | break | |
5644 | } | |
5645 | } | |
5646 | // unlike a newly created component, | |
5647 | // a reactivated keep-alive component doesn't insert itself | |
5648 | insert(parentElm, vnode.elm, refElm); | |
5649 | } | |
5650 | ||
5651 | function insert (parent, elm, ref$$1) { | |
5652 | if (isDef(parent)) { | |
5653 | if (isDef(ref$$1)) { | |
5654 | if (ref$$1.parentNode === parent) { | |
5655 | nodeOps.insertBefore(parent, elm, ref$$1); | |
5656 | } | |
5657 | } else { | |
5658 | nodeOps.appendChild(parent, elm); | |
5659 | } | |
5660 | } | |
5661 | } | |
5662 | ||
5663 | function createChildren (vnode, children, insertedVnodeQueue) { | |
5664 | if (Array.isArray(children)) { | |
5665 | { | |
5666 | checkDuplicateKeys(children); | |
5667 | } | |
5668 | for (var i = 0; i < children.length; ++i) { | |
5669 | createElm(children[i], insertedVnodeQueue, vnode.elm, null, true, children, i); | |
5670 | } | |
5671 | } else if (isPrimitive(vnode.text)) { | |
5672 | nodeOps.appendChild(vnode.elm, nodeOps.createTextNode(String(vnode.text))); | |
5673 | } | |
5674 | } | |
5675 | ||
5676 | function isPatchable (vnode) { | |
5677 | while (vnode.componentInstance) { | |
5678 | vnode = vnode.componentInstance._vnode; | |
5679 | } | |
5680 | return isDef(vnode.tag) | |
5681 | } | |
5682 | ||
5683 | function invokeCreateHooks (vnode, insertedVnodeQueue) { | |
5684 | for (var i$1 = 0; i$1 < cbs.create.length; ++i$1) { | |
5685 | cbs.create[i$1](emptyNode, vnode); | |
5686 | } | |
5687 | i = vnode.data.hook; // Reuse variable | |
5688 | if (isDef(i)) { | |
5689 | if (isDef(i.create)) { i.create(emptyNode, vnode); } | |
5690 | if (isDef(i.insert)) { insertedVnodeQueue.push(vnode); } | |
5691 | } | |
5692 | } | |
5693 | ||
5694 | // set scope id attribute for scoped CSS. | |
5695 | // this is implemented as a special case to avoid the overhead | |
5696 | // of going through the normal attribute patching process. | |
5697 | function setScope (vnode) { | |
5698 | var i; | |
5699 | if (isDef(i = vnode.fnScopeId)) { | |
5700 | nodeOps.setStyleScope(vnode.elm, i); | |
5701 | } else { | |
5702 | var ancestor = vnode; | |
5703 | while (ancestor) { | |
5704 | if (isDef(i = ancestor.context) && isDef(i = i.$options._scopeId)) { | |
5705 | nodeOps.setStyleScope(vnode.elm, i); | |
5706 | } | |
5707 | ancestor = ancestor.parent; | |
5708 | } | |
5709 | } | |
5710 | // for slot content they should also get the scopeId from the host instance. | |
5711 | if (isDef(i = activeInstance) && | |
5712 | i !== vnode.context && | |
5713 | i !== vnode.fnContext && | |
5714 | isDef(i = i.$options._scopeId) | |
5715 | ) { | |
5716 | nodeOps.setStyleScope(vnode.elm, i); | |
5717 | } | |
5718 | } | |
5719 | ||
5720 | function addVnodes (parentElm, refElm, vnodes, startIdx, endIdx, insertedVnodeQueue) { | |
5721 | for (; startIdx <= endIdx; ++startIdx) { | |
5722 | createElm(vnodes[startIdx], insertedVnodeQueue, parentElm, refElm, false, vnodes, startIdx); | |
5723 | } | |
5724 | } | |
5725 | ||
5726 | function invokeDestroyHook (vnode) { | |
5727 | var i, j; | |
5728 | var data = vnode.data; | |
5729 | if (isDef(data)) { | |
5730 | if (isDef(i = data.hook) && isDef(i = i.destroy)) { i(vnode); } | |
5731 | for (i = 0; i < cbs.destroy.length; ++i) { cbs.destroy[i](vnode); } | |
5732 | } | |
5733 | if (isDef(i = vnode.children)) { | |
5734 | for (j = 0; j < vnode.children.length; ++j) { | |
5735 | invokeDestroyHook(vnode.children[j]); | |
5736 | } | |
5737 | } | |
5738 | } | |
5739 | ||
5740 | function removeVnodes (parentElm, vnodes, startIdx, endIdx) { | |
5741 | for (; startIdx <= endIdx; ++startIdx) { | |
5742 | var ch = vnodes[startIdx]; | |
5743 | if (isDef(ch)) { | |
5744 | if (isDef(ch.tag)) { | |
5745 | removeAndInvokeRemoveHook(ch); | |
5746 | invokeDestroyHook(ch); | |
5747 | } else { // Text node | |
5748 | removeNode(ch.elm); | |
5749 | } | |
5750 | } | |
5751 | } | |
5752 | } | |
5753 | ||
5754 | function removeAndInvokeRemoveHook (vnode, rm) { | |
5755 | if (isDef(rm) || isDef(vnode.data)) { | |
5756 | var i; | |
5757 | var listeners = cbs.remove.length + 1; | |
5758 | if (isDef(rm)) { | |
5759 | // we have a recursively passed down rm callback | |
5760 | // increase the listeners count | |
5761 | rm.listeners += listeners; | |
5762 | } else { | |
5763 | // directly removing | |
5764 | rm = createRmCb(vnode.elm, listeners); | |
5765 | } | |
5766 | // recursively invoke hooks on child component root node | |
5767 | if (isDef(i = vnode.componentInstance) && isDef(i = i._vnode) && isDef(i.data)) { | |
5768 | removeAndInvokeRemoveHook(i, rm); | |
5769 | } | |
5770 | for (i = 0; i < cbs.remove.length; ++i) { | |
5771 | cbs.remove[i](vnode, rm); | |
5772 | } | |
5773 | if (isDef(i = vnode.data.hook) && isDef(i = i.remove)) { | |
5774 | i(vnode, rm); | |
5775 | } else { | |
5776 | rm(); | |
5777 | } | |
5778 | } else { | |
5779 | removeNode(vnode.elm); | |
5780 | } | |
5781 | } | |
5782 | ||
5783 | function updateChildren (parentElm, oldCh, newCh, insertedVnodeQueue, removeOnly) { | |
5784 | var oldStartIdx = 0; | |
5785 | var newStartIdx = 0; | |
5786 | var oldEndIdx = oldCh.length - 1; | |
5787 | var oldStartVnode = oldCh[0]; | |
5788 | var oldEndVnode = oldCh[oldEndIdx]; | |
5789 | var newEndIdx = newCh.length - 1; | |
5790 | var newStartVnode = newCh[0]; | |
5791 | var newEndVnode = newCh[newEndIdx]; | |
5792 | var oldKeyToIdx, idxInOld, vnodeToMove, refElm; | |
5793 | ||
5794 | // removeOnly is a special flag used only by <transition-group> | |
5795 | // to ensure removed elements stay in correct relative positions | |
5796 | // during leaving transitions | |
5797 | var canMove = !removeOnly; | |
5798 | ||
5799 | { | |
5800 | checkDuplicateKeys(newCh); | |
5801 | } | |
5802 | ||
5803 | while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) { | |
5804 | if (isUndef(oldStartVnode)) { | |
5805 | oldStartVnode = oldCh[++oldStartIdx]; // Vnode has been moved left | |
5806 | } else if (isUndef(oldEndVnode)) { | |
5807 | oldEndVnode = oldCh[--oldEndIdx]; | |
5808 | } else if (sameVnode(oldStartVnode, newStartVnode)) { | |
5809 | patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue); | |
5810 | oldStartVnode = oldCh[++oldStartIdx]; | |
5811 | newStartVnode = newCh[++newStartIdx]; | |
5812 | } else if (sameVnode(oldEndVnode, newEndVnode)) { | |
5813 | patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue); | |
5814 | oldEndVnode = oldCh[--oldEndIdx]; | |
5815 | newEndVnode = newCh[--newEndIdx]; | |
5816 | } else if (sameVnode(oldStartVnode, newEndVnode)) { // Vnode moved right | |
5817 | patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue); | |
5818 | canMove && nodeOps.insertBefore(parentElm, oldStartVnode.elm, nodeOps.nextSibling(oldEndVnode.elm)); | |
5819 | oldStartVnode = oldCh[++oldStartIdx]; | |
5820 | newEndVnode = newCh[--newEndIdx]; | |
5821 | } else if (sameVnode(oldEndVnode, newStartVnode)) { // Vnode moved left | |
5822 | patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue); | |
5823 | canMove && nodeOps.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm); | |
5824 | oldEndVnode = oldCh[--oldEndIdx]; | |
5825 | newStartVnode = newCh[++newStartIdx]; | |
5826 | } else { | |
5827 | if (isUndef(oldKeyToIdx)) { oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx); } | |
5828 | idxInOld = isDef(newStartVnode.key) | |
5829 | ? oldKeyToIdx[newStartVnode.key] | |
5830 | : findIdxInOld(newStartVnode, oldCh, oldStartIdx, oldEndIdx); | |
5831 | if (isUndef(idxInOld)) { // New element | |
5832 | createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm, false, newCh, newStartIdx); | |
5833 | } else { | |
5834 | vnodeToMove = oldCh[idxInOld]; | |
5835 | if (sameVnode(vnodeToMove, newStartVnode)) { | |
5836 | patchVnode(vnodeToMove, newStartVnode, insertedVnodeQueue); | |
5837 | oldCh[idxInOld] = undefined; | |
5838 | canMove && nodeOps.insertBefore(parentElm, vnodeToMove.elm, oldStartVnode.elm); | |
5839 | } else { | |
5840 | // same key but different element. treat as new element | |
5841 | createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm, false, newCh, newStartIdx); | |
5842 | } | |
5843 | } | |
5844 | newStartVnode = newCh[++newStartIdx]; | |
5845 | } | |
5846 | } | |
5847 | if (oldStartIdx > oldEndIdx) { | |
5848 | refElm = isUndef(newCh[newEndIdx + 1]) ? null : newCh[newEndIdx + 1].elm; | |
5849 | addVnodes(parentElm, refElm, newCh, newStartIdx, newEndIdx, insertedVnodeQueue); | |
5850 | } else if (newStartIdx > newEndIdx) { | |
5851 | removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx); | |
5852 | } | |
5853 | } | |
5854 | ||
5855 | function checkDuplicateKeys (children) { | |
5856 | var seenKeys = {}; | |
5857 | for (var i = 0; i < children.length; i++) { | |
5858 | var vnode = children[i]; | |
5859 | var key = vnode.key; | |
5860 | if (isDef(key)) { | |
5861 | if (seenKeys[key]) { | |
5862 | warn( | |
5863 | ("Duplicate keys detected: '" + key + "'. This may cause an update error."), | |
5864 | vnode.context | |
5865 | ); | |
5866 | } else { | |
5867 | seenKeys[key] = true; | |
5868 | } | |
5869 | } | |
5870 | } | |
5871 | } | |
5872 | ||
5873 | function findIdxInOld (node, oldCh, start, end) { | |
5874 | for (var i = start; i < end; i++) { | |
5875 | var c = oldCh[i]; | |
5876 | if (isDef(c) && sameVnode(node, c)) { return i } | |
5877 | } | |
5878 | } | |
5879 | ||
5880 | function patchVnode (oldVnode, vnode, insertedVnodeQueue, removeOnly) { | |
5881 | if (oldVnode === vnode) { | |
5882 | return | |
5883 | } | |
5884 | ||
5885 | var elm = vnode.elm = oldVnode.elm; | |
5886 | ||
5887 | if (isTrue(oldVnode.isAsyncPlaceholder)) { | |
5888 | if (isDef(vnode.asyncFactory.resolved)) { | |
5889 | hydrate(oldVnode.elm, vnode, insertedVnodeQueue); | |
5890 | } else { | |
5891 | vnode.isAsyncPlaceholder = true; | |
5892 | } | |
5893 | return | |
5894 | } | |
5895 | ||
5896 | // reuse element for static trees. | |
5897 | // note we only do this if the vnode is cloned - | |
5898 | // if the new node is not cloned it means the render functions have been | |
5899 | // reset by the hot-reload-api and we need to do a proper re-render. | |
5900 | if (isTrue(vnode.isStatic) && | |
5901 | isTrue(oldVnode.isStatic) && | |
5902 | vnode.key === oldVnode.key && | |
5903 | (isTrue(vnode.isCloned) || isTrue(vnode.isOnce)) | |
5904 | ) { | |
5905 | vnode.componentInstance = oldVnode.componentInstance; | |
5906 | return | |
5907 | } | |
5908 | ||
5909 | var i; | |
5910 | var data = vnode.data; | |
5911 | if (isDef(data) && isDef(i = data.hook) && isDef(i = i.prepatch)) { | |
5912 | i(oldVnode, vnode); | |
5913 | } | |
5914 | ||
5915 | var oldCh = oldVnode.children; | |
5916 | var ch = vnode.children; | |
5917 | if (isDef(data) && isPatchable(vnode)) { | |
5918 | for (i = 0; i < cbs.update.length; ++i) { cbs.update[i](oldVnode, vnode); } | |
5919 | if (isDef(i = data.hook) && isDef(i = i.update)) { i(oldVnode, vnode); } | |
5920 | } | |
5921 | if (isUndef(vnode.text)) { | |
5922 | if (isDef(oldCh) && isDef(ch)) { | |
5923 | if (oldCh !== ch) { updateChildren(elm, oldCh, ch, insertedVnodeQueue, removeOnly); } | |
5924 | } else if (isDef(ch)) { | |
5925 | if (isDef(oldVnode.text)) { nodeOps.setTextContent(elm, ''); } | |
5926 | addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue); | |
5927 | } else if (isDef(oldCh)) { | |
5928 | removeVnodes(elm, oldCh, 0, oldCh.length - 1); | |
5929 | } else if (isDef(oldVnode.text)) { | |
5930 | nodeOps.setTextContent(elm, ''); | |
5931 | } | |
5932 | } else if (oldVnode.text !== vnode.text) { | |
5933 | nodeOps.setTextContent(elm, vnode.text); | |
5934 | } | |
5935 | if (isDef(data)) { | |
5936 | if (isDef(i = data.hook) && isDef(i = i.postpatch)) { i(oldVnode, vnode); } | |
5937 | } | |
5938 | } | |
5939 | ||
5940 | function invokeInsertHook (vnode, queue, initial) { | |
5941 | // delay insert hooks for component root nodes, invoke them after the | |
5942 | // element is really inserted | |
5943 | if (isTrue(initial) && isDef(vnode.parent)) { | |
5944 | vnode.parent.data.pendingInsert = queue; | |
5945 | } else { | |
5946 | for (var i = 0; i < queue.length; ++i) { | |
5947 | queue[i].data.hook.insert(queue[i]); | |
5948 | } | |
5949 | } | |
5950 | } | |
5951 | ||
5952 | var hydrationBailed = false; | |
5953 | // list of modules that can skip create hook during hydration because they | |
5954 | // are already rendered on the client or has no need for initialization | |
5955 | // Note: style is excluded because it relies on initial clone for future | |
5956 | // deep updates (#7063). | |
5957 | var isRenderedModule = makeMap('attrs,class,staticClass,staticStyle,key'); | |
5958 | ||
5959 | // Note: this is a browser-only function so we can assume elms are DOM nodes. | |
5960 | function hydrate (elm, vnode, insertedVnodeQueue, inVPre) { | |
5961 | var i; | |
5962 | var tag = vnode.tag; | |
5963 | var data = vnode.data; | |
5964 | var children = vnode.children; | |
5965 | inVPre = inVPre || (data && data.pre); | |
5966 | vnode.elm = elm; | |
5967 | ||
5968 | if (isTrue(vnode.isComment) && isDef(vnode.asyncFactory)) { | |
5969 | vnode.isAsyncPlaceholder = true; | |
5970 | return true | |
5971 | } | |
5972 | // assert node match | |
5973 | { | |
5974 | if (!assertNodeMatch(elm, vnode, inVPre)) { | |
5975 | return false | |
5976 | } | |
5977 | } | |
5978 | if (isDef(data)) { | |
5979 | if (isDef(i = data.hook) && isDef(i = i.init)) { i(vnode, true /* hydrating */); } | |
5980 | if (isDef(i = vnode.componentInstance)) { | |
5981 | // child component. it should have hydrated its own tree. | |
5982 | initComponent(vnode, insertedVnodeQueue); | |
5983 | return true | |
5984 | } | |
5985 | } | |
5986 | if (isDef(tag)) { | |
5987 | if (isDef(children)) { | |
5988 | // empty element, allow client to pick up and populate children | |
5989 | if (!elm.hasChildNodes()) { | |
5990 | createChildren(vnode, children, insertedVnodeQueue); | |
5991 | } else { | |
5992 | // v-html and domProps: innerHTML | |
5993 | if (isDef(i = data) && isDef(i = i.domProps) && isDef(i = i.innerHTML)) { | |
5994 | if (i !== elm.innerHTML) { | |
5995 | /* istanbul ignore if */ | |
5996 | if ("development" !== 'production' && | |
5997 | typeof console !== 'undefined' && | |
5998 | !hydrationBailed | |
5999 | ) { | |
6000 | hydrationBailed = true; | |
6001 | console.warn('Parent: ', elm); | |
6002 | console.warn('server innerHTML: ', i); | |
6003 | console.warn('client innerHTML: ', elm.innerHTML); | |
6004 | } | |
6005 | return false | |
6006 | } | |
6007 | } else { | |
6008 | // iterate and compare children lists | |
6009 | var childrenMatch = true; | |
6010 | var childNode = elm.firstChild; | |
6011 | for (var i$1 = 0; i$1 < children.length; i$1++) { | |
6012 | if (!childNode || !hydrate(childNode, children[i$1], insertedVnodeQueue, inVPre)) { | |
6013 | childrenMatch = false; | |
6014 | break | |
6015 | } | |
6016 | childNode = childNode.nextSibling; | |
6017 | } | |
6018 | // if childNode is not null, it means the actual childNodes list is | |
6019 | // longer than the virtual children list. | |
6020 | if (!childrenMatch || childNode) { | |
6021 | /* istanbul ignore if */ | |
6022 | if ("development" !== 'production' && | |
6023 | typeof console !== 'undefined' && | |
6024 | !hydrationBailed | |
6025 | ) { | |
6026 | hydrationBailed = true; | |
6027 | console.warn('Parent: ', elm); | |
6028 | console.warn('Mismatching childNodes vs. VNodes: ', elm.childNodes, children); | |
6029 | } | |
6030 | return false | |
6031 | } | |
6032 | } | |
6033 | } | |
6034 | } | |
6035 | if (isDef(data)) { | |
6036 | var fullInvoke = false; | |
6037 | for (var key in data) { | |
6038 | if (!isRenderedModule(key)) { | |
6039 | fullInvoke = true; | |
6040 | invokeCreateHooks(vnode, insertedVnodeQueue); | |
6041 | break | |
6042 | } | |
6043 | } | |
6044 | if (!fullInvoke && data['class']) { | |
6045 | // ensure collecting deps for deep class bindings for future updates | |
6046 | traverse(data['class']); | |
6047 | } | |
6048 | } | |
6049 | } else if (elm.data !== vnode.text) { | |
6050 | elm.data = vnode.text; | |
6051 | } | |
6052 | return true | |
6053 | } | |
6054 | ||
6055 | function assertNodeMatch (node, vnode, inVPre) { | |
6056 | if (isDef(vnode.tag)) { | |
6057 | return vnode.tag.indexOf('vue-component') === 0 || ( | |
6058 | !isUnknownElement$$1(vnode, inVPre) && | |
6059 | vnode.tag.toLowerCase() === (node.tagName && node.tagName.toLowerCase()) | |
6060 | ) | |
6061 | } else { | |
6062 | return node.nodeType === (vnode.isComment ? 8 : 3) | |
6063 | } | |
6064 | } | |
6065 | ||
6066 | return function patch (oldVnode, vnode, hydrating, removeOnly, parentElm, refElm) { | |
6067 | if (isUndef(vnode)) { | |
6068 | if (isDef(oldVnode)) { invokeDestroyHook(oldVnode); } | |
6069 | return | |
6070 | } | |
6071 | ||
6072 | var isInitialPatch = false; | |
6073 | var insertedVnodeQueue = []; | |
6074 | ||
6075 | if (isUndef(oldVnode)) { | |
6076 | // empty mount (likely as component), create new root element | |
6077 | isInitialPatch = true; | |
6078 | createElm(vnode, insertedVnodeQueue, parentElm, refElm); | |
6079 | } else { | |
6080 | var isRealElement = isDef(oldVnode.nodeType); | |
6081 | if (!isRealElement && sameVnode(oldVnode, vnode)) { | |
6082 | // patch existing root node | |
6083 | patchVnode(oldVnode, vnode, insertedVnodeQueue, removeOnly); | |
6084 | } else { | |
6085 | if (isRealElement) { | |
6086 | // mounting to a real element | |
6087 | // check if this is server-rendered content and if we can perform | |
6088 | // a successful hydration. | |
6089 | if (oldVnode.nodeType === 1 && oldVnode.hasAttribute(SSR_ATTR)) { | |
6090 | oldVnode.removeAttribute(SSR_ATTR); | |
6091 | hydrating = true; | |
6092 | } | |
6093 | if (isTrue(hydrating)) { | |
6094 | if (hydrate(oldVnode, vnode, insertedVnodeQueue)) { | |
6095 | invokeInsertHook(vnode, insertedVnodeQueue, true); | |
6096 | return oldVnode | |
6097 | } else { | |
6098 | warn( | |
6099 | 'The client-side rendered virtual DOM tree is not matching ' + | |
6100 | 'server-rendered content. This is likely caused by incorrect ' + | |
6101 | 'HTML markup, for example nesting block-level elements inside ' + | |
6102 | '<p>, or missing <tbody>. Bailing hydration and performing ' + | |
6103 | 'full client-side render.' | |
6104 | ); | |
6105 | } | |
6106 | } | |
6107 | // either not server-rendered, or hydration failed. | |
6108 | // create an empty node and replace it | |
6109 | oldVnode = emptyNodeAt(oldVnode); | |
6110 | } | |
6111 | ||
6112 | // replacing existing element | |
6113 | var oldElm = oldVnode.elm; | |
6114 | var parentElm$1 = nodeOps.parentNode(oldElm); | |
6115 | ||
6116 | // create new node | |
6117 | createElm( | |
6118 | vnode, | |
6119 | insertedVnodeQueue, | |
6120 | // extremely rare edge case: do not insert if old element is in a | |
6121 | // leaving transition. Only happens when combining transition + | |
6122 | // keep-alive + HOCs. (#4590) | |
6123 | oldElm._leaveCb ? null : parentElm$1, | |
6124 | nodeOps.nextSibling(oldElm) | |
6125 | ); | |
6126 | ||
6127 | // update parent placeholder node element, recursively | |
6128 | if (isDef(vnode.parent)) { | |
6129 | var ancestor = vnode.parent; | |
6130 | var patchable = isPatchable(vnode); | |
6131 | while (ancestor) { | |
6132 | for (var i = 0; i < cbs.destroy.length; ++i) { | |
6133 | cbs.destroy[i](ancestor); | |
6134 | } | |
6135 | ancestor.elm = vnode.elm; | |
6136 | if (patchable) { | |
6137 | for (var i$1 = 0; i$1 < cbs.create.length; ++i$1) { | |
6138 | cbs.create[i$1](emptyNode, ancestor); | |
6139 | } | |
6140 | // #6513 | |
6141 | // invoke insert hooks that may have been merged by create hooks. | |
6142 | // e.g. for directives that uses the "inserted" hook. | |
6143 | var insert = ancestor.data.hook.insert; | |
6144 | if (insert.merged) { | |
6145 | // start at index 1 to avoid re-invoking component mounted hook | |
6146 | for (var i$2 = 1; i$2 < insert.fns.length; i$2++) { | |
6147 | insert.fns[i$2](); | |
6148 | } | |
6149 | } | |
6150 | } else { | |
6151 | registerRef(ancestor); | |
6152 | } | |
6153 | ancestor = ancestor.parent; | |
6154 | } | |
6155 | } | |
6156 | ||
6157 | // destroy old node | |
6158 | if (isDef(parentElm$1)) { | |
6159 | removeVnodes(parentElm$1, [oldVnode], 0, 0); | |
6160 | } else if (isDef(oldVnode.tag)) { | |
6161 | invokeDestroyHook(oldVnode); | |
6162 | } | |
6163 | } | |
6164 | } | |
6165 | ||
6166 | invokeInsertHook(vnode, insertedVnodeQueue, isInitialPatch); | |
6167 | return vnode.elm | |
6168 | } | |
6169 | } | |
6170 | ||
6171 | /* */ | |
6172 | ||
6173 | var directives = { | |
6174 | create: updateDirectives, | |
6175 | update: updateDirectives, | |
6176 | destroy: function unbindDirectives (vnode) { | |
6177 | updateDirectives(vnode, emptyNode); | |
6178 | } | |
6179 | } | |
6180 | ||
6181 | function updateDirectives (oldVnode, vnode) { | |
6182 | if (oldVnode.data.directives || vnode.data.directives) { | |
6183 | _update(oldVnode, vnode); | |
6184 | } | |
6185 | } | |
6186 | ||
6187 | function _update (oldVnode, vnode) { | |
6188 | var isCreate = oldVnode === emptyNode; | |
6189 | var isDestroy = vnode === emptyNode; | |
6190 | var oldDirs = normalizeDirectives$1(oldVnode.data.directives, oldVnode.context); | |
6191 | var newDirs = normalizeDirectives$1(vnode.data.directives, vnode.context); | |
6192 | ||
6193 | var dirsWithInsert = []; | |
6194 | var dirsWithPostpatch = []; | |
6195 | ||
6196 | var key, oldDir, dir; | |
6197 | for (key in newDirs) { | |
6198 | oldDir = oldDirs[key]; | |
6199 | dir = newDirs[key]; | |
6200 | if (!oldDir) { | |
6201 | // new directive, bind | |
6202 | callHook$1(dir, 'bind', vnode, oldVnode); | |
6203 | if (dir.def && dir.def.inserted) { | |
6204 | dirsWithInsert.push(dir); | |
6205 | } | |
6206 | } else { | |
6207 | // existing directive, update | |
6208 | dir.oldValue = oldDir.value; | |
6209 | callHook$1(dir, 'update', vnode, oldVnode); | |
6210 | if (dir.def && dir.def.componentUpdated) { | |
6211 | dirsWithPostpatch.push(dir); | |
6212 | } | |
6213 | } | |
6214 | } | |
6215 | ||
6216 | if (dirsWithInsert.length) { | |
6217 | var callInsert = function () { | |
6218 | for (var i = 0; i < dirsWithInsert.length; i++) { | |
6219 | callHook$1(dirsWithInsert[i], 'inserted', vnode, oldVnode); | |
6220 | } | |
6221 | }; | |
6222 | if (isCreate) { | |
6223 | mergeVNodeHook(vnode, 'insert', callInsert); | |
6224 | } else { | |
6225 | callInsert(); | |
6226 | } | |
6227 | } | |
6228 | ||
6229 | if (dirsWithPostpatch.length) { | |
6230 | mergeVNodeHook(vnode, 'postpatch', function () { | |
6231 | for (var i = 0; i < dirsWithPostpatch.length; i++) { | |
6232 | callHook$1(dirsWithPostpatch[i], 'componentUpdated', vnode, oldVnode); | |
6233 | } | |
6234 | }); | |
6235 | } | |
6236 | ||
6237 | if (!isCreate) { | |
6238 | for (key in oldDirs) { | |
6239 | if (!newDirs[key]) { | |
6240 | // no longer present, unbind | |
6241 | callHook$1(oldDirs[key], 'unbind', oldVnode, oldVnode, isDestroy); | |
6242 | } | |
6243 | } | |
6244 | } | |
6245 | } | |
6246 | ||
6247 | var emptyModifiers = Object.create(null); | |
6248 | ||
6249 | function normalizeDirectives$1 ( | |
6250 | dirs, | |
6251 | vm | |
6252 | ) { | |
6253 | var res = Object.create(null); | |
6254 | if (!dirs) { | |
6255 | // $flow-disable-line | |
6256 | return res | |
6257 | } | |
6258 | var i, dir; | |
6259 | for (i = 0; i < dirs.length; i++) { | |
6260 | dir = dirs[i]; | |
6261 | if (!dir.modifiers) { | |
6262 | // $flow-disable-line | |
6263 | dir.modifiers = emptyModifiers; | |
6264 | } | |
6265 | res[getRawDirName(dir)] = dir; | |
6266 | dir.def = resolveAsset(vm.$options, 'directives', dir.name, true); | |
6267 | } | |
6268 | // $flow-disable-line | |
6269 | return res | |
6270 | } | |
6271 | ||
6272 | function getRawDirName (dir) { | |
6273 | return dir.rawName || ((dir.name) + "." + (Object.keys(dir.modifiers || {}).join('.'))) | |
6274 | } | |
6275 | ||
6276 | function callHook$1 (dir, hook, vnode, oldVnode, isDestroy) { | |
6277 | var fn = dir.def && dir.def[hook]; | |
6278 | if (fn) { | |
6279 | try { | |
6280 | fn(vnode.elm, dir, vnode, oldVnode, isDestroy); | |
6281 | } catch (e) { | |
6282 | handleError(e, vnode.context, ("directive " + (dir.name) + " " + hook + " hook")); | |
6283 | } | |
6284 | } | |
6285 | } | |
6286 | ||
6287 | var baseModules = [ | |
6288 | ref, | |
6289 | directives | |
6290 | ] | |
6291 | ||
6292 | /* */ | |
6293 | ||
6294 | function updateAttrs (oldVnode, vnode) { | |
6295 | var opts = vnode.componentOptions; | |
6296 | if (isDef(opts) && opts.Ctor.options.inheritAttrs === false) { | |
6297 | return | |
6298 | } | |
6299 | if (isUndef(oldVnode.data.attrs) && isUndef(vnode.data.attrs)) { | |
6300 | return | |
6301 | } | |
6302 | var key, cur, old; | |
6303 | var elm = vnode.elm; | |
6304 | var oldAttrs = oldVnode.data.attrs || {}; | |
6305 | var attrs = vnode.data.attrs || {}; | |
6306 | // clone observed objects, as the user probably wants to mutate it | |
6307 | if (isDef(attrs.__ob__)) { | |
6308 | attrs = vnode.data.attrs = extend({}, attrs); | |
6309 | } | |
6310 | ||
6311 | for (key in attrs) { | |
6312 | cur = attrs[key]; | |
6313 | old = oldAttrs[key]; | |
6314 | if (old !== cur) { | |
6315 | setAttr(elm, key, cur); | |
6316 | } | |
6317 | } | |
6318 | // #4391: in IE9, setting type can reset value for input[type=radio] | |
6319 | // #6666: IE/Edge forces progress value down to 1 before setting a max | |
6320 | /* istanbul ignore if */ | |
6321 | if ((isIE || isEdge) && attrs.value !== oldAttrs.value) { | |
6322 | setAttr(elm, 'value', attrs.value); | |
6323 | } | |
6324 | for (key in oldAttrs) { | |
6325 | if (isUndef(attrs[key])) { | |
6326 | if (isXlink(key)) { | |
6327 | elm.removeAttributeNS(xlinkNS, getXlinkProp(key)); | |
6328 | } else if (!isEnumeratedAttr(key)) { | |
6329 | elm.removeAttribute(key); | |
6330 | } | |
6331 | } | |
6332 | } | |
6333 | } | |
6334 | ||
6335 | function setAttr (el, key, value) { | |
6336 | if (el.tagName.indexOf('-') > -1) { | |
6337 | baseSetAttr(el, key, value); | |
6338 | } else if (isBooleanAttr(key)) { | |
6339 | // set attribute for blank value | |
6340 | // e.g. <option disabled>Select one</option> | |
6341 | if (isFalsyAttrValue(value)) { | |
6342 | el.removeAttribute(key); | |
6343 | } else { | |
6344 | // technically allowfullscreen is a boolean attribute for <iframe>, | |
6345 | // but Flash expects a value of "true" when used on <embed> tag | |
6346 | value = key === 'allowfullscreen' && el.tagName === 'EMBED' | |
6347 | ? 'true' | |
6348 | : key; | |
6349 | el.setAttribute(key, value); | |
6350 | } | |
6351 | } else if (isEnumeratedAttr(key)) { | |
6352 | el.setAttribute(key, isFalsyAttrValue(value) || value === 'false' ? 'false' : 'true'); | |
6353 | } else if (isXlink(key)) { | |
6354 | if (isFalsyAttrValue(value)) { | |
6355 | el.removeAttributeNS(xlinkNS, getXlinkProp(key)); | |
6356 | } else { | |
6357 | el.setAttributeNS(xlinkNS, key, value); | |
6358 | } | |
6359 | } else { | |
6360 | baseSetAttr(el, key, value); | |
6361 | } | |
6362 | } | |
6363 | ||
6364 | function baseSetAttr (el, key, value) { | |
6365 | if (isFalsyAttrValue(value)) { | |
6366 | el.removeAttribute(key); | |
6367 | } else { | |
6368 | // #7138: IE10 & 11 fires input event when setting placeholder on | |
6369 | // <textarea>... block the first input event and remove the blocker | |
6370 | // immediately. | |
6371 | /* istanbul ignore if */ | |
6372 | if ( | |
6373 | isIE && !isIE9 && | |
6374 | el.tagName === 'TEXTAREA' && | |
6375 | key === 'placeholder' && !el.__ieph | |
6376 | ) { | |
6377 | var blocker = function (e) { | |
6378 | e.stopImmediatePropagation(); | |
6379 | el.removeEventListener('input', blocker); | |
6380 | }; | |
6381 | el.addEventListener('input', blocker); | |
6382 | // $flow-disable-line | |
6383 | el.__ieph = true; /* IE placeholder patched */ | |
6384 | } | |
6385 | el.setAttribute(key, value); | |
6386 | } | |
6387 | } | |
6388 | ||
6389 | var attrs = { | |
6390 | create: updateAttrs, | |
6391 | update: updateAttrs | |
6392 | } | |
6393 | ||
6394 | /* */ | |
6395 | ||
6396 | function updateClass (oldVnode, vnode) { | |
6397 | var el = vnode.elm; | |
6398 | var data = vnode.data; | |
6399 | var oldData = oldVnode.data; | |
6400 | if ( | |
6401 | isUndef(data.staticClass) && | |
6402 | isUndef(data.class) && ( | |
6403 | isUndef(oldData) || ( | |
6404 | isUndef(oldData.staticClass) && | |
6405 | isUndef(oldData.class) | |
6406 | ) | |
6407 | ) | |
6408 | ) { | |
6409 | return | |
6410 | } | |
6411 | ||
6412 | var cls = genClassForVnode(vnode); | |
6413 | ||
6414 | // handle transition classes | |
6415 | var transitionClass = el._transitionClasses; | |
6416 | if (isDef(transitionClass)) { | |
6417 | cls = concat(cls, stringifyClass(transitionClass)); | |
6418 | } | |
6419 | ||
6420 | // set the class | |
6421 | if (cls !== el._prevClass) { | |
6422 | el.setAttribute('class', cls); | |
6423 | el._prevClass = cls; | |
6424 | } | |
6425 | } | |
6426 | ||
6427 | var klass = { | |
6428 | create: updateClass, | |
6429 | update: updateClass | |
6430 | } | |
6431 | ||
6432 | /* */ | |
6433 | ||
6434 | var validDivisionCharRE = /[\w).+\-_$\]]/; | |
6435 | ||
6436 | function parseFilters (exp) { | |
6437 | var inSingle = false; | |
6438 | var inDouble = false; | |
6439 | var inTemplateString = false; | |
6440 | var inRegex = false; | |
6441 | var curly = 0; | |
6442 | var square = 0; | |
6443 | var paren = 0; | |
6444 | var lastFilterIndex = 0; | |
6445 | var c, prev, i, expression, filters; | |
6446 | ||
6447 | for (i = 0; i < exp.length; i++) { | |
6448 | prev = c; | |
6449 | c = exp.charCodeAt(i); | |
6450 | if (inSingle) { | |
6451 | if (c === 0x27 && prev !== 0x5C) { inSingle = false; } | |
6452 | } else if (inDouble) { | |
6453 | if (c === 0x22 && prev !== 0x5C) { inDouble = false; } | |
6454 | } else if (inTemplateString) { | |
6455 | if (c === 0x60 && prev !== 0x5C) { inTemplateString = false; } | |
6456 | } else if (inRegex) { | |
6457 | if (c === 0x2f && prev !== 0x5C) { inRegex = false; } | |
6458 | } else if ( | |
6459 | c === 0x7C && // pipe | |
6460 | exp.charCodeAt(i + 1) !== 0x7C && | |
6461 | exp.charCodeAt(i - 1) !== 0x7C && | |
6462 | !curly && !square && !paren | |
6463 | ) { | |
6464 | if (expression === undefined) { | |
6465 | // first filter, end of expression | |
6466 | lastFilterIndex = i + 1; | |
6467 | expression = exp.slice(0, i).trim(); | |
6468 | } else { | |
6469 | pushFilter(); | |
6470 | } | |
6471 | } else { | |
6472 | switch (c) { | |
6473 | case 0x22: inDouble = true; break // " | |
6474 | case 0x27: inSingle = true; break // ' | |
6475 | case 0x60: inTemplateString = true; break // ` | |
6476 | case 0x28: paren++; break // ( | |
6477 | case 0x29: paren--; break // ) | |
6478 | case 0x5B: square++; break // [ | |
6479 | case 0x5D: square--; break // ] | |
6480 | case 0x7B: curly++; break // { | |
6481 | case 0x7D: curly--; break // } | |
6482 | } | |
6483 | if (c === 0x2f) { // / | |
6484 | var j = i - 1; | |
6485 | var p = (void 0); | |
6486 | // find first non-whitespace prev char | |
6487 | for (; j >= 0; j--) { | |
6488 | p = exp.charAt(j); | |
6489 | if (p !== ' ') { break } | |
6490 | } | |
6491 | if (!p || !validDivisionCharRE.test(p)) { | |
6492 | inRegex = true; | |
6493 | } | |
6494 | } | |
6495 | } | |
6496 | } | |
6497 | ||
6498 | if (expression === undefined) { | |
6499 | expression = exp.slice(0, i).trim(); | |
6500 | } else if (lastFilterIndex !== 0) { | |
6501 | pushFilter(); | |
6502 | } | |
6503 | ||
6504 | function pushFilter () { | |
6505 | (filters || (filters = [])).push(exp.slice(lastFilterIndex, i).trim()); | |
6506 | lastFilterIndex = i + 1; | |
6507 | } | |
6508 | ||
6509 | if (filters) { | |
6510 | for (i = 0; i < filters.length; i++) { | |
6511 | expression = wrapFilter(expression, filters[i]); | |
6512 | } | |
6513 | } | |
6514 | ||
6515 | return expression | |
6516 | } | |
6517 | ||
6518 | function wrapFilter (exp, filter) { | |
6519 | var i = filter.indexOf('('); | |
6520 | if (i < 0) { | |
6521 | // _f: resolveFilter | |
6522 | return ("_f(\"" + filter + "\")(" + exp + ")") | |
6523 | } else { | |
6524 | var name = filter.slice(0, i); | |
6525 | var args = filter.slice(i + 1); | |
6526 | return ("_f(\"" + name + "\")(" + exp + (args !== ')' ? ',' + args : args)) | |
6527 | } | |
6528 | } | |
6529 | ||
6530 | /* */ | |
6531 | ||
6532 | function baseWarn (msg) { | |
6533 | console.error(("[Vue compiler]: " + msg)); | |
6534 | } | |
6535 | ||
6536 | function pluckModuleFunction ( | |
6537 | modules, | |
6538 | key | |
6539 | ) { | |
6540 | return modules | |
6541 | ? modules.map(function (m) { return m[key]; }).filter(function (_) { return _; }) | |
6542 | : [] | |
6543 | } | |
6544 | ||
6545 | function addProp (el, name, value) { | |
6546 | (el.props || (el.props = [])).push({ name: name, value: value }); | |
6547 | el.plain = false; | |
6548 | } | |
6549 | ||
6550 | function addAttr (el, name, value) { | |
6551 | (el.attrs || (el.attrs = [])).push({ name: name, value: value }); | |
6552 | el.plain = false; | |
6553 | } | |
6554 | ||
6555 | // add a raw attr (use this in preTransforms) | |
6556 | function addRawAttr (el, name, value) { | |
6557 | el.attrsMap[name] = value; | |
6558 | el.attrsList.push({ name: name, value: value }); | |
6559 | } | |
6560 | ||
6561 | function addDirective ( | |
6562 | el, | |
6563 | name, | |
6564 | rawName, | |
6565 | value, | |
6566 | arg, | |
6567 | modifiers | |
6568 | ) { | |
6569 | (el.directives || (el.directives = [])).push({ name: name, rawName: rawName, value: value, arg: arg, modifiers: modifiers }); | |
6570 | el.plain = false; | |
6571 | } | |
6572 | ||
6573 | function addHandler ( | |
6574 | el, | |
6575 | name, | |
6576 | value, | |
6577 | modifiers, | |
6578 | important, | |
6579 | warn | |
6580 | ) { | |
6581 | modifiers = modifiers || emptyObject; | |
6582 | // warn prevent and passive modifier | |
6583 | /* istanbul ignore if */ | |
6584 | if ( | |
6585 | "development" !== 'production' && warn && | |
6586 | modifiers.prevent && modifiers.passive | |
6587 | ) { | |
6588 | warn( | |
6589 | 'passive and prevent can\'t be used together. ' + | |
6590 | 'Passive handler can\'t prevent default event.' | |
6591 | ); | |
6592 | } | |
6593 | ||
6594 | // check capture modifier | |
6595 | if (modifiers.capture) { | |
6596 | delete modifiers.capture; | |
6597 | name = '!' + name; // mark the event as captured | |
6598 | } | |
6599 | if (modifiers.once) { | |
6600 | delete modifiers.once; | |
6601 | name = '~' + name; // mark the event as once | |
6602 | } | |
6603 | /* istanbul ignore if */ | |
6604 | if (modifiers.passive) { | |
6605 | delete modifiers.passive; | |
6606 | name = '&' + name; // mark the event as passive | |
6607 | } | |
6608 | ||
6609 | // normalize click.right and click.middle since they don't actually fire | |
6610 | // this is technically browser-specific, but at least for now browsers are | |
6611 | // the only target envs that have right/middle clicks. | |
6612 | if (name === 'click') { | |
6613 | if (modifiers.right) { | |
6614 | name = 'contextmenu'; | |
6615 | delete modifiers.right; | |
6616 | } else if (modifiers.middle) { | |
6617 | name = 'mouseup'; | |
6618 | } | |
6619 | } | |
6620 | ||
6621 | var events; | |
6622 | if (modifiers.native) { | |
6623 | delete modifiers.native; | |
6624 | events = el.nativeEvents || (el.nativeEvents = {}); | |
6625 | } else { | |
6626 | events = el.events || (el.events = {}); | |
6627 | } | |
6628 | ||
6629 | var newHandler = { | |
6630 | value: value.trim() | |
6631 | }; | |
6632 | if (modifiers !== emptyObject) { | |
6633 | newHandler.modifiers = modifiers; | |
6634 | } | |
6635 | ||
6636 | var handlers = events[name]; | |
6637 | /* istanbul ignore if */ | |
6638 | if (Array.isArray(handlers)) { | |
6639 | important ? handlers.unshift(newHandler) : handlers.push(newHandler); | |
6640 | } else if (handlers) { | |
6641 | events[name] = important ? [newHandler, handlers] : [handlers, newHandler]; | |
6642 | } else { | |
6643 | events[name] = newHandler; | |
6644 | } | |
6645 | ||
6646 | el.plain = false; | |
6647 | } | |
6648 | ||
6649 | function getBindingAttr ( | |
6650 | el, | |
6651 | name, | |
6652 | getStatic | |
6653 | ) { | |
6654 | var dynamicValue = | |
6655 | getAndRemoveAttr(el, ':' + name) || | |
6656 | getAndRemoveAttr(el, 'v-bind:' + name); | |
6657 | if (dynamicValue != null) { | |
6658 | return parseFilters(dynamicValue) | |
6659 | } else if (getStatic !== false) { | |
6660 | var staticValue = getAndRemoveAttr(el, name); | |
6661 | if (staticValue != null) { | |
6662 | return JSON.stringify(staticValue) | |
6663 | } | |
6664 | } | |
6665 | } | |
6666 | ||
6667 | // note: this only removes the attr from the Array (attrsList) so that it | |
6668 | // doesn't get processed by processAttrs. | |
6669 | // By default it does NOT remove it from the map (attrsMap) because the map is | |
6670 | // needed during codegen. | |
6671 | function getAndRemoveAttr ( | |
6672 | el, | |
6673 | name, | |
6674 | removeFromMap | |
6675 | ) { | |
6676 | var val; | |
6677 | if ((val = el.attrsMap[name]) != null) { | |
6678 | var list = el.attrsList; | |
6679 | for (var i = 0, l = list.length; i < l; i++) { | |
6680 | if (list[i].name === name) { | |
6681 | list.splice(i, 1); | |
6682 | break | |
6683 | } | |
6684 | } | |
6685 | } | |
6686 | if (removeFromMap) { | |
6687 | delete el.attrsMap[name]; | |
6688 | } | |
6689 | return val | |
6690 | } | |
6691 | ||
6692 | /* */ | |
6693 | ||
6694 | /** | |
6695 | * Cross-platform code generation for component v-model | |
6696 | */ | |
6697 | function genComponentModel ( | |
6698 | el, | |
6699 | value, | |
6700 | modifiers | |
6701 | ) { | |
6702 | var ref = modifiers || {}; | |
6703 | var number = ref.number; | |
6704 | var trim = ref.trim; | |
6705 | ||
6706 | var baseValueExpression = '$$v'; | |
6707 | var valueExpression = baseValueExpression; | |
6708 | if (trim) { | |
6709 | valueExpression = | |
6710 | "(typeof " + baseValueExpression + " === 'string'" + | |
6711 | "? " + baseValueExpression + ".trim()" + | |
6712 | ": " + baseValueExpression + ")"; | |
6713 | } | |
6714 | if (number) { | |
6715 | valueExpression = "_n(" + valueExpression + ")"; | |
6716 | } | |
6717 | var assignment = genAssignmentCode(value, valueExpression); | |
6718 | ||
6719 | el.model = { | |
6720 | value: ("(" + value + ")"), | |
6721 | expression: ("\"" + value + "\""), | |
6722 | callback: ("function (" + baseValueExpression + ") {" + assignment + "}") | |
6723 | }; | |
6724 | } | |
6725 | ||
6726 | /** | |
6727 | * Cross-platform codegen helper for generating v-model value assignment code. | |
6728 | */ | |
6729 | function genAssignmentCode ( | |
6730 | value, | |
6731 | assignment | |
6732 | ) { | |
6733 | var res = parseModel(value); | |
6734 | if (res.key === null) { | |
6735 | return (value + "=" + assignment) | |
6736 | } else { | |
6737 | return ("$set(" + (res.exp) + ", " + (res.key) + ", " + assignment + ")") | |
6738 | } | |
6739 | } | |
6740 | ||
6741 | /** | |
6742 | * Parse a v-model expression into a base path and a final key segment. | |
6743 | * Handles both dot-path and possible square brackets. | |
6744 | * | |
6745 | * Possible cases: | |
6746 | * | |
6747 | * - test | |
6748 | * - test[key] | |
6749 | * - test[test1[key]] | |
6750 | * - test["a"][key] | |
6751 | * - xxx.test[a[a].test1[key]] | |
6752 | * - test.xxx.a["asa"][test1[key]] | |
6753 | * | |
6754 | */ | |
6755 | ||
6756 | var len; | |
6757 | var str; | |
6758 | var chr; | |
6759 | var index$1; | |
6760 | var expressionPos; | |
6761 | var expressionEndPos; | |
6762 | ||
6763 | ||
6764 | ||
6765 | function parseModel (val) { | |
6766 | // Fix https://github.com/vuejs/vue/pull/7730 | |
6767 | // allow v-model="obj.val " (trailing whitespace) | |
6768 | val = val.trim(); | |
6769 | len = val.length; | |
6770 | ||
6771 | if (val.indexOf('[') < 0 || val.lastIndexOf(']') < len - 1) { | |
6772 | index$1 = val.lastIndexOf('.'); | |
6773 | if (index$1 > -1) { | |
6774 | return { | |
6775 | exp: val.slice(0, index$1), | |
6776 | key: '"' + val.slice(index$1 + 1) + '"' | |
6777 | } | |
6778 | } else { | |
6779 | return { | |
6780 | exp: val, | |
6781 | key: null | |
6782 | } | |
6783 | } | |
6784 | } | |
6785 | ||
6786 | str = val; | |
6787 | index$1 = expressionPos = expressionEndPos = 0; | |
6788 | ||
6789 | while (!eof()) { | |
6790 | chr = next(); | |
6791 | /* istanbul ignore if */ | |
6792 | if (isStringStart(chr)) { | |
6793 | parseString(chr); | |
6794 | } else if (chr === 0x5B) { | |
6795 | parseBracket(chr); | |
6796 | } | |
6797 | } | |
6798 | ||
6799 | return { | |
6800 | exp: val.slice(0, expressionPos), | |
6801 | key: val.slice(expressionPos + 1, expressionEndPos) | |
6802 | } | |
6803 | } | |
6804 | ||
6805 | function next () { | |
6806 | return str.charCodeAt(++index$1) | |
6807 | } | |
6808 | ||
6809 | function eof () { | |
6810 | return index$1 >= len | |
6811 | } | |
6812 | ||
6813 | function isStringStart (chr) { | |
6814 | return chr === 0x22 || chr === 0x27 | |
6815 | } | |
6816 | ||
6817 | function parseBracket (chr) { | |
6818 | var inBracket = 1; | |
6819 | expressionPos = index$1; | |
6820 | while (!eof()) { | |
6821 | chr = next(); | |
6822 | if (isStringStart(chr)) { | |
6823 | parseString(chr); | |
6824 | continue | |
6825 | } | |
6826 | if (chr === 0x5B) { inBracket++; } | |
6827 | if (chr === 0x5D) { inBracket--; } | |
6828 | if (inBracket === 0) { | |
6829 | expressionEndPos = index$1; | |
6830 | break | |
6831 | } | |
6832 | } | |
6833 | } | |
6834 | ||
6835 | function parseString (chr) { | |
6836 | var stringQuote = chr; | |
6837 | while (!eof()) { | |
6838 | chr = next(); | |
6839 | if (chr === stringQuote) { | |
6840 | break | |
6841 | } | |
6842 | } | |
6843 | } | |
6844 | ||
6845 | /* */ | |
6846 | ||
6847 | var warn$1; | |
6848 | ||
6849 | // in some cases, the event used has to be determined at runtime | |
6850 | // so we used some reserved tokens during compile. | |
6851 | var RANGE_TOKEN = '__r'; | |
6852 | var CHECKBOX_RADIO_TOKEN = '__c'; | |
6853 | ||
6854 | function model ( | |
6855 | el, | |
6856 | dir, | |
6857 | _warn | |
6858 | ) { | |
6859 | warn$1 = _warn; | |
6860 | var value = dir.value; | |
6861 | var modifiers = dir.modifiers; | |
6862 | var tag = el.tag; | |
6863 | var type = el.attrsMap.type; | |
6864 | ||
6865 | { | |
6866 | // inputs with type="file" are read only and setting the input's | |
6867 | // value will throw an error. | |
6868 | if (tag === 'input' && type === 'file') { | |
6869 | warn$1( | |
6870 | "<" + (el.tag) + " v-model=\"" + value + "\" type=\"file\">:\n" + | |
6871 | "File inputs are read only. Use a v-on:change listener instead." | |
6872 | ); | |
6873 | } | |
6874 | } | |
6875 | ||
6876 | if (el.component) { | |
6877 | genComponentModel(el, value, modifiers); | |
6878 | // component v-model doesn't need extra runtime | |
6879 | return false | |
6880 | } else if (tag === 'select') { | |
6881 | genSelect(el, value, modifiers); | |
6882 | } else if (tag === 'input' && type === 'checkbox') { | |
6883 | genCheckboxModel(el, value, modifiers); | |
6884 | } else if (tag === 'input' && type === 'radio') { | |
6885 | genRadioModel(el, value, modifiers); | |
6886 | } else if (tag === 'input' || tag === 'textarea') { | |
6887 | genDefaultModel(el, value, modifiers); | |
6888 | } else if (!config.isReservedTag(tag)) { | |
6889 | genComponentModel(el, value, modifiers); | |
6890 | // component v-model doesn't need extra runtime | |
6891 | return false | |
6892 | } else { | |
6893 | warn$1( | |
6894 | "<" + (el.tag) + " v-model=\"" + value + "\">: " + | |
6895 | "v-model is not supported on this element type. " + | |
6896 | 'If you are working with contenteditable, it\'s recommended to ' + | |
6897 | 'wrap a library dedicated for that purpose inside a custom component.' | |
6898 | ); | |
6899 | } | |
6900 | ||
6901 | // ensure runtime directive metadata | |
6902 | return true | |
6903 | } | |
6904 | ||
6905 | function genCheckboxModel ( | |
6906 | el, | |
6907 | value, | |
6908 | modifiers | |
6909 | ) { | |
6910 | var number = modifiers && modifiers.number; | |
6911 | var valueBinding = getBindingAttr(el, 'value') || 'null'; | |
6912 | var trueValueBinding = getBindingAttr(el, 'true-value') || 'true'; | |
6913 | var falseValueBinding = getBindingAttr(el, 'false-value') || 'false'; | |
6914 | addProp(el, 'checked', | |
6915 | "Array.isArray(" + value + ")" + | |
6916 | "?_i(" + value + "," + valueBinding + ")>-1" + ( | |
6917 | trueValueBinding === 'true' | |
6918 | ? (":(" + value + ")") | |
6919 | : (":_q(" + value + "," + trueValueBinding + ")") | |
6920 | ) | |
6921 | ); | |
6922 | addHandler(el, 'change', | |
6923 | "var $$a=" + value + "," + | |
6924 | '$$el=$event.target,' + | |
6925 | "$$c=$$el.checked?(" + trueValueBinding + "):(" + falseValueBinding + ");" + | |
6926 | 'if(Array.isArray($$a)){' + | |
6927 | "var $$v=" + (number ? '_n(' + valueBinding + ')' : valueBinding) + "," + | |
6928 | '$$i=_i($$a,$$v);' + | |
6929 | "if($$el.checked){$$i<0&&(" + (genAssignmentCode(value, '$$a.concat([$$v])')) + ")}" + | |
6930 | "else{$$i>-1&&(" + (genAssignmentCode(value, '$$a.slice(0,$$i).concat($$a.slice($$i+1))')) + ")}" + | |
6931 | "}else{" + (genAssignmentCode(value, '$$c')) + "}", | |
6932 | null, true | |
6933 | ); | |
6934 | } | |
6935 | ||
6936 | function genRadioModel ( | |
6937 | el, | |
6938 | value, | |
6939 | modifiers | |
6940 | ) { | |
6941 | var number = modifiers && modifiers.number; | |
6942 | var valueBinding = getBindingAttr(el, 'value') || 'null'; | |
6943 | valueBinding = number ? ("_n(" + valueBinding + ")") : valueBinding; | |
6944 | addProp(el, 'checked', ("_q(" + value + "," + valueBinding + ")")); | |
6945 | addHandler(el, 'change', genAssignmentCode(value, valueBinding), null, true); | |
6946 | } | |
6947 | ||
6948 | function genSelect ( | |
6949 | el, | |
6950 | value, | |
6951 | modifiers | |
6952 | ) { | |
6953 | var number = modifiers && modifiers.number; | |
6954 | var selectedVal = "Array.prototype.filter" + | |
6955 | ".call($event.target.options,function(o){return o.selected})" + | |
6956 | ".map(function(o){var val = \"_value\" in o ? o._value : o.value;" + | |
6957 | "return " + (number ? '_n(val)' : 'val') + "})"; | |
6958 | ||
6959 | var assignment = '$event.target.multiple ? $$selectedVal : $$selectedVal[0]'; | |
6960 | var code = "var $$selectedVal = " + selectedVal + ";"; | |
6961 | code = code + " " + (genAssignmentCode(value, assignment)); | |
6962 | addHandler(el, 'change', code, null, true); | |
6963 | } | |
6964 | ||
6965 | function genDefaultModel ( | |
6966 | el, | |
6967 | value, | |
6968 | modifiers | |
6969 | ) { | |
6970 | var type = el.attrsMap.type; | |
6971 | ||
6972 | // warn if v-bind:value conflicts with v-model | |
6973 | // except for inputs with v-bind:type | |
6974 | { | |
6975 | var value$1 = el.attrsMap['v-bind:value'] || el.attrsMap[':value']; | |
6976 | var typeBinding = el.attrsMap['v-bind:type'] || el.attrsMap[':type']; | |
6977 | if (value$1 && !typeBinding) { | |
6978 | var binding = el.attrsMap['v-bind:value'] ? 'v-bind:value' : ':value'; | |
6979 | warn$1( | |
6980 | binding + "=\"" + value$1 + "\" conflicts with v-model on the same element " + | |
6981 | 'because the latter already expands to a value binding internally' | |
6982 | ); | |
6983 | } | |
6984 | } | |
6985 | ||
6986 | var ref = modifiers || {}; | |
6987 | var lazy = ref.lazy; | |
6988 | var number = ref.number; | |
6989 | var trim = ref.trim; | |
6990 | var needCompositionGuard = !lazy && type !== 'range'; | |
6991 | var event = lazy | |
6992 | ? 'change' | |
6993 | : type === 'range' | |
6994 | ? RANGE_TOKEN | |
6995 | : 'input'; | |
6996 | ||
6997 | var valueExpression = '$event.target.value'; | |
6998 | if (trim) { | |
6999 | valueExpression = "$event.target.value.trim()"; | |
7000 | } | |
7001 | if (number) { | |
7002 | valueExpression = "_n(" + valueExpression + ")"; | |
7003 | } | |
7004 | ||
7005 | var code = genAssignmentCode(value, valueExpression); | |
7006 | if (needCompositionGuard) { | |
7007 | code = "if($event.target.composing)return;" + code; | |
7008 | } | |
7009 | ||
7010 | addProp(el, 'value', ("(" + value + ")")); | |
7011 | addHandler(el, event, code, null, true); | |
7012 | if (trim || number) { | |
7013 | addHandler(el, 'blur', '$forceUpdate()'); | |
7014 | } | |
7015 | } | |
7016 | ||
7017 | /* */ | |
7018 | ||
7019 | // normalize v-model event tokens that can only be determined at runtime. | |
7020 | // it's important to place the event as the first in the array because | |
7021 | // the whole point is ensuring the v-model callback gets called before | |
7022 | // user-attached handlers. | |
7023 | function normalizeEvents (on) { | |
7024 | /* istanbul ignore if */ | |
7025 | if (isDef(on[RANGE_TOKEN])) { | |
7026 | // IE input[type=range] only supports `change` event | |
7027 | var event = isIE ? 'change' : 'input'; | |
7028 | on[event] = [].concat(on[RANGE_TOKEN], on[event] || []); | |
7029 | delete on[RANGE_TOKEN]; | |
7030 | } | |
7031 | // This was originally intended to fix #4521 but no longer necessary | |
7032 | // after 2.5. Keeping it for backwards compat with generated code from < 2.4 | |
7033 | /* istanbul ignore if */ | |
7034 | if (isDef(on[CHECKBOX_RADIO_TOKEN])) { | |
7035 | on.change = [].concat(on[CHECKBOX_RADIO_TOKEN], on.change || []); | |
7036 | delete on[CHECKBOX_RADIO_TOKEN]; | |
7037 | } | |
7038 | } | |
7039 | ||
7040 | var target$1; | |
7041 | ||
7042 | function createOnceHandler (handler, event, capture) { | |
7043 | var _target = target$1; // save current target element in closure | |
7044 | return function onceHandler () { | |
7045 | var res = handler.apply(null, arguments); | |
7046 | if (res !== null) { | |
7047 | remove$2(event, onceHandler, capture, _target); | |
7048 | } | |
7049 | } | |
7050 | } | |
7051 | ||
7052 | function add$1 ( | |
7053 | event, | |
7054 | handler, | |
7055 | once$$1, | |
7056 | capture, | |
7057 | passive | |
7058 | ) { | |
7059 | handler = withMacroTask(handler); | |
7060 | if (once$$1) { handler = createOnceHandler(handler, event, capture); } | |
7061 | target$1.addEventListener( | |
7062 | event, | |
7063 | handler, | |
7064 | supportsPassive | |
7065 | ? { capture: capture, passive: passive } | |
7066 | : capture | |
7067 | ); | |
7068 | } | |
7069 | ||
7070 | function remove$2 ( | |
7071 | event, | |
7072 | handler, | |
7073 | capture, | |
7074 | _target | |
7075 | ) { | |
7076 | (_target || target$1).removeEventListener( | |
7077 | event, | |
7078 | handler._withTask || handler, | |
7079 | capture | |
7080 | ); | |
7081 | } | |
7082 | ||
7083 | function updateDOMListeners (oldVnode, vnode) { | |
7084 | if (isUndef(oldVnode.data.on) && isUndef(vnode.data.on)) { | |
7085 | return | |
7086 | } | |
7087 | var on = vnode.data.on || {}; | |
7088 | var oldOn = oldVnode.data.on || {}; | |
7089 | target$1 = vnode.elm; | |
7090 | normalizeEvents(on); | |
7091 | updateListeners(on, oldOn, add$1, remove$2, vnode.context); | |
7092 | target$1 = undefined; | |
7093 | } | |
7094 | ||
7095 | var events = { | |
7096 | create: updateDOMListeners, | |
7097 | update: updateDOMListeners | |
7098 | } | |
7099 | ||
7100 | /* */ | |
7101 | ||
7102 | function updateDOMProps (oldVnode, vnode) { | |
7103 | if (isUndef(oldVnode.data.domProps) && isUndef(vnode.data.domProps)) { | |
7104 | return | |
7105 | } | |
7106 | var key, cur; | |
7107 | var elm = vnode.elm; | |
7108 | var oldProps = oldVnode.data.domProps || {}; | |
7109 | var props = vnode.data.domProps || {}; | |
7110 | // clone observed objects, as the user probably wants to mutate it | |
7111 | if (isDef(props.__ob__)) { | |
7112 | props = vnode.data.domProps = extend({}, props); | |
7113 | } | |
7114 | ||
7115 | for (key in oldProps) { | |
7116 | if (isUndef(props[key])) { | |
7117 | elm[key] = ''; | |
7118 | } | |
7119 | } | |
7120 | for (key in props) { | |
7121 | cur = props[key]; | |
7122 | // ignore children if the node has textContent or innerHTML, | |
7123 | // as these will throw away existing DOM nodes and cause removal errors | |
7124 | // on subsequent patches (#3360) | |
7125 | if (key === 'textContent' || key === 'innerHTML') { | |
7126 | if (vnode.children) { vnode.children.length = 0; } | |
7127 | if (cur === oldProps[key]) { continue } | |
7128 | // #6601 work around Chrome version <= 55 bug where single textNode | |
7129 | // replaced by innerHTML/textContent retains its parentNode property | |
7130 | if (elm.childNodes.length === 1) { | |
7131 | elm.removeChild(elm.childNodes[0]); | |
7132 | } | |
7133 | } | |
7134 | ||
7135 | if (key === 'value') { | |
7136 | // store value as _value as well since | |
7137 | // non-string values will be stringified | |
7138 | elm._value = cur; | |
7139 | // avoid resetting cursor position when value is the same | |
7140 | var strCur = isUndef(cur) ? '' : String(cur); | |
7141 | if (shouldUpdateValue(elm, strCur)) { | |
7142 | elm.value = strCur; | |
7143 | } | |
7144 | } else { | |
7145 | elm[key] = cur; | |
7146 | } | |
7147 | } | |
7148 | } | |
7149 | ||
7150 | // check platforms/web/util/attrs.js acceptValue | |
7151 | ||
7152 | ||
7153 | function shouldUpdateValue (elm, checkVal) { | |
7154 | return (!elm.composing && ( | |
7155 | elm.tagName === 'OPTION' || | |
7156 | isNotInFocusAndDirty(elm, checkVal) || | |
7157 | isDirtyWithModifiers(elm, checkVal) | |
7158 | )) | |
7159 | } | |
7160 | ||
7161 | function isNotInFocusAndDirty (elm, checkVal) { | |
7162 | // return true when textbox (.number and .trim) loses focus and its value is | |
7163 | // not equal to the updated value | |
7164 | var notInFocus = true; | |
7165 | // #6157 | |
7166 | // work around IE bug when accessing document.activeElement in an iframe | |
7167 | try { notInFocus = document.activeElement !== elm; } catch (e) {} | |
7168 | return notInFocus && elm.value !== checkVal | |
7169 | } | |
7170 | ||
7171 | function isDirtyWithModifiers (elm, newVal) { | |
7172 | var value = elm.value; | |
7173 | var modifiers = elm._vModifiers; // injected by v-model runtime | |
7174 | if (isDef(modifiers)) { | |
7175 | if (modifiers.lazy) { | |
7176 | // inputs with lazy should only be updated when not in focus | |
7177 | return false | |
7178 | } | |
7179 | if (modifiers.number) { | |
7180 | return toNumber(value) !== toNumber(newVal) | |
7181 | } | |
7182 | if (modifiers.trim) { | |
7183 | return value.trim() !== newVal.trim() | |
7184 | } | |
7185 | } | |
7186 | return value !== newVal | |
7187 | } | |
7188 | ||
7189 | var domProps = { | |
7190 | create: updateDOMProps, | |
7191 | update: updateDOMProps | |
7192 | } | |
7193 | ||
7194 | /* */ | |
7195 | ||
7196 | var parseStyleText = cached(function (cssText) { | |
7197 | var res = {}; | |
7198 | var listDelimiter = /;(?![^(]*\))/g; | |
7199 | var propertyDelimiter = /:(.+)/; | |
7200 | cssText.split(listDelimiter).forEach(function (item) { | |
7201 | if (item) { | |
7202 | var tmp = item.split(propertyDelimiter); | |
7203 | tmp.length > 1 && (res[tmp[0].trim()] = tmp[1].trim()); | |
7204 | } | |
7205 | }); | |
7206 | return res | |
7207 | }); | |
7208 | ||
7209 | // merge static and dynamic style data on the same vnode | |
7210 | function normalizeStyleData (data) { | |
7211 | var style = normalizeStyleBinding(data.style); | |
7212 | // static style is pre-processed into an object during compilation | |
7213 | // and is always a fresh object, so it's safe to merge into it | |
7214 | return data.staticStyle | |
7215 | ? extend(data.staticStyle, style) | |
7216 | : style | |
7217 | } | |
7218 | ||
7219 | // normalize possible array / string values into Object | |
7220 | function normalizeStyleBinding (bindingStyle) { | |
7221 | if (Array.isArray(bindingStyle)) { | |
7222 | return toObject(bindingStyle) | |
7223 | } | |
7224 | if (typeof bindingStyle === 'string') { | |
7225 | return parseStyleText(bindingStyle) | |
7226 | } | |
7227 | return bindingStyle | |
7228 | } | |
7229 | ||
7230 | /** | |
7231 | * parent component style should be after child's | |
7232 | * so that parent component's style could override it | |
7233 | */ | |
7234 | function getStyle (vnode, checkChild) { | |
7235 | var res = {}; | |
7236 | var styleData; | |
7237 | ||
7238 | if (checkChild) { | |
7239 | var childNode = vnode; | |
7240 | while (childNode.componentInstance) { | |
7241 | childNode = childNode.componentInstance._vnode; | |
7242 | if ( | |
7243 | childNode && childNode.data && | |
7244 | (styleData = normalizeStyleData(childNode.data)) | |
7245 | ) { | |
7246 | extend(res, styleData); | |
7247 | } | |
7248 | } | |
7249 | } | |
7250 | ||
7251 | if ((styleData = normalizeStyleData(vnode.data))) { | |
7252 | extend(res, styleData); | |
7253 | } | |
7254 | ||
7255 | var parentNode = vnode; | |
7256 | while ((parentNode = parentNode.parent)) { | |
7257 | if (parentNode.data && (styleData = normalizeStyleData(parentNode.data))) { | |
7258 | extend(res, styleData); | |
7259 | } | |
7260 | } | |
7261 | return res | |
7262 | } | |
7263 | ||
7264 | /* */ | |
7265 | ||
7266 | var cssVarRE = /^--/; | |
7267 | var importantRE = /\s*!important$/; | |
7268 | var setProp = function (el, name, val) { | |
7269 | /* istanbul ignore if */ | |
7270 | if (cssVarRE.test(name)) { | |
7271 | el.style.setProperty(name, val); | |
7272 | } else if (importantRE.test(val)) { | |
7273 | el.style.setProperty(name, val.replace(importantRE, ''), 'important'); | |
7274 | } else { | |
7275 | var normalizedName = normalize(name); | |
7276 | if (Array.isArray(val)) { | |
7277 | // Support values array created by autoprefixer, e.g. | |
7278 | // {display: ["-webkit-box", "-ms-flexbox", "flex"]} | |
7279 | // Set them one by one, and the browser will only set those it can recognize | |
7280 | for (var i = 0, len = val.length; i < len; i++) { | |
7281 | el.style[normalizedName] = val[i]; | |
7282 | } | |
7283 | } else { | |
7284 | el.style[normalizedName] = val; | |
7285 | } | |
7286 | } | |
7287 | }; | |
7288 | ||
7289 | var vendorNames = ['Webkit', 'Moz', 'ms']; | |
7290 | ||
7291 | var emptyStyle; | |
7292 | var normalize = cached(function (prop) { | |
7293 | emptyStyle = emptyStyle || document.createElement('div').style; | |
7294 | prop = camelize(prop); | |
7295 | if (prop !== 'filter' && (prop in emptyStyle)) { | |
7296 | return prop | |
7297 | } | |
7298 | var capName = prop.charAt(0).toUpperCase() + prop.slice(1); | |
7299 | for (var i = 0; i < vendorNames.length; i++) { | |
7300 | var name = vendorNames[i] + capName; | |
7301 | if (name in emptyStyle) { | |
7302 | return name | |
7303 | } | |
7304 | } | |
7305 | }); | |
7306 | ||
7307 | function updateStyle (oldVnode, vnode) { | |
7308 | var data = vnode.data; | |
7309 | var oldData = oldVnode.data; | |
7310 | ||
7311 | if (isUndef(data.staticStyle) && isUndef(data.style) && | |
7312 | isUndef(oldData.staticStyle) && isUndef(oldData.style) | |
7313 | ) { | |
7314 | return | |
7315 | } | |
7316 | ||
7317 | var cur, name; | |
7318 | var el = vnode.elm; | |
7319 | var oldStaticStyle = oldData.staticStyle; | |
7320 | var oldStyleBinding = oldData.normalizedStyle || oldData.style || {}; | |
7321 | ||
7322 | // if static style exists, stylebinding already merged into it when doing normalizeStyleData | |
7323 | var oldStyle = oldStaticStyle || oldStyleBinding; | |
7324 | ||
7325 | var style = normalizeStyleBinding(vnode.data.style) || {}; | |
7326 | ||
7327 | // store normalized style under a different key for next diff | |
7328 | // make sure to clone it if it's reactive, since the user likely wants | |
7329 | // to mutate it. | |
7330 | vnode.data.normalizedStyle = isDef(style.__ob__) | |
7331 | ? extend({}, style) | |
7332 | : style; | |
7333 | ||
7334 | var newStyle = getStyle(vnode, true); | |
7335 | ||
7336 | for (name in oldStyle) { | |
7337 | if (isUndef(newStyle[name])) { | |
7338 | setProp(el, name, ''); | |
7339 | } | |
7340 | } | |
7341 | for (name in newStyle) { | |
7342 | cur = newStyle[name]; | |
7343 | if (cur !== oldStyle[name]) { | |
7344 | // ie9 setting to null has no effect, must use empty string | |
7345 | setProp(el, name, cur == null ? '' : cur); | |
7346 | } | |
7347 | } | |
7348 | } | |
7349 | ||
7350 | var style = { | |
7351 | create: updateStyle, | |
7352 | update: updateStyle | |
7353 | } | |
7354 | ||
7355 | /* */ | |
7356 | ||
7357 | /** | |
7358 | * Add class with compatibility for SVG since classList is not supported on | |
7359 | * SVG elements in IE | |
7360 | */ | |
7361 | function addClass (el, cls) { | |
7362 | /* istanbul ignore if */ | |
7363 | if (!cls || !(cls = cls.trim())) { | |
7364 | return | |
7365 | } | |
7366 | ||
7367 | /* istanbul ignore else */ | |
7368 | if (el.classList) { | |
7369 | if (cls.indexOf(' ') > -1) { | |
7370 | cls.split(/\s+/).forEach(function (c) { return el.classList.add(c); }); | |
7371 | } else { | |
7372 | el.classList.add(cls); | |
7373 | } | |
7374 | } else { | |
7375 | var cur = " " + (el.getAttribute('class') || '') + " "; | |
7376 | if (cur.indexOf(' ' + cls + ' ') < 0) { | |
7377 | el.setAttribute('class', (cur + cls).trim()); | |
7378 | } | |
7379 | } | |
7380 | } | |
7381 | ||
7382 | /** | |
7383 | * Remove class with compatibility for SVG since classList is not supported on | |
7384 | * SVG elements in IE | |
7385 | */ | |
7386 | function removeClass (el, cls) { | |
7387 | /* istanbul ignore if */ | |
7388 | if (!cls || !(cls = cls.trim())) { | |
7389 | return | |
7390 | } | |
7391 | ||
7392 | /* istanbul ignore else */ | |
7393 | if (el.classList) { | |
7394 | if (cls.indexOf(' ') > -1) { | |
7395 | cls.split(/\s+/).forEach(function (c) { return el.classList.remove(c); }); | |
7396 | } else { | |
7397 | el.classList.remove(cls); | |
7398 | } | |
7399 | if (!el.classList.length) { | |
7400 | el.removeAttribute('class'); | |
7401 | } | |
7402 | } else { | |
7403 | var cur = " " + (el.getAttribute('class') || '') + " "; | |
7404 | var tar = ' ' + cls + ' '; | |
7405 | while (cur.indexOf(tar) >= 0) { | |
7406 | cur = cur.replace(tar, ' '); | |
7407 | } | |
7408 | cur = cur.trim(); | |
7409 | if (cur) { | |
7410 | el.setAttribute('class', cur); | |
7411 | } else { | |
7412 | el.removeAttribute('class'); | |
7413 | } | |
7414 | } | |
7415 | } | |
7416 | ||
7417 | /* */ | |
7418 | ||
7419 | function resolveTransition (def) { | |
7420 | if (!def) { | |
7421 | return | |
7422 | } | |
7423 | /* istanbul ignore else */ | |
7424 | if (typeof def === 'object') { | |
7425 | var res = {}; | |
7426 | if (def.css !== false) { | |
7427 | extend(res, autoCssTransition(def.name || 'v')); | |
7428 | } | |
7429 | extend(res, def); | |
7430 | return res | |
7431 | } else if (typeof def === 'string') { | |
7432 | return autoCssTransition(def) | |
7433 | } | |
7434 | } | |
7435 | ||
7436 | var autoCssTransition = cached(function (name) { | |
7437 | return { | |
7438 | enterClass: (name + "-enter"), | |
7439 | enterToClass: (name + "-enter-to"), | |
7440 | enterActiveClass: (name + "-enter-active"), | |
7441 | leaveClass: (name + "-leave"), | |
7442 | leaveToClass: (name + "-leave-to"), | |
7443 | leaveActiveClass: (name + "-leave-active") | |
7444 | } | |
7445 | }); | |
7446 | ||
7447 | var hasTransition = inBrowser && !isIE9; | |
7448 | var TRANSITION = 'transition'; | |
7449 | var ANIMATION = 'animation'; | |
7450 | ||
7451 | // Transition property/event sniffing | |
7452 | var transitionProp = 'transition'; | |
7453 | var transitionEndEvent = 'transitionend'; | |
7454 | var animationProp = 'animation'; | |
7455 | var animationEndEvent = 'animationend'; | |
7456 | if (hasTransition) { | |
7457 | /* istanbul ignore if */ | |
7458 | if (window.ontransitionend === undefined && | |
7459 | window.onwebkittransitionend !== undefined | |
7460 | ) { | |
7461 | transitionProp = 'WebkitTransition'; | |
7462 | transitionEndEvent = 'webkitTransitionEnd'; | |
7463 | } | |
7464 | if (window.onanimationend === undefined && | |
7465 | window.onwebkitanimationend !== undefined | |
7466 | ) { | |
7467 | animationProp = 'WebkitAnimation'; | |
7468 | animationEndEvent = 'webkitAnimationEnd'; | |
7469 | } | |
7470 | } | |
7471 | ||
7472 | // binding to window is necessary to make hot reload work in IE in strict mode | |
7473 | var raf = inBrowser | |
7474 | ? window.requestAnimationFrame | |
7475 | ? window.requestAnimationFrame.bind(window) | |
7476 | : setTimeout | |
7477 | : /* istanbul ignore next */ function (fn) { return fn(); }; | |
7478 | ||
7479 | function nextFrame (fn) { | |
7480 | raf(function () { | |
7481 | raf(fn); | |
7482 | }); | |
7483 | } | |
7484 | ||
7485 | function addTransitionClass (el, cls) { | |
7486 | var transitionClasses = el._transitionClasses || (el._transitionClasses = []); | |
7487 | if (transitionClasses.indexOf(cls) < 0) { | |
7488 | transitionClasses.push(cls); | |
7489 | addClass(el, cls); | |
7490 | } | |
7491 | } | |
7492 | ||
7493 | function removeTransitionClass (el, cls) { | |
7494 | if (el._transitionClasses) { | |
7495 | remove(el._transitionClasses, cls); | |
7496 | } | |
7497 | removeClass(el, cls); | |
7498 | } | |
7499 | ||
7500 | function whenTransitionEnds ( | |
7501 | el, | |
7502 | expectedType, | |
7503 | cb | |
7504 | ) { | |
7505 | var ref = getTransitionInfo(el, expectedType); | |
7506 | var type = ref.type; | |
7507 | var timeout = ref.timeout; | |
7508 | var propCount = ref.propCount; | |
7509 | if (!type) { return cb() } | |
7510 | var event = type === TRANSITION ? transitionEndEvent : animationEndEvent; | |
7511 | var ended = 0; | |
7512 | var end = function () { | |
7513 | el.removeEventListener(event, onEnd); | |
7514 | cb(); | |
7515 | }; | |
7516 | var onEnd = function (e) { | |
7517 | if (e.target === el) { | |
7518 | if (++ended >= propCount) { | |
7519 | end(); | |
7520 | } | |
7521 | } | |
7522 | }; | |
7523 | setTimeout(function () { | |
7524 | if (ended < propCount) { | |
7525 | end(); | |
7526 | } | |
7527 | }, timeout + 1); | |
7528 | el.addEventListener(event, onEnd); | |
7529 | } | |
7530 | ||
7531 | var transformRE = /\b(transform|all)(,|$)/; | |
7532 | ||
7533 | function getTransitionInfo (el, expectedType) { | |
7534 | var styles = window.getComputedStyle(el); | |
7535 | var transitionDelays = styles[transitionProp + 'Delay'].split(', '); | |
7536 | var transitionDurations = styles[transitionProp + 'Duration'].split(', '); | |
7537 | var transitionTimeout = getTimeout(transitionDelays, transitionDurations); | |
7538 | var animationDelays = styles[animationProp + 'Delay'].split(', '); | |
7539 | var animationDurations = styles[animationProp + 'Duration'].split(', '); | |
7540 | var animationTimeout = getTimeout(animationDelays, animationDurations); | |
7541 | ||
7542 | var type; | |
7543 | var timeout = 0; | |
7544 | var propCount = 0; | |
7545 | /* istanbul ignore if */ | |
7546 | if (expectedType === TRANSITION) { | |
7547 | if (transitionTimeout > 0) { | |
7548 | type = TRANSITION; | |
7549 | timeout = transitionTimeout; | |
7550 | propCount = transitionDurations.length; | |
7551 | } | |
7552 | } else if (expectedType === ANIMATION) { | |
7553 | if (animationTimeout > 0) { | |
7554 | type = ANIMATION; | |
7555 | timeout = animationTimeout; | |
7556 | propCount = animationDurations.length; | |
7557 | } | |
7558 | } else { | |
7559 | timeout = Math.max(transitionTimeout, animationTimeout); | |
7560 | type = timeout > 0 | |
7561 | ? transitionTimeout > animationTimeout | |
7562 | ? TRANSITION | |
7563 | : ANIMATION | |
7564 | : null; | |
7565 | propCount = type | |
7566 | ? type === TRANSITION | |
7567 | ? transitionDurations.length | |
7568 | : animationDurations.length | |
7569 | : 0; | |
7570 | } | |
7571 | var hasTransform = | |
7572 | type === TRANSITION && | |
7573 | transformRE.test(styles[transitionProp + 'Property']); | |
7574 | return { | |
7575 | type: type, | |
7576 | timeout: timeout, | |
7577 | propCount: propCount, | |
7578 | hasTransform: hasTransform | |
7579 | } | |
7580 | } | |
7581 | ||
7582 | function getTimeout (delays, durations) { | |
7583 | /* istanbul ignore next */ | |
7584 | while (delays.length < durations.length) { | |
7585 | delays = delays.concat(delays); | |
7586 | } | |
7587 | ||
7588 | return Math.max.apply(null, durations.map(function (d, i) { | |
7589 | return toMs(d) + toMs(delays[i]) | |
7590 | })) | |
7591 | } | |
7592 | ||
7593 | function toMs (s) { | |
7594 | return Number(s.slice(0, -1)) * 1000 | |
7595 | } | |
7596 | ||
7597 | /* */ | |
7598 | ||
7599 | function enter (vnode, toggleDisplay) { | |
7600 | var el = vnode.elm; | |
7601 | ||
7602 | // call leave callback now | |
7603 | if (isDef(el._leaveCb)) { | |
7604 | el._leaveCb.cancelled = true; | |
7605 | el._leaveCb(); | |
7606 | } | |
7607 | ||
7608 | var data = resolveTransition(vnode.data.transition); | |
7609 | if (isUndef(data)) { | |
7610 | return | |
7611 | } | |
7612 | ||
7613 | /* istanbul ignore if */ | |
7614 | if (isDef(el._enterCb) || el.nodeType !== 1) { | |
7615 | return | |
7616 | } | |
7617 | ||
7618 | var css = data.css; | |
7619 | var type = data.type; | |
7620 | var enterClass = data.enterClass; | |
7621 | var enterToClass = data.enterToClass; | |
7622 | var enterActiveClass = data.enterActiveClass; | |
7623 | var appearClass = data.appearClass; | |
7624 | var appearToClass = data.appearToClass; | |
7625 | var appearActiveClass = data.appearActiveClass; | |
7626 | var beforeEnter = data.beforeEnter; | |
7627 | var enter = data.enter; | |
7628 | var afterEnter = data.afterEnter; | |
7629 | var enterCancelled = data.enterCancelled; | |
7630 | var beforeAppear = data.beforeAppear; | |
7631 | var appear = data.appear; | |
7632 | var afterAppear = data.afterAppear; | |
7633 | var appearCancelled = data.appearCancelled; | |
7634 | var duration = data.duration; | |
7635 | ||
7636 | // activeInstance will always be the <transition> component managing this | |
7637 | // transition. One edge case to check is when the <transition> is placed | |
7638 | // as the root node of a child component. In that case we need to check | |
7639 | // <transition>'s parent for appear check. | |
7640 | var context = activeInstance; | |
7641 | var transitionNode = activeInstance.$vnode; | |
7642 | while (transitionNode && transitionNode.parent) { | |
7643 | transitionNode = transitionNode.parent; | |
7644 | context = transitionNode.context; | |
7645 | } | |
7646 | ||
7647 | var isAppear = !context._isMounted || !vnode.isRootInsert; | |
7648 | ||
7649 | if (isAppear && !appear && appear !== '') { | |
7650 | return | |
7651 | } | |
7652 | ||
7653 | var startClass = isAppear && appearClass | |
7654 | ? appearClass | |
7655 | : enterClass; | |
7656 | var activeClass = isAppear && appearActiveClass | |
7657 | ? appearActiveClass | |
7658 | : enterActiveClass; | |
7659 | var toClass = isAppear && appearToClass | |
7660 | ? appearToClass | |
7661 | : enterToClass; | |
7662 | ||
7663 | var beforeEnterHook = isAppear | |
7664 | ? (beforeAppear || beforeEnter) | |
7665 | : beforeEnter; | |
7666 | var enterHook = isAppear | |
7667 | ? (typeof appear === 'function' ? appear : enter) | |
7668 | : enter; | |
7669 | var afterEnterHook = isAppear | |
7670 | ? (afterAppear || afterEnter) | |
7671 | : afterEnter; | |
7672 | var enterCancelledHook = isAppear | |
7673 | ? (appearCancelled || enterCancelled) | |
7674 | : enterCancelled; | |
7675 | ||
7676 | var explicitEnterDuration = toNumber( | |
7677 | isObject(duration) | |
7678 | ? duration.enter | |
7679 | : duration | |
7680 | ); | |
7681 | ||
7682 | if ("development" !== 'production' && explicitEnterDuration != null) { | |
7683 | checkDuration(explicitEnterDuration, 'enter', vnode); | |
7684 | } | |
7685 | ||
7686 | var expectsCSS = css !== false && !isIE9; | |
7687 | var userWantsControl = getHookArgumentsLength(enterHook); | |
7688 | ||
7689 | var cb = el._enterCb = once(function () { | |
7690 | if (expectsCSS) { | |
7691 | removeTransitionClass(el, toClass); | |
7692 | removeTransitionClass(el, activeClass); | |
7693 | } | |
7694 | if (cb.cancelled) { | |
7695 | if (expectsCSS) { | |
7696 | removeTransitionClass(el, startClass); | |
7697 | } | |
7698 | enterCancelledHook && enterCancelledHook(el); | |
7699 | } else { | |
7700 | afterEnterHook && afterEnterHook(el); | |
7701 | } | |
7702 | el._enterCb = null; | |
7703 | }); | |
7704 | ||
7705 | if (!vnode.data.show) { | |
7706 | // remove pending leave element on enter by injecting an insert hook | |
7707 | mergeVNodeHook(vnode, 'insert', function () { | |
7708 | var parent = el.parentNode; | |
7709 | var pendingNode = parent && parent._pending && parent._pending[vnode.key]; | |
7710 | if (pendingNode && | |
7711 | pendingNode.tag === vnode.tag && | |
7712 | pendingNode.elm._leaveCb | |
7713 | ) { | |
7714 | pendingNode.elm._leaveCb(); | |
7715 | } | |
7716 | enterHook && enterHook(el, cb); | |
7717 | }); | |
7718 | } | |
7719 | ||
7720 | // start enter transition | |
7721 | beforeEnterHook && beforeEnterHook(el); | |
7722 | if (expectsCSS) { | |
7723 | addTransitionClass(el, startClass); | |
7724 | addTransitionClass(el, activeClass); | |
7725 | nextFrame(function () { | |
7726 | removeTransitionClass(el, startClass); | |
7727 | if (!cb.cancelled) { | |
7728 | addTransitionClass(el, toClass); | |
7729 | if (!userWantsControl) { | |
7730 | if (isValidDuration(explicitEnterDuration)) { | |
7731 | setTimeout(cb, explicitEnterDuration); | |
7732 | } else { | |
7733 | whenTransitionEnds(el, type, cb); | |
7734 | } | |
7735 | } | |
7736 | } | |
7737 | }); | |
7738 | } | |
7739 | ||
7740 | if (vnode.data.show) { | |
7741 | toggleDisplay && toggleDisplay(); | |
7742 | enterHook && enterHook(el, cb); | |
7743 | } | |
7744 | ||
7745 | if (!expectsCSS && !userWantsControl) { | |
7746 | cb(); | |
7747 | } | |
7748 | } | |
7749 | ||
7750 | function leave (vnode, rm) { | |
7751 | var el = vnode.elm; | |
7752 | ||
7753 | // call enter callback now | |
7754 | if (isDef(el._enterCb)) { | |
7755 | el._enterCb.cancelled = true; | |
7756 | el._enterCb(); | |
7757 | } | |
7758 | ||
7759 | var data = resolveTransition(vnode.data.transition); | |
7760 | if (isUndef(data) || el.nodeType !== 1) { | |
7761 | return rm() | |
7762 | } | |
7763 | ||
7764 | /* istanbul ignore if */ | |
7765 | if (isDef(el._leaveCb)) { | |
7766 | return | |
7767 | } | |
7768 | ||
7769 | var css = data.css; | |
7770 | var type = data.type; | |
7771 | var leaveClass = data.leaveClass; | |
7772 | var leaveToClass = data.leaveToClass; | |
7773 | var leaveActiveClass = data.leaveActiveClass; | |
7774 | var beforeLeave = data.beforeLeave; | |
7775 | var leave = data.leave; | |
7776 | var afterLeave = data.afterLeave; | |
7777 | var leaveCancelled = data.leaveCancelled; | |
7778 | var delayLeave = data.delayLeave; | |
7779 | var duration = data.duration; | |
7780 | ||
7781 | var expectsCSS = css !== false && !isIE9; | |
7782 | var userWantsControl = getHookArgumentsLength(leave); | |
7783 | ||
7784 | var explicitLeaveDuration = toNumber( | |
7785 | isObject(duration) | |
7786 | ? duration.leave | |
7787 | : duration | |
7788 | ); | |
7789 | ||
7790 | if ("development" !== 'production' && isDef(explicitLeaveDuration)) { | |
7791 | checkDuration(explicitLeaveDuration, 'leave', vnode); | |
7792 | } | |
7793 | ||
7794 | var cb = el._leaveCb = once(function () { | |
7795 | if (el.parentNode && el.parentNode._pending) { | |
7796 | el.parentNode._pending[vnode.key] = null; | |
7797 | } | |
7798 | if (expectsCSS) { | |
7799 | removeTransitionClass(el, leaveToClass); | |
7800 | removeTransitionClass(el, leaveActiveClass); | |
7801 | } | |
7802 | if (cb.cancelled) { | |
7803 | if (expectsCSS) { | |
7804 | removeTransitionClass(el, leaveClass); | |
7805 | } | |
7806 | leaveCancelled && leaveCancelled(el); | |
7807 | } else { | |
7808 | rm(); | |
7809 | afterLeave && afterLeave(el); | |
7810 | } | |
7811 | el._leaveCb = null; | |
7812 | }); | |
7813 | ||
7814 | if (delayLeave) { | |
7815 | delayLeave(performLeave); | |
7816 | } else { | |
7817 | performLeave(); | |
7818 | } | |
7819 | ||
7820 | function performLeave () { | |
7821 | // the delayed leave may have already been cancelled | |
7822 | if (cb.cancelled) { | |
7823 | return | |
7824 | } | |
7825 | // record leaving element | |
7826 | if (!vnode.data.show) { | |
7827 | (el.parentNode._pending || (el.parentNode._pending = {}))[(vnode.key)] = vnode; | |
7828 | } | |
7829 | beforeLeave && beforeLeave(el); | |
7830 | if (expectsCSS) { | |
7831 | addTransitionClass(el, leaveClass); | |
7832 | addTransitionClass(el, leaveActiveClass); | |
7833 | nextFrame(function () { | |
7834 | removeTransitionClass(el, leaveClass); | |
7835 | if (!cb.cancelled) { | |
7836 | addTransitionClass(el, leaveToClass); | |
7837 | if (!userWantsControl) { | |
7838 | if (isValidDuration(explicitLeaveDuration)) { | |
7839 | setTimeout(cb, explicitLeaveDuration); | |
7840 | } else { | |
7841 | whenTransitionEnds(el, type, cb); | |
7842 | } | |
7843 | } | |
7844 | } | |
7845 | }); | |
7846 | } | |
7847 | leave && leave(el, cb); | |
7848 | if (!expectsCSS && !userWantsControl) { | |
7849 | cb(); | |
7850 | } | |
7851 | } | |
7852 | } | |
7853 | ||
7854 | // only used in dev mode | |
7855 | function checkDuration (val, name, vnode) { | |
7856 | if (typeof val !== 'number') { | |
7857 | warn( | |
7858 | "<transition> explicit " + name + " duration is not a valid number - " + | |
7859 | "got " + (JSON.stringify(val)) + ".", | |
7860 | vnode.context | |
7861 | ); | |
7862 | } else if (isNaN(val)) { | |
7863 | warn( | |
7864 | "<transition> explicit " + name + " duration is NaN - " + | |
7865 | 'the duration expression might be incorrect.', | |
7866 | vnode.context | |
7867 | ); | |
7868 | } | |
7869 | } | |
7870 | ||
7871 | function isValidDuration (val) { | |
7872 | return typeof val === 'number' && !isNaN(val) | |
7873 | } | |
7874 | ||
7875 | /** | |
7876 | * Normalize a transition hook's argument length. The hook may be: | |
7877 | * - a merged hook (invoker) with the original in .fns | |
7878 | * - a wrapped component method (check ._length) | |
7879 | * - a plain function (.length) | |
7880 | */ | |
7881 | function getHookArgumentsLength (fn) { | |
7882 | if (isUndef(fn)) { | |
7883 | return false | |
7884 | } | |
7885 | var invokerFns = fn.fns; | |
7886 | if (isDef(invokerFns)) { | |
7887 | // invoker | |
7888 | return getHookArgumentsLength( | |
7889 | Array.isArray(invokerFns) | |
7890 | ? invokerFns[0] | |
7891 | : invokerFns | |
7892 | ) | |
7893 | } else { | |
7894 | return (fn._length || fn.length) > 1 | |
7895 | } | |
7896 | } | |
7897 | ||
7898 | function _enter (_, vnode) { | |
7899 | if (vnode.data.show !== true) { | |
7900 | enter(vnode); | |
7901 | } | |
7902 | } | |
7903 | ||
7904 | var transition = inBrowser ? { | |
7905 | create: _enter, | |
7906 | activate: _enter, | |
7907 | remove: function remove$$1 (vnode, rm) { | |
7908 | /* istanbul ignore else */ | |
7909 | if (vnode.data.show !== true) { | |
7910 | leave(vnode, rm); | |
7911 | } else { | |
7912 | rm(); | |
7913 | } | |
7914 | } | |
7915 | } : {} | |
7916 | ||
7917 | var platformModules = [ | |
7918 | attrs, | |
7919 | klass, | |
7920 | events, | |
7921 | domProps, | |
7922 | style, | |
7923 | transition | |
7924 | ] | |
7925 | ||
7926 | /* */ | |
7927 | ||
7928 | // the directive module should be applied last, after all | |
7929 | // built-in modules have been applied. | |
7930 | var modules = platformModules.concat(baseModules); | |
7931 | ||
7932 | var patch = createPatchFunction({ nodeOps: nodeOps, modules: modules }); | |
7933 | ||
7934 | /** | |
7935 | * Not type checking this file because flow doesn't like attaching | |
7936 | * properties to Elements. | |
7937 | */ | |
7938 | ||
7939 | /* istanbul ignore if */ | |
7940 | if (isIE9) { | |
7941 | // http://www.matts411.com/post/internet-explorer-9-oninput/ | |
7942 | document.addEventListener('selectionchange', function () { | |
7943 | var el = document.activeElement; | |
7944 | if (el && el.vmodel) { | |
7945 | trigger(el, 'input'); | |
7946 | } | |
7947 | }); | |
7948 | } | |
7949 | ||
7950 | var directive = { | |
7951 | inserted: function inserted (el, binding, vnode, oldVnode) { | |
7952 | if (vnode.tag === 'select') { | |
7953 | // #6903 | |
7954 | if (oldVnode.elm && !oldVnode.elm._vOptions) { | |
7955 | mergeVNodeHook(vnode, 'postpatch', function () { | |
7956 | directive.componentUpdated(el, binding, vnode); | |
7957 | }); | |
7958 | } else { | |
7959 | setSelected(el, binding, vnode.context); | |
7960 | } | |
7961 | el._vOptions = [].map.call(el.options, getValue); | |
7962 | } else if (vnode.tag === 'textarea' || isTextInputType(el.type)) { | |
7963 | el._vModifiers = binding.modifiers; | |
7964 | if (!binding.modifiers.lazy) { | |
7965 | el.addEventListener('compositionstart', onCompositionStart); | |
7966 | el.addEventListener('compositionend', onCompositionEnd); | |
7967 | // Safari < 10.2 & UIWebView doesn't fire compositionend when | |
7968 | // switching focus before confirming composition choice | |
7969 | // this also fixes the issue where some browsers e.g. iOS Chrome | |
7970 | // fires "change" instead of "input" on autocomplete. | |
7971 | el.addEventListener('change', onCompositionEnd); | |
7972 | /* istanbul ignore if */ | |
7973 | if (isIE9) { | |
7974 | el.vmodel = true; | |
7975 | } | |
7976 | } | |
7977 | } | |
7978 | }, | |
7979 | ||
7980 | componentUpdated: function componentUpdated (el, binding, vnode) { | |
7981 | if (vnode.tag === 'select') { | |
7982 | setSelected(el, binding, vnode.context); | |
7983 | // in case the options rendered by v-for have changed, | |
7984 | // it's possible that the value is out-of-sync with the rendered options. | |
7985 | // detect such cases and filter out values that no longer has a matching | |
7986 | // option in the DOM. | |
7987 | var prevOptions = el._vOptions; | |
7988 | var curOptions = el._vOptions = [].map.call(el.options, getValue); | |
7989 | if (curOptions.some(function (o, i) { return !looseEqual(o, prevOptions[i]); })) { | |
7990 | // trigger change event if | |
7991 | // no matching option found for at least one value | |
7992 | var needReset = el.multiple | |
7993 | ? binding.value.some(function (v) { return hasNoMatchingOption(v, curOptions); }) | |
7994 | : binding.value !== binding.oldValue && hasNoMatchingOption(binding.value, curOptions); | |
7995 | if (needReset) { | |
7996 | trigger(el, 'change'); | |
7997 | } | |
7998 | } | |
7999 | } | |
8000 | } | |
8001 | }; | |
8002 | ||
8003 | function setSelected (el, binding, vm) { | |
8004 | actuallySetSelected(el, binding, vm); | |
8005 | /* istanbul ignore if */ | |
8006 | if (isIE || isEdge) { | |
8007 | setTimeout(function () { | |
8008 | actuallySetSelected(el, binding, vm); | |
8009 | }, 0); | |
8010 | } | |
8011 | } | |
8012 | ||
8013 | function actuallySetSelected (el, binding, vm) { | |
8014 | var value = binding.value; | |
8015 | var isMultiple = el.multiple; | |
8016 | if (isMultiple && !Array.isArray(value)) { | |
8017 | "development" !== 'production' && warn( | |
8018 | "<select multiple v-model=\"" + (binding.expression) + "\"> " + | |
8019 | "expects an Array value for its binding, but got " + (Object.prototype.toString.call(value).slice(8, -1)), | |
8020 | vm | |
8021 | ); | |
8022 | return | |
8023 | } | |
8024 | var selected, option; | |
8025 | for (var i = 0, l = el.options.length; i < l; i++) { | |
8026 | option = el.options[i]; | |
8027 | if (isMultiple) { | |
8028 | selected = looseIndexOf(value, getValue(option)) > -1; | |
8029 | if (option.selected !== selected) { | |
8030 | option.selected = selected; | |
8031 | } | |
8032 | } else { | |
8033 | if (looseEqual(getValue(option), value)) { | |
8034 | if (el.selectedIndex !== i) { | |
8035 | el.selectedIndex = i; | |
8036 | } | |
8037 | return | |
8038 | } | |
8039 | } | |
8040 | } | |
8041 | if (!isMultiple) { | |
8042 | el.selectedIndex = -1; | |
8043 | } | |
8044 | } | |
8045 | ||
8046 | function hasNoMatchingOption (value, options) { | |
8047 | return options.every(function (o) { return !looseEqual(o, value); }) | |
8048 | } | |
8049 | ||
8050 | function getValue (option) { | |
8051 | return '_value' in option | |
8052 | ? option._value | |
8053 | : option.value | |
8054 | } | |
8055 | ||
8056 | function onCompositionStart (e) { | |
8057 | e.target.composing = true; | |
8058 | } | |
8059 | ||
8060 | function onCompositionEnd (e) { | |
8061 | // prevent triggering an input event for no reason | |
8062 | if (!e.target.composing) { return } | |
8063 | e.target.composing = false; | |
8064 | trigger(e.target, 'input'); | |
8065 | } | |
8066 | ||
8067 | function trigger (el, type) { | |
8068 | var e = document.createEvent('HTMLEvents'); | |
8069 | e.initEvent(type, true, true); | |
8070 | el.dispatchEvent(e); | |
8071 | } | |
8072 | ||
8073 | /* */ | |
8074 | ||
8075 | // recursively search for possible transition defined inside the component root | |
8076 | function locateNode (vnode) { | |
8077 | return vnode.componentInstance && (!vnode.data || !vnode.data.transition) | |
8078 | ? locateNode(vnode.componentInstance._vnode) | |
8079 | : vnode | |
8080 | } | |
8081 | ||
8082 | var show = { | |
8083 | bind: function bind (el, ref, vnode) { | |
8084 | var value = ref.value; | |
8085 | ||
8086 | vnode = locateNode(vnode); | |
8087 | var transition$$1 = vnode.data && vnode.data.transition; | |
8088 | var originalDisplay = el.__vOriginalDisplay = | |
8089 | el.style.display === 'none' ? '' : el.style.display; | |
8090 | if (value && transition$$1) { | |
8091 | vnode.data.show = true; | |
8092 | enter(vnode, function () { | |
8093 | el.style.display = originalDisplay; | |
8094 | }); | |
8095 | } else { | |
8096 | el.style.display = value ? originalDisplay : 'none'; | |
8097 | } | |
8098 | }, | |
8099 | ||
8100 | update: function update (el, ref, vnode) { | |
8101 | var value = ref.value; | |
8102 | var oldValue = ref.oldValue; | |
8103 | ||
8104 | /* istanbul ignore if */ | |
8105 | if (!value === !oldValue) { return } | |
8106 | vnode = locateNode(vnode); | |
8107 | var transition$$1 = vnode.data && vnode.data.transition; | |
8108 | if (transition$$1) { | |
8109 | vnode.data.show = true; | |
8110 | if (value) { | |
8111 | enter(vnode, function () { | |
8112 | el.style.display = el.__vOriginalDisplay; | |
8113 | }); | |
8114 | } else { | |
8115 | leave(vnode, function () { | |
8116 | el.style.display = 'none'; | |
8117 | }); | |
8118 | } | |
8119 | } else { | |
8120 | el.style.display = value ? el.__vOriginalDisplay : 'none'; | |
8121 | } | |
8122 | }, | |
8123 | ||
8124 | unbind: function unbind ( | |
8125 | el, | |
8126 | binding, | |
8127 | vnode, | |
8128 | oldVnode, | |
8129 | isDestroy | |
8130 | ) { | |
8131 | if (!isDestroy) { | |
8132 | el.style.display = el.__vOriginalDisplay; | |
8133 | } | |
8134 | } | |
8135 | } | |
8136 | ||
8137 | var platformDirectives = { | |
8138 | model: directive, | |
8139 | show: show | |
8140 | } | |
8141 | ||
8142 | /* */ | |
8143 | ||
8144 | // Provides transition support for a single element/component. | |
8145 | // supports transition mode (out-in / in-out) | |
8146 | ||
8147 | var transitionProps = { | |
8148 | name: String, | |
8149 | appear: Boolean, | |
8150 | css: Boolean, | |
8151 | mode: String, | |
8152 | type: String, | |
8153 | enterClass: String, | |
8154 | leaveClass: String, | |
8155 | enterToClass: String, | |
8156 | leaveToClass: String, | |
8157 | enterActiveClass: String, | |
8158 | leaveActiveClass: String, | |
8159 | appearClass: String, | |
8160 | appearActiveClass: String, | |
8161 | appearToClass: String, | |
8162 | duration: [Number, String, Object] | |
8163 | }; | |
8164 | ||
8165 | // in case the child is also an abstract component, e.g. <keep-alive> | |
8166 | // we want to recursively retrieve the real component to be rendered | |
8167 | function getRealChild (vnode) { | |
8168 | var compOptions = vnode && vnode.componentOptions; | |
8169 | if (compOptions && compOptions.Ctor.options.abstract) { | |
8170 | return getRealChild(getFirstComponentChild(compOptions.children)) | |
8171 | } else { | |
8172 | return vnode | |
8173 | } | |
8174 | } | |
8175 | ||
8176 | function extractTransitionData (comp) { | |
8177 | var data = {}; | |
8178 | var options = comp.$options; | |
8179 | // props | |
8180 | for (var key in options.propsData) { | |
8181 | data[key] = comp[key]; | |
8182 | } | |
8183 | // events. | |
8184 | // extract listeners and pass them directly to the transition methods | |
8185 | var listeners = options._parentListeners; | |
8186 | for (var key$1 in listeners) { | |
8187 | data[camelize(key$1)] = listeners[key$1]; | |
8188 | } | |
8189 | return data | |
8190 | } | |
8191 | ||
8192 | function placeholder (h, rawChild) { | |
8193 | if (/\d-keep-alive$/.test(rawChild.tag)) { | |
8194 | return h('keep-alive', { | |
8195 | props: rawChild.componentOptions.propsData | |
8196 | }) | |
8197 | } | |
8198 | } | |
8199 | ||
8200 | function hasParentTransition (vnode) { | |
8201 | while ((vnode = vnode.parent)) { | |
8202 | if (vnode.data.transition) { | |
8203 | return true | |
8204 | } | |
8205 | } | |
8206 | } | |
8207 | ||
8208 | function isSameChild (child, oldChild) { | |
8209 | return oldChild.key === child.key && oldChild.tag === child.tag | |
8210 | } | |
8211 | ||
8212 | var Transition = { | |
8213 | name: 'transition', | |
8214 | props: transitionProps, | |
8215 | abstract: true, | |
8216 | ||
8217 | render: function render (h) { | |
8218 | var this$1 = this; | |
8219 | ||
8220 | var children = this.$slots.default; | |
8221 | if (!children) { | |
8222 | return | |
8223 | } | |
8224 | ||
8225 | // filter out text nodes (possible whitespaces) | |
8226 | children = children.filter(function (c) { return c.tag || isAsyncPlaceholder(c); }); | |
8227 | /* istanbul ignore if */ | |
8228 | if (!children.length) { | |
8229 | return | |
8230 | } | |
8231 | ||
8232 | // warn multiple elements | |
8233 | if ("development" !== 'production' && children.length > 1) { | |
8234 | warn( | |
8235 | '<transition> can only be used on a single element. Use ' + | |
8236 | '<transition-group> for lists.', | |
8237 | this.$parent | |
8238 | ); | |
8239 | } | |
8240 | ||
8241 | var mode = this.mode; | |
8242 | ||
8243 | // warn invalid mode | |
8244 | if ("development" !== 'production' && | |
8245 | mode && mode !== 'in-out' && mode !== 'out-in' | |
8246 | ) { | |
8247 | warn( | |
8248 | 'invalid <transition> mode: ' + mode, | |
8249 | this.$parent | |
8250 | ); | |
8251 | } | |
8252 | ||
8253 | var rawChild = children[0]; | |
8254 | ||
8255 | // if this is a component root node and the component's | |
8256 | // parent container node also has transition, skip. | |
8257 | if (hasParentTransition(this.$vnode)) { | |
8258 | return rawChild | |
8259 | } | |
8260 | ||
8261 | // apply transition data to child | |
8262 | // use getRealChild() to ignore abstract components e.g. keep-alive | |
8263 | var child = getRealChild(rawChild); | |
8264 | /* istanbul ignore if */ | |
8265 | if (!child) { | |
8266 | return rawChild | |
8267 | } | |
8268 | ||
8269 | if (this._leaving) { | |
8270 | return placeholder(h, rawChild) | |
8271 | } | |
8272 | ||
8273 | // ensure a key that is unique to the vnode type and to this transition | |
8274 | // component instance. This key will be used to remove pending leaving nodes | |
8275 | // during entering. | |
8276 | var id = "__transition-" + (this._uid) + "-"; | |
8277 | child.key = child.key == null | |
8278 | ? child.isComment | |
8279 | ? id + 'comment' | |
8280 | : id + child.tag | |
8281 | : isPrimitive(child.key) | |
8282 | ? (String(child.key).indexOf(id) === 0 ? child.key : id + child.key) | |
8283 | : child.key; | |
8284 | ||
8285 | var data = (child.data || (child.data = {})).transition = extractTransitionData(this); | |
8286 | var oldRawChild = this._vnode; | |
8287 | var oldChild = getRealChild(oldRawChild); | |
8288 | ||
8289 | // mark v-show | |
8290 | // so that the transition module can hand over the control to the directive | |
8291 | if (child.data.directives && child.data.directives.some(function (d) { return d.name === 'show'; })) { | |
8292 | child.data.show = true; | |
8293 | } | |
8294 | ||
8295 | if ( | |
8296 | oldChild && | |
8297 | oldChild.data && | |
8298 | !isSameChild(child, oldChild) && | |
8299 | !isAsyncPlaceholder(oldChild) && | |
8300 | // #6687 component root is a comment node | |
8301 | !(oldChild.componentInstance && oldChild.componentInstance._vnode.isComment) | |
8302 | ) { | |
8303 | // replace old child transition data with fresh one | |
8304 | // important for dynamic transitions! | |
8305 | var oldData = oldChild.data.transition = extend({}, data); | |
8306 | // handle transition mode | |
8307 | if (mode === 'out-in') { | |
8308 | // return placeholder node and queue update when leave finishes | |
8309 | this._leaving = true; | |
8310 | mergeVNodeHook(oldData, 'afterLeave', function () { | |
8311 | this$1._leaving = false; | |
8312 | this$1.$forceUpdate(); | |
8313 | }); | |
8314 | return placeholder(h, rawChild) | |
8315 | } else if (mode === 'in-out') { | |
8316 | if (isAsyncPlaceholder(child)) { | |
8317 | return oldRawChild | |
8318 | } | |
8319 | var delayedLeave; | |
8320 | var performLeave = function () { delayedLeave(); }; | |
8321 | mergeVNodeHook(data, 'afterEnter', performLeave); | |
8322 | mergeVNodeHook(data, 'enterCancelled', performLeave); | |
8323 | mergeVNodeHook(oldData, 'delayLeave', function (leave) { delayedLeave = leave; }); | |
8324 | } | |
8325 | } | |
8326 | ||
8327 | return rawChild | |
8328 | } | |
8329 | } | |
8330 | ||
8331 | /* */ | |
8332 | ||
8333 | // Provides transition support for list items. | |
8334 | // supports move transitions using the FLIP technique. | |
8335 | ||
8336 | // Because the vdom's children update algorithm is "unstable" - i.e. | |
8337 | // it doesn't guarantee the relative positioning of removed elements, | |
8338 | // we force transition-group to update its children into two passes: | |
8339 | // in the first pass, we remove all nodes that need to be removed, | |
8340 | // triggering their leaving transition; in the second pass, we insert/move | |
8341 | // into the final desired state. This way in the second pass removed | |
8342 | // nodes will remain where they should be. | |
8343 | ||
8344 | var props = extend({ | |
8345 | tag: String, | |
8346 | moveClass: String | |
8347 | }, transitionProps); | |
8348 | ||
8349 | delete props.mode; | |
8350 | ||
8351 | var TransitionGroup = { | |
8352 | props: props, | |
8353 | ||
8354 | render: function render (h) { | |
8355 | var tag = this.tag || this.$vnode.data.tag || 'span'; | |
8356 | var map = Object.create(null); | |
8357 | var prevChildren = this.prevChildren = this.children; | |
8358 | var rawChildren = this.$slots.default || []; | |
8359 | var children = this.children = []; | |
8360 | var transitionData = extractTransitionData(this); | |
8361 | ||
8362 | for (var i = 0; i < rawChildren.length; i++) { | |
8363 | var c = rawChildren[i]; | |
8364 | if (c.tag) { | |
8365 | if (c.key != null && String(c.key).indexOf('__vlist') !== 0) { | |
8366 | children.push(c); | |
8367 | map[c.key] = c | |
8368 | ;(c.data || (c.data = {})).transition = transitionData; | |
8369 | } else { | |
8370 | var opts = c.componentOptions; | |
8371 | var name = opts ? (opts.Ctor.options.name || opts.tag || '') : c.tag; | |
8372 | warn(("<transition-group> children must be keyed: <" + name + ">")); | |
8373 | } | |
8374 | } | |
8375 | } | |
8376 | ||
8377 | if (prevChildren) { | |
8378 | var kept = []; | |
8379 | var removed = []; | |
8380 | for (var i$1 = 0; i$1 < prevChildren.length; i$1++) { | |
8381 | var c$1 = prevChildren[i$1]; | |
8382 | c$1.data.transition = transitionData; | |
8383 | c$1.data.pos = c$1.elm.getBoundingClientRect(); | |
8384 | if (map[c$1.key]) { | |
8385 | kept.push(c$1); | |
8386 | } else { | |
8387 | removed.push(c$1); | |
8388 | } | |
8389 | } | |
8390 | this.kept = h(tag, null, kept); | |
8391 | this.removed = removed; | |
8392 | } | |
8393 | ||
8394 | return h(tag, null, children) | |
8395 | }, | |
8396 | ||
8397 | beforeUpdate: function beforeUpdate () { | |
8398 | // force removing pass | |
8399 | this.__patch__( | |
8400 | this._vnode, | |
8401 | this.kept, | |
8402 | false, // hydrating | |
8403 | true // removeOnly (!important, avoids unnecessary moves) | |
8404 | ); | |
8405 | this._vnode = this.kept; | |
8406 | }, | |
8407 | ||
8408 | updated: function updated () { | |
8409 | var children = this.prevChildren; | |
8410 | var moveClass = this.moveClass || ((this.name || 'v') + '-move'); | |
8411 | if (!children.length || !this.hasMove(children[0].elm, moveClass)) { | |
8412 | return | |
8413 | } | |
8414 | ||
8415 | // we divide the work into three loops to avoid mixing DOM reads and writes | |
8416 | // in each iteration - which helps prevent layout thrashing. | |
8417 | children.forEach(callPendingCbs); | |
8418 | children.forEach(recordPosition); | |
8419 | children.forEach(applyTranslation); | |
8420 | ||
8421 | // force reflow to put everything in position | |
8422 | // assign to this to avoid being removed in tree-shaking | |
8423 | // $flow-disable-line | |
8424 | this._reflow = document.body.offsetHeight; | |
8425 | ||
8426 | children.forEach(function (c) { | |
8427 | if (c.data.moved) { | |
8428 | var el = c.elm; | |
8429 | var s = el.style; | |
8430 | addTransitionClass(el, moveClass); | |
8431 | s.transform = s.WebkitTransform = s.transitionDuration = ''; | |
8432 | el.addEventListener(transitionEndEvent, el._moveCb = function cb (e) { | |
8433 | if (!e || /transform$/.test(e.propertyName)) { | |
8434 | el.removeEventListener(transitionEndEvent, cb); | |
8435 | el._moveCb = null; | |
8436 | removeTransitionClass(el, moveClass); | |
8437 | } | |
8438 | }); | |
8439 | } | |
8440 | }); | |
8441 | }, | |
8442 | ||
8443 | methods: { | |
8444 | hasMove: function hasMove (el, moveClass) { | |
8445 | /* istanbul ignore if */ | |
8446 | if (!hasTransition) { | |
8447 | return false | |
8448 | } | |
8449 | /* istanbul ignore if */ | |
8450 | if (this._hasMove) { | |
8451 | return this._hasMove | |
8452 | } | |
8453 | // Detect whether an element with the move class applied has | |
8454 | // CSS transitions. Since the element may be inside an entering | |
8455 | // transition at this very moment, we make a clone of it and remove | |
8456 | // all other transition classes applied to ensure only the move class | |
8457 | // is applied. | |
8458 | var clone = el.cloneNode(); | |
8459 | if (el._transitionClasses) { | |
8460 | el._transitionClasses.forEach(function (cls) { removeClass(clone, cls); }); | |
8461 | } | |
8462 | addClass(clone, moveClass); | |
8463 | clone.style.display = 'none'; | |
8464 | this.$el.appendChild(clone); | |
8465 | var info = getTransitionInfo(clone); | |
8466 | this.$el.removeChild(clone); | |
8467 | return (this._hasMove = info.hasTransform) | |
8468 | } | |
8469 | } | |
8470 | } | |
8471 | ||
8472 | function callPendingCbs (c) { | |
8473 | /* istanbul ignore if */ | |
8474 | if (c.elm._moveCb) { | |
8475 | c.elm._moveCb(); | |
8476 | } | |
8477 | /* istanbul ignore if */ | |
8478 | if (c.elm._enterCb) { | |
8479 | c.elm._enterCb(); | |
8480 | } | |
8481 | } | |
8482 | ||
8483 | function recordPosition (c) { | |
8484 | c.data.newPos = c.elm.getBoundingClientRect(); | |
8485 | } | |
8486 | ||
8487 | function applyTranslation (c) { | |
8488 | var oldPos = c.data.pos; | |
8489 | var newPos = c.data.newPos; | |
8490 | var dx = oldPos.left - newPos.left; | |
8491 | var dy = oldPos.top - newPos.top; | |
8492 | if (dx || dy) { | |
8493 | c.data.moved = true; | |
8494 | var s = c.elm.style; | |
8495 | s.transform = s.WebkitTransform = "translate(" + dx + "px," + dy + "px)"; | |
8496 | s.transitionDuration = '0s'; | |
8497 | } | |
8498 | } | |
8499 | ||
8500 | var platformComponents = { | |
8501 | Transition: Transition, | |
8502 | TransitionGroup: TransitionGroup | |
8503 | } | |
8504 | ||
8505 | /* */ | |
8506 | ||
8507 | // install platform specific utils | |
8508 | Vue.config.mustUseProp = mustUseProp; | |
8509 | Vue.config.isReservedTag = isReservedTag; | |
8510 | Vue.config.isReservedAttr = isReservedAttr; | |
8511 | Vue.config.getTagNamespace = getTagNamespace; | |
8512 | Vue.config.isUnknownElement = isUnknownElement; | |
8513 | ||
8514 | // install platform runtime directives & components | |
8515 | extend(Vue.options.directives, platformDirectives); | |
8516 | extend(Vue.options.components, platformComponents); | |
8517 | ||
8518 | // install platform patch function | |
8519 | Vue.prototype.__patch__ = inBrowser ? patch : noop; | |
8520 | ||
8521 | // public mount method | |
8522 | Vue.prototype.$mount = function ( | |
8523 | el, | |
8524 | hydrating | |
8525 | ) { | |
8526 | el = el && inBrowser ? query(el) : undefined; | |
8527 | return mountComponent(this, el, hydrating) | |
8528 | }; | |
8529 | ||
8530 | // devtools global hook | |
8531 | /* istanbul ignore next */ | |
8532 | if (inBrowser) { | |
8533 | setTimeout(function () { | |
8534 | if (config.devtools) { | |
8535 | if (devtools) { | |
8536 | devtools.emit('init', Vue); | |
8537 | } else if ( | |
8538 | "development" !== 'production' && | |
8539 | "development" !== 'test' && | |
8540 | isChrome | |
8541 | ) { | |
8542 | console[console.info ? 'info' : 'log']( | |
8543 | 'Download the Vue Devtools extension for a better development experience:\n' + | |
8544 | 'https://github.com/vuejs/vue-devtools' | |
8545 | ); | |
8546 | } | |
8547 | } | |
8548 | if ("development" !== 'production' && | |
8549 | "development" !== 'test' && | |
8550 | config.productionTip !== false && | |
8551 | typeof console !== 'undefined' | |
8552 | ) { | |
8553 | console[console.info ? 'info' : 'log']( | |
8554 | "You are running Vue in development mode.\n" + | |
8555 | "Make sure to turn on production mode when deploying for production.\n" + | |
8556 | "See more tips at https://vuejs.org/guide/deployment.html" | |
8557 | ); | |
8558 | } | |
8559 | }, 0); | |
8560 | } | |
8561 | ||
8562 | /* */ | |
8563 | ||
8564 | var defaultTagRE = /\{\{((?:.|\n)+?)\}\}/g; | |
8565 | var regexEscapeRE = /[-.*+?^${}()|[\]\/\\]/g; | |
8566 | ||
8567 | var buildRegex = cached(function (delimiters) { | |
8568 | var open = delimiters[0].replace(regexEscapeRE, '\\$&'); | |
8569 | var close = delimiters[1].replace(regexEscapeRE, '\\$&'); | |
8570 | return new RegExp(open + '((?:.|\\n)+?)' + close, 'g') | |
8571 | }); | |
8572 | ||
8573 | ||
8574 | ||
8575 | function parseText ( | |
8576 | text, | |
8577 | delimiters | |
8578 | ) { | |
8579 | var tagRE = delimiters ? buildRegex(delimiters) : defaultTagRE; | |
8580 | if (!tagRE.test(text)) { | |
8581 | return | |
8582 | } | |
8583 | var tokens = []; | |
8584 | var rawTokens = []; | |
8585 | var lastIndex = tagRE.lastIndex = 0; | |
8586 | var match, index, tokenValue; | |
8587 | while ((match = tagRE.exec(text))) { | |
8588 | index = match.index; | |
8589 | // push text token | |
8590 | if (index > lastIndex) { | |
8591 | rawTokens.push(tokenValue = text.slice(lastIndex, index)); | |
8592 | tokens.push(JSON.stringify(tokenValue)); | |
8593 | } | |
8594 | // tag token | |
8595 | var exp = parseFilters(match[1].trim()); | |
8596 | tokens.push(("_s(" + exp + ")")); | |
8597 | rawTokens.push({ '@binding': exp }); | |
8598 | lastIndex = index + match[0].length; | |
8599 | } | |
8600 | if (lastIndex < text.length) { | |
8601 | rawTokens.push(tokenValue = text.slice(lastIndex)); | |
8602 | tokens.push(JSON.stringify(tokenValue)); | |
8603 | } | |
8604 | return { | |
8605 | expression: tokens.join('+'), | |
8606 | tokens: rawTokens | |
8607 | } | |
8608 | } | |
8609 | ||
8610 | /* */ | |
8611 | ||
8612 | function transformNode (el, options) { | |
8613 | var warn = options.warn || baseWarn; | |
8614 | var staticClass = getAndRemoveAttr(el, 'class'); | |
8615 | if ("development" !== 'production' && staticClass) { | |
8616 | var res = parseText(staticClass, options.delimiters); | |
8617 | if (res) { | |
8618 | warn( | |
8619 | "class=\"" + staticClass + "\": " + | |
8620 | 'Interpolation inside attributes has been removed. ' + | |
8621 | 'Use v-bind or the colon shorthand instead. For example, ' + | |
8622 | 'instead of <div class="{{ val }}">, use <div :class="val">.' | |
8623 | ); | |
8624 | } | |
8625 | } | |
8626 | if (staticClass) { | |
8627 | el.staticClass = JSON.stringify(staticClass); | |
8628 | } | |
8629 | var classBinding = getBindingAttr(el, 'class', false /* getStatic */); | |
8630 | if (classBinding) { | |
8631 | el.classBinding = classBinding; | |
8632 | } | |
8633 | } | |
8634 | ||
8635 | function genData (el) { | |
8636 | var data = ''; | |
8637 | if (el.staticClass) { | |
8638 | data += "staticClass:" + (el.staticClass) + ","; | |
8639 | } | |
8640 | if (el.classBinding) { | |
8641 | data += "class:" + (el.classBinding) + ","; | |
8642 | } | |
8643 | return data | |
8644 | } | |
8645 | ||
8646 | var klass$1 = { | |
8647 | staticKeys: ['staticClass'], | |
8648 | transformNode: transformNode, | |
8649 | genData: genData | |
8650 | } | |
8651 | ||
8652 | /* */ | |
8653 | ||
8654 | function transformNode$1 (el, options) { | |
8655 | var warn = options.warn || baseWarn; | |
8656 | var staticStyle = getAndRemoveAttr(el, 'style'); | |
8657 | if (staticStyle) { | |
8658 | /* istanbul ignore if */ | |
8659 | { | |
8660 | var res = parseText(staticStyle, options.delimiters); | |
8661 | if (res) { | |
8662 | warn( | |
8663 | "style=\"" + staticStyle + "\": " + | |
8664 | 'Interpolation inside attributes has been removed. ' + | |
8665 | 'Use v-bind or the colon shorthand instead. For example, ' + | |
8666 | 'instead of <div style="{{ val }}">, use <div :style="val">.' | |
8667 | ); | |
8668 | } | |
8669 | } | |
8670 | el.staticStyle = JSON.stringify(parseStyleText(staticStyle)); | |
8671 | } | |
8672 | ||
8673 | var styleBinding = getBindingAttr(el, 'style', false /* getStatic */); | |
8674 | if (styleBinding) { | |
8675 | el.styleBinding = styleBinding; | |
8676 | } | |
8677 | } | |
8678 | ||
8679 | function genData$1 (el) { | |
8680 | var data = ''; | |
8681 | if (el.staticStyle) { | |
8682 | data += "staticStyle:" + (el.staticStyle) + ","; | |
8683 | } | |
8684 | if (el.styleBinding) { | |
8685 | data += "style:(" + (el.styleBinding) + "),"; | |
8686 | } | |
8687 | return data | |
8688 | } | |
8689 | ||
8690 | var style$1 = { | |
8691 | staticKeys: ['staticStyle'], | |
8692 | transformNode: transformNode$1, | |
8693 | genData: genData$1 | |
8694 | } | |
8695 | ||
8696 | /* */ | |
8697 | ||
8698 | var decoder; | |
8699 | ||
8700 | var he = { | |
8701 | decode: function decode (html) { | |
8702 | decoder = decoder || document.createElement('div'); | |
8703 | decoder.innerHTML = html; | |
8704 | return decoder.textContent | |
8705 | } | |
8706 | } | |
8707 | ||
8708 | /* */ | |
8709 | ||
8710 | var isUnaryTag = makeMap( | |
8711 | 'area,base,br,col,embed,frame,hr,img,input,isindex,keygen,' + | |
8712 | 'link,meta,param,source,track,wbr' | |
8713 | ); | |
8714 | ||
8715 | // Elements that you can, intentionally, leave open | |
8716 | // (and which close themselves) | |
8717 | var canBeLeftOpenTag = makeMap( | |
8718 | 'colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source' | |
8719 | ); | |
8720 | ||
8721 | // HTML5 tags https://html.spec.whatwg.org/multipage/indices.html#elements-3 | |
8722 | // Phrasing Content https://html.spec.whatwg.org/multipage/dom.html#phrasing-content | |
8723 | var isNonPhrasingTag = makeMap( | |
8724 | 'address,article,aside,base,blockquote,body,caption,col,colgroup,dd,' + | |
8725 | 'details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,' + | |
8726 | 'h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,' + | |
8727 | 'optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,' + | |
8728 | 'title,tr,track' | |
8729 | ); | |
8730 | ||
8731 | /** | |
8732 | * Not type-checking this file because it's mostly vendor code. | |
8733 | */ | |
8734 | ||
8735 | /*! | |
8736 | * HTML Parser By John Resig (ejohn.org) | |
8737 | * Modified by Juriy "kangax" Zaytsev | |
8738 | * Original code by Erik Arvidsson, Mozilla Public License | |
8739 | * http://erik.eae.net/simplehtmlparser/simplehtmlparser.js | |
8740 | */ | |
8741 | ||
8742 | // Regular Expressions for parsing tags and attributes | |
8743 | var attribute = /^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/; | |
8744 | // could use https://www.w3.org/TR/1999/REC-xml-names-19990114/#NT-QName | |
8745 | // but for Vue templates we can enforce a simple charset | |
8746 | var ncname = '[a-zA-Z_][\\w\\-\\.]*'; | |
8747 | var qnameCapture = "((?:" + ncname + "\\:)?" + ncname + ")"; | |
8748 | var startTagOpen = new RegExp(("^<" + qnameCapture)); | |
8749 | var startTagClose = /^\s*(\/?)>/; | |
8750 | var endTag = new RegExp(("^<\\/" + qnameCapture + "[^>]*>")); | |
8751 | var doctype = /^<!DOCTYPE [^>]+>/i; | |
8752 | // #7298: escape - to avoid being pased as HTML comment when inlined in page | |
8753 | var comment = /^<!\--/; | |
8754 | var conditionalComment = /^<!\[/; | |
8755 | ||
8756 | var IS_REGEX_CAPTURING_BROKEN = false; | |
8757 | 'x'.replace(/x(.)?/g, function (m, g) { | |
8758 | IS_REGEX_CAPTURING_BROKEN = g === ''; | |
8759 | }); | |
8760 | ||
8761 | // Special Elements (can contain anything) | |
8762 | var isPlainTextElement = makeMap('script,style,textarea', true); | |
8763 | var reCache = {}; | |
8764 | ||
8765 | var decodingMap = { | |
8766 | '<': '<', | |
8767 | '>': '>', | |
8768 | '"': '"', | |
8769 | '&': '&', | |
8770 | ' ': '\n', | |
8771 | '	': '\t' | |
8772 | }; | |
8773 | var encodedAttr = /&(?:lt|gt|quot|amp);/g; | |
8774 | var encodedAttrWithNewLines = /&(?:lt|gt|quot|amp|#10|#9);/g; | |
8775 | ||
8776 | // #5992 | |
8777 | var isIgnoreNewlineTag = makeMap('pre,textarea', true); | |
8778 | var shouldIgnoreFirstNewline = function (tag, html) { return tag && isIgnoreNewlineTag(tag) && html[0] === '\n'; }; | |
8779 | ||
8780 | function decodeAttr (value, shouldDecodeNewlines) { | |
8781 | var re = shouldDecodeNewlines ? encodedAttrWithNewLines : encodedAttr; | |
8782 | return value.replace(re, function (match) { return decodingMap[match]; }) | |
8783 | } | |
8784 | ||
8785 | function parseHTML (html, options) { | |
8786 | var stack = []; | |
8787 | var expectHTML = options.expectHTML; | |
8788 | var isUnaryTag$$1 = options.isUnaryTag || no; | |
8789 | var canBeLeftOpenTag$$1 = options.canBeLeftOpenTag || no; | |
8790 | var index = 0; | |
8791 | var last, lastTag; | |
8792 | while (html) { | |
8793 | last = html; | |
8794 | // Make sure we're not in a plaintext content element like script/style | |
8795 | if (!lastTag || !isPlainTextElement(lastTag)) { | |
8796 | var textEnd = html.indexOf('<'); | |
8797 | if (textEnd === 0) { | |
8798 | // Comment: | |
8799 | if (comment.test(html)) { | |
8800 | var commentEnd = html.indexOf('-->'); | |
8801 | ||
8802 | if (commentEnd >= 0) { | |
8803 | if (options.shouldKeepComment) { | |
8804 | options.comment(html.substring(4, commentEnd)); | |
8805 | } | |
8806 | advance(commentEnd + 3); | |
8807 | continue | |
8808 | } | |
8809 | } | |
8810 | ||
8811 | // http://en.wikipedia.org/wiki/Conditional_comment#Downlevel-revealed_conditional_comment | |
8812 | if (conditionalComment.test(html)) { | |
8813 | var conditionalEnd = html.indexOf(']>'); | |
8814 | ||
8815 | if (conditionalEnd >= 0) { | |
8816 | advance(conditionalEnd + 2); | |
8817 | continue | |
8818 | } | |
8819 | } | |
8820 | ||
8821 | // Doctype: | |
8822 | var doctypeMatch = html.match(doctype); | |
8823 | if (doctypeMatch) { | |
8824 | advance(doctypeMatch[0].length); | |
8825 | continue | |
8826 | } | |
8827 | ||
8828 | // End tag: | |
8829 | var endTagMatch = html.match(endTag); | |
8830 | if (endTagMatch) { | |
8831 | var curIndex = index; | |
8832 | advance(endTagMatch[0].length); | |
8833 | parseEndTag(endTagMatch[1], curIndex, index); | |
8834 | continue | |
8835 | } | |
8836 | ||
8837 | // Start tag: | |
8838 | var startTagMatch = parseStartTag(); | |
8839 | if (startTagMatch) { | |
8840 | handleStartTag(startTagMatch); | |
8841 | if (shouldIgnoreFirstNewline(lastTag, html)) { | |
8842 | advance(1); | |
8843 | } | |
8844 | continue | |
8845 | } | |
8846 | } | |
8847 | ||
8848 | var text = (void 0), rest = (void 0), next = (void 0); | |
8849 | if (textEnd >= 0) { | |
8850 | rest = html.slice(textEnd); | |
8851 | while ( | |
8852 | !endTag.test(rest) && | |
8853 | !startTagOpen.test(rest) && | |
8854 | !comment.test(rest) && | |
8855 | !conditionalComment.test(rest) | |
8856 | ) { | |
8857 | // < in plain text, be forgiving and treat it as text | |
8858 | next = rest.indexOf('<', 1); | |
8859 | if (next < 0) { break } | |
8860 | textEnd += next; | |
8861 | rest = html.slice(textEnd); | |
8862 | } | |
8863 | text = html.substring(0, textEnd); | |
8864 | advance(textEnd); | |
8865 | } | |
8866 | ||
8867 | if (textEnd < 0) { | |
8868 | text = html; | |
8869 | html = ''; | |
8870 | } | |
8871 | ||
8872 | if (options.chars && text) { | |
8873 | options.chars(text); | |
8874 | } | |
8875 | } else { | |
8876 | var endTagLength = 0; | |
8877 | var stackedTag = lastTag.toLowerCase(); | |
8878 | var reStackedTag = reCache[stackedTag] || (reCache[stackedTag] = new RegExp('([\\s\\S]*?)(</' + stackedTag + '[^>]*>)', 'i')); | |
8879 | var rest$1 = html.replace(reStackedTag, function (all, text, endTag) { | |
8880 | endTagLength = endTag.length; | |
8881 | if (!isPlainTextElement(stackedTag) && stackedTag !== 'noscript') { | |
8882 | text = text | |
8883 | .replace(/<!\--([\s\S]*?)-->/g, '$1') // #7298 | |
8884 | .replace(/<!\[CDATA\[([\s\S]*?)]]>/g, '$1'); | |
8885 | } | |
8886 | if (shouldIgnoreFirstNewline(stackedTag, text)) { | |
8887 | text = text.slice(1); | |
8888 | } | |
8889 | if (options.chars) { | |
8890 | options.chars(text); | |
8891 | } | |
8892 | return '' | |
8893 | }); | |
8894 | index += html.length - rest$1.length; | |
8895 | html = rest$1; | |
8896 | parseEndTag(stackedTag, index - endTagLength, index); | |
8897 | } | |
8898 | ||
8899 | if (html === last) { | |
8900 | options.chars && options.chars(html); | |
8901 | if ("development" !== 'production' && !stack.length && options.warn) { | |
8902 | options.warn(("Mal-formatted tag at end of template: \"" + html + "\"")); | |
8903 | } | |
8904 | break | |
8905 | } | |
8906 | } | |
8907 | ||
8908 | // Clean up any remaining tags | |
8909 | parseEndTag(); | |
8910 | ||
8911 | function advance (n) { | |
8912 | index += n; | |
8913 | html = html.substring(n); | |
8914 | } | |
8915 | ||
8916 | function parseStartTag () { | |
8917 | var start = html.match(startTagOpen); | |
8918 | if (start) { | |
8919 | var match = { | |
8920 | tagName: start[1], | |
8921 | attrs: [], | |
8922 | start: index | |
8923 | }; | |
8924 | advance(start[0].length); | |
8925 | var end, attr; | |
8926 | while (!(end = html.match(startTagClose)) && (attr = html.match(attribute))) { | |
8927 | advance(attr[0].length); | |
8928 | match.attrs.push(attr); | |
8929 | } | |
8930 | if (end) { | |
8931 | match.unarySlash = end[1]; | |
8932 | advance(end[0].length); | |
8933 | match.end = index; | |
8934 | return match | |
8935 | } | |
8936 | } | |
8937 | } | |
8938 | ||
8939 | function handleStartTag (match) { | |
8940 | var tagName = match.tagName; | |
8941 | var unarySlash = match.unarySlash; | |
8942 | ||
8943 | if (expectHTML) { | |
8944 | if (lastTag === 'p' && isNonPhrasingTag(tagName)) { | |
8945 | parseEndTag(lastTag); | |
8946 | } | |
8947 | if (canBeLeftOpenTag$$1(tagName) && lastTag === tagName) { | |
8948 | parseEndTag(tagName); | |
8949 | } | |
8950 | } | |
8951 | ||
8952 | var unary = isUnaryTag$$1(tagName) || !!unarySlash; | |
8953 | ||
8954 | var l = match.attrs.length; | |
8955 | var attrs = new Array(l); | |
8956 | for (var i = 0; i < l; i++) { | |
8957 | var args = match.attrs[i]; | |
8958 | // hackish work around FF bug https://bugzilla.mozilla.org/show_bug.cgi?id=369778 | |
8959 | if (IS_REGEX_CAPTURING_BROKEN && args[0].indexOf('""') === -1) { | |
8960 | if (args[3] === '') { delete args[3]; } | |
8961 | if (args[4] === '') { delete args[4]; } | |
8962 | if (args[5] === '') { delete args[5]; } | |
8963 | } | |
8964 | var value = args[3] || args[4] || args[5] || ''; | |
8965 | var shouldDecodeNewlines = tagName === 'a' && args[1] === 'href' | |
8966 | ? options.shouldDecodeNewlinesForHref | |
8967 | : options.shouldDecodeNewlines; | |
8968 | attrs[i] = { | |
8969 | name: args[1], | |
8970 | value: decodeAttr(value, shouldDecodeNewlines) | |
8971 | }; | |
8972 | } | |
8973 | ||
8974 | if (!unary) { | |
8975 | stack.push({ tag: tagName, lowerCasedTag: tagName.toLowerCase(), attrs: attrs }); | |
8976 | lastTag = tagName; | |
8977 | } | |
8978 | ||
8979 | if (options.start) { | |
8980 | options.start(tagName, attrs, unary, match.start, match.end); | |
8981 | } | |
8982 | } | |
8983 | ||
8984 | function parseEndTag (tagName, start, end) { | |
8985 | var pos, lowerCasedTagName; | |
8986 | if (start == null) { start = index; } | |
8987 | if (end == null) { end = index; } | |
8988 | ||
8989 | if (tagName) { | |
8990 | lowerCasedTagName = tagName.toLowerCase(); | |
8991 | } | |
8992 | ||
8993 | // Find the closest opened tag of the same type | |
8994 | if (tagName) { | |
8995 | for (pos = stack.length - 1; pos >= 0; pos--) { | |
8996 | if (stack[pos].lowerCasedTag === lowerCasedTagName) { | |
8997 | break | |
8998 | } | |
8999 | } | |
9000 | } else { | |
9001 | // If no tag name is provided, clean shop | |
9002 | pos = 0; | |
9003 | } | |
9004 | ||
9005 | if (pos >= 0) { | |
9006 | // Close all the open elements, up the stack | |
9007 | for (var i = stack.length - 1; i >= pos; i--) { | |
9008 | if ("development" !== 'production' && | |
9009 | (i > pos || !tagName) && | |
9010 | options.warn | |
9011 | ) { | |
9012 | options.warn( | |
9013 | ("tag <" + (stack[i].tag) + "> has no matching end tag.") | |
9014 | ); | |
9015 | } | |
9016 | if (options.end) { | |
9017 | options.end(stack[i].tag, start, end); | |
9018 | } | |
9019 | } | |
9020 | ||
9021 | // Remove the open elements from the stack | |
9022 | stack.length = pos; | |
9023 | lastTag = pos && stack[pos - 1].tag; | |
9024 | } else if (lowerCasedTagName === 'br') { | |
9025 | if (options.start) { | |
9026 | options.start(tagName, [], true, start, end); | |
9027 | } | |
9028 | } else if (lowerCasedTagName === 'p') { | |
9029 | if (options.start) { | |
9030 | options.start(tagName, [], false, start, end); | |
9031 | } | |
9032 | if (options.end) { | |
9033 | options.end(tagName, start, end); | |
9034 | } | |
9035 | } | |
9036 | } | |
9037 | } | |
9038 | ||
9039 | /* */ | |
9040 | ||
9041 | var onRE = /^@|^v-on:/; | |
9042 | var dirRE = /^v-|^@|^:/; | |
9043 | var forAliasRE = /([^]*?)\s+(?:in|of)\s+([^]*)/; | |
9044 | var forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/; | |
9045 | var stripParensRE = /^\(|\)$/g; | |
9046 | ||
9047 | var argRE = /:(.*)$/; | |
9048 | var bindRE = /^:|^v-bind:/; | |
9049 | var modifierRE = /\.[^.]+/g; | |
9050 | ||
9051 | var decodeHTMLCached = cached(he.decode); | |
9052 | ||
9053 | // configurable state | |
9054 | var warn$2; | |
9055 | var delimiters; | |
9056 | var transforms; | |
9057 | var preTransforms; | |
9058 | var postTransforms; | |
9059 | var platformIsPreTag; | |
9060 | var platformMustUseProp; | |
9061 | var platformGetTagNamespace; | |
9062 | ||
9063 | ||
9064 | ||
9065 | function createASTElement ( | |
9066 | tag, | |
9067 | attrs, | |
9068 | parent | |
9069 | ) { | |
9070 | return { | |
9071 | type: 1, | |
9072 | tag: tag, | |
9073 | attrsList: attrs, | |
9074 | attrsMap: makeAttrsMap(attrs), | |
9075 | parent: parent, | |
9076 | children: [] | |
9077 | } | |
9078 | } | |
9079 | ||
9080 | /** | |
9081 | * Convert HTML string to AST. | |
9082 | */ | |
9083 | function parse ( | |
9084 | template, | |
9085 | options | |
9086 | ) { | |
9087 | warn$2 = options.warn || baseWarn; | |
9088 | ||
9089 | platformIsPreTag = options.isPreTag || no; | |
9090 | platformMustUseProp = options.mustUseProp || no; | |
9091 | platformGetTagNamespace = options.getTagNamespace || no; | |
9092 | ||
9093 | transforms = pluckModuleFunction(options.modules, 'transformNode'); | |
9094 | preTransforms = pluckModuleFunction(options.modules, 'preTransformNode'); | |
9095 | postTransforms = pluckModuleFunction(options.modules, 'postTransformNode'); | |
9096 | ||
9097 | delimiters = options.delimiters; | |
9098 | ||
9099 | var stack = []; | |
9100 | var preserveWhitespace = options.preserveWhitespace !== false; | |
9101 | var root; | |
9102 | var currentParent; | |
9103 | var inVPre = false; | |
9104 | var inPre = false; | |
9105 | var warned = false; | |
9106 | ||
9107 | function warnOnce (msg) { | |
9108 | if (!warned) { | |
9109 | warned = true; | |
9110 | warn$2(msg); | |
9111 | } | |
9112 | } | |
9113 | ||
9114 | function closeElement (element) { | |
9115 | // check pre state | |
9116 | if (element.pre) { | |
9117 | inVPre = false; | |
9118 | } | |
9119 | if (platformIsPreTag(element.tag)) { | |
9120 | inPre = false; | |
9121 | } | |
9122 | // apply post-transforms | |
9123 | for (var i = 0; i < postTransforms.length; i++) { | |
9124 | postTransforms[i](element, options); | |
9125 | } | |
9126 | } | |
9127 | ||
9128 | parseHTML(template, { | |
9129 | warn: warn$2, | |
9130 | expectHTML: options.expectHTML, | |
9131 | isUnaryTag: options.isUnaryTag, | |
9132 | canBeLeftOpenTag: options.canBeLeftOpenTag, | |
9133 | shouldDecodeNewlines: options.shouldDecodeNewlines, | |
9134 | shouldDecodeNewlinesForHref: options.shouldDecodeNewlinesForHref, | |
9135 | shouldKeepComment: options.comments, | |
9136 | start: function start (tag, attrs, unary) { | |
9137 | // check namespace. | |
9138 | // inherit parent ns if there is one | |
9139 | var ns = (currentParent && currentParent.ns) || platformGetTagNamespace(tag); | |
9140 | ||
9141 | // handle IE svg bug | |
9142 | /* istanbul ignore if */ | |
9143 | if (isIE && ns === 'svg') { | |
9144 | attrs = guardIESVGBug(attrs); | |
9145 | } | |
9146 | ||
9147 | var element = createASTElement(tag, attrs, currentParent); | |
9148 | if (ns) { | |
9149 | element.ns = ns; | |
9150 | } | |
9151 | ||
9152 | if (isForbiddenTag(element) && !isServerRendering()) { | |
9153 | element.forbidden = true; | |
9154 | "development" !== 'production' && warn$2( | |
9155 | 'Templates should only be responsible for mapping the state to the ' + | |
9156 | 'UI. Avoid placing tags with side-effects in your templates, such as ' + | |
9157 | "<" + tag + ">" + ', as they will not be parsed.' | |
9158 | ); | |
9159 | } | |
9160 | ||
9161 | // apply pre-transforms | |
9162 | for (var i = 0; i < preTransforms.length; i++) { | |
9163 | element = preTransforms[i](element, options) || element; | |
9164 | } | |
9165 | ||
9166 | if (!inVPre) { | |
9167 | processPre(element); | |
9168 | if (element.pre) { | |
9169 | inVPre = true; | |
9170 | } | |
9171 | } | |
9172 | if (platformIsPreTag(element.tag)) { | |
9173 | inPre = true; | |
9174 | } | |
9175 | if (inVPre) { | |
9176 | processRawAttrs(element); | |
9177 | } else if (!element.processed) { | |
9178 | // structural directives | |
9179 | processFor(element); | |
9180 | processIf(element); | |
9181 | processOnce(element); | |
9182 | // element-scope stuff | |
9183 | processElement(element, options); | |
9184 | } | |
9185 | ||
9186 | function checkRootConstraints (el) { | |
9187 | { | |
9188 | if (el.tag === 'slot' || el.tag === 'template') { | |
9189 | warnOnce( | |
9190 | "Cannot use <" + (el.tag) + "> as component root element because it may " + | |
9191 | 'contain multiple nodes.' | |
9192 | ); | |
9193 | } | |
9194 | if (el.attrsMap.hasOwnProperty('v-for')) { | |
9195 | warnOnce( | |
9196 | 'Cannot use v-for on stateful component root element because ' + | |
9197 | 'it renders multiple elements.' | |
9198 | ); | |
9199 | } | |
9200 | } | |
9201 | } | |
9202 | ||
9203 | // tree management | |
9204 | if (!root) { | |
9205 | root = element; | |
9206 | checkRootConstraints(root); | |
9207 | } else if (!stack.length) { | |
9208 | // allow root elements with v-if, v-else-if and v-else | |
9209 | if (root.if && (element.elseif || element.else)) { | |
9210 | checkRootConstraints(element); | |
9211 | addIfCondition(root, { | |
9212 | exp: element.elseif, | |
9213 | block: element | |
9214 | }); | |
9215 | } else { | |
9216 | warnOnce( | |
9217 | "Component template should contain exactly one root element. " + | |
9218 | "If you are using v-if on multiple elements, " + | |
9219 | "use v-else-if to chain them instead." | |
9220 | ); | |
9221 | } | |
9222 | } | |
9223 | if (currentParent && !element.forbidden) { | |
9224 | if (element.elseif || element.else) { | |
9225 | processIfConditions(element, currentParent); | |
9226 | } else if (element.slotScope) { // scoped slot | |
9227 | currentParent.plain = false; | |
9228 | var name = element.slotTarget || '"default"';(currentParent.scopedSlots || (currentParent.scopedSlots = {}))[name] = element; | |
9229 | } else { | |
9230 | currentParent.children.push(element); | |
9231 | element.parent = currentParent; | |
9232 | } | |
9233 | } | |
9234 | if (!unary) { | |
9235 | currentParent = element; | |
9236 | stack.push(element); | |
9237 | } else { | |
9238 | closeElement(element); | |
9239 | } | |
9240 | }, | |
9241 | ||
9242 | end: function end () { | |
9243 | // remove trailing whitespace | |
9244 | var element = stack[stack.length - 1]; | |
9245 | var lastNode = element.children[element.children.length - 1]; | |
9246 | if (lastNode && lastNode.type === 3 && lastNode.text === ' ' && !inPre) { | |
9247 | element.children.pop(); | |
9248 | } | |
9249 | // pop stack | |
9250 | stack.length -= 1; | |
9251 | currentParent = stack[stack.length - 1]; | |
9252 | closeElement(element); | |
9253 | }, | |
9254 | ||
9255 | chars: function chars (text) { | |
9256 | if (!currentParent) { | |
9257 | { | |
9258 | if (text === template) { | |
9259 | warnOnce( | |
9260 | 'Component template requires a root element, rather than just text.' | |
9261 | ); | |
9262 | } else if ((text = text.trim())) { | |
9263 | warnOnce( | |
9264 | ("text \"" + text + "\" outside root element will be ignored.") | |
9265 | ); | |
9266 | } | |
9267 | } | |
9268 | return | |
9269 | } | |
9270 | // IE textarea placeholder bug | |
9271 | /* istanbul ignore if */ | |
9272 | if (isIE && | |
9273 | currentParent.tag === 'textarea' && | |
9274 | currentParent.attrsMap.placeholder === text | |
9275 | ) { | |
9276 | return | |
9277 | } | |
9278 | var children = currentParent.children; | |
9279 | text = inPre || text.trim() | |
9280 | ? isTextTag(currentParent) ? text : decodeHTMLCached(text) | |
9281 | // only preserve whitespace if its not right after a starting tag | |
9282 | : preserveWhitespace && children.length ? ' ' : ''; | |
9283 | if (text) { | |
9284 | var res; | |
9285 | if (!inVPre && text !== ' ' && (res = parseText(text, delimiters))) { | |
9286 | children.push({ | |
9287 | type: 2, | |
9288 | expression: res.expression, | |
9289 | tokens: res.tokens, | |
9290 | text: text | |
9291 | }); | |
9292 | } else if (text !== ' ' || !children.length || children[children.length - 1].text !== ' ') { | |
9293 | children.push({ | |
9294 | type: 3, | |
9295 | text: text | |
9296 | }); | |
9297 | } | |
9298 | } | |
9299 | }, | |
9300 | comment: function comment (text) { | |
9301 | currentParent.children.push({ | |
9302 | type: 3, | |
9303 | text: text, | |
9304 | isComment: true | |
9305 | }); | |
9306 | } | |
9307 | }); | |
9308 | return root | |
9309 | } | |
9310 | ||
9311 | function processPre (el) { | |
9312 | if (getAndRemoveAttr(el, 'v-pre') != null) { | |
9313 | el.pre = true; | |
9314 | } | |
9315 | } | |
9316 | ||
9317 | function processRawAttrs (el) { | |
9318 | var l = el.attrsList.length; | |
9319 | if (l) { | |
9320 | var attrs = el.attrs = new Array(l); | |
9321 | for (var i = 0; i < l; i++) { | |
9322 | attrs[i] = { | |
9323 | name: el.attrsList[i].name, | |
9324 | value: JSON.stringify(el.attrsList[i].value) | |
9325 | }; | |
9326 | } | |
9327 | } else if (!el.pre) { | |
9328 | // non root node in pre blocks with no attributes | |
9329 | el.plain = true; | |
9330 | } | |
9331 | } | |
9332 | ||
9333 | function processElement (element, options) { | |
9334 | processKey(element); | |
9335 | ||
9336 | // determine whether this is a plain element after | |
9337 | // removing structural attributes | |
9338 | element.plain = !element.key && !element.attrsList.length; | |
9339 | ||
9340 | processRef(element); | |
9341 | processSlot(element); | |
9342 | processComponent(element); | |
9343 | for (var i = 0; i < transforms.length; i++) { | |
9344 | element = transforms[i](element, options) || element; | |
9345 | } | |
9346 | processAttrs(element); | |
9347 | } | |
9348 | ||
9349 | function processKey (el) { | |
9350 | var exp = getBindingAttr(el, 'key'); | |
9351 | if (exp) { | |
9352 | if ("development" !== 'production' && el.tag === 'template') { | |
9353 | warn$2("<template> cannot be keyed. Place the key on real elements instead."); | |
9354 | } | |
9355 | el.key = exp; | |
9356 | } | |
9357 | } | |
9358 | ||
9359 | function processRef (el) { | |
9360 | var ref = getBindingAttr(el, 'ref'); | |
9361 | if (ref) { | |
9362 | el.ref = ref; | |
9363 | el.refInFor = checkInFor(el); | |
9364 | } | |
9365 | } | |
9366 | ||
9367 | function processFor (el) { | |
9368 | var exp; | |
9369 | if ((exp = getAndRemoveAttr(el, 'v-for'))) { | |
9370 | var res = parseFor(exp); | |
9371 | if (res) { | |
9372 | extend(el, res); | |
9373 | } else { | |
9374 | warn$2( | |
9375 | ("Invalid v-for expression: " + exp) | |
9376 | ); | |
9377 | } | |
9378 | } | |
9379 | } | |
9380 | ||
9381 | ||
9382 | ||
9383 | function parseFor (exp) { | |
9384 | var inMatch = exp.match(forAliasRE); | |
9385 | if (!inMatch) { return } | |
9386 | var res = {}; | |
9387 | res.for = inMatch[2].trim(); | |
9388 | var alias = inMatch[1].trim().replace(stripParensRE, ''); | |
9389 | var iteratorMatch = alias.match(forIteratorRE); | |
9390 | if (iteratorMatch) { | |
9391 | res.alias = alias.replace(forIteratorRE, ''); | |
9392 | res.iterator1 = iteratorMatch[1].trim(); | |
9393 | if (iteratorMatch[2]) { | |
9394 | res.iterator2 = iteratorMatch[2].trim(); | |
9395 | } | |
9396 | } else { | |
9397 | res.alias = alias; | |
9398 | } | |
9399 | return res | |
9400 | } | |
9401 | ||
9402 | function processIf (el) { | |
9403 | var exp = getAndRemoveAttr(el, 'v-if'); | |
9404 | if (exp) { | |
9405 | el.if = exp; | |
9406 | addIfCondition(el, { | |
9407 | exp: exp, | |
9408 | block: el | |
9409 | }); | |
9410 | } else { | |
9411 | if (getAndRemoveAttr(el, 'v-else') != null) { | |
9412 | el.else = true; | |
9413 | } | |
9414 | var elseif = getAndRemoveAttr(el, 'v-else-if'); | |
9415 | if (elseif) { | |
9416 | el.elseif = elseif; | |
9417 | } | |
9418 | } | |
9419 | } | |
9420 | ||
9421 | function processIfConditions (el, parent) { | |
9422 | var prev = findPrevElement(parent.children); | |
9423 | if (prev && prev.if) { | |
9424 | addIfCondition(prev, { | |
9425 | exp: el.elseif, | |
9426 | block: el | |
9427 | }); | |
9428 | } else { | |
9429 | warn$2( | |
9430 | "v-" + (el.elseif ? ('else-if="' + el.elseif + '"') : 'else') + " " + | |
9431 | "used on element <" + (el.tag) + "> without corresponding v-if." | |
9432 | ); | |
9433 | } | |
9434 | } | |
9435 | ||
9436 | function findPrevElement (children) { | |
9437 | var i = children.length; | |
9438 | while (i--) { | |
9439 | if (children[i].type === 1) { | |
9440 | return children[i] | |
9441 | } else { | |
9442 | if ("development" !== 'production' && children[i].text !== ' ') { | |
9443 | warn$2( | |
9444 | "text \"" + (children[i].text.trim()) + "\" between v-if and v-else(-if) " + | |
9445 | "will be ignored." | |
9446 | ); | |
9447 | } | |
9448 | children.pop(); | |
9449 | } | |
9450 | } | |
9451 | } | |
9452 | ||
9453 | function addIfCondition (el, condition) { | |
9454 | if (!el.ifConditions) { | |
9455 | el.ifConditions = []; | |
9456 | } | |
9457 | el.ifConditions.push(condition); | |
9458 | } | |
9459 | ||
9460 | function processOnce (el) { | |
9461 | var once$$1 = getAndRemoveAttr(el, 'v-once'); | |
9462 | if (once$$1 != null) { | |
9463 | el.once = true; | |
9464 | } | |
9465 | } | |
9466 | ||
9467 | function processSlot (el) { | |
9468 | if (el.tag === 'slot') { | |
9469 | el.slotName = getBindingAttr(el, 'name'); | |
9470 | if ("development" !== 'production' && el.key) { | |
9471 | warn$2( | |
9472 | "`key` does not work on <slot> because slots are abstract outlets " + | |
9473 | "and can possibly expand into multiple elements. " + | |
9474 | "Use the key on a wrapping element instead." | |
9475 | ); | |
9476 | } | |
9477 | } else { | |
9478 | var slotScope; | |
9479 | if (el.tag === 'template') { | |
9480 | slotScope = getAndRemoveAttr(el, 'scope'); | |
9481 | /* istanbul ignore if */ | |
9482 | if ("development" !== 'production' && slotScope) { | |
9483 | warn$2( | |
9484 | "the \"scope\" attribute for scoped slots have been deprecated and " + | |
9485 | "replaced by \"slot-scope\" since 2.5. The new \"slot-scope\" attribute " + | |
9486 | "can also be used on plain elements in addition to <template> to " + | |
9487 | "denote scoped slots.", | |
9488 | true | |
9489 | ); | |
9490 | } | |
9491 | el.slotScope = slotScope || getAndRemoveAttr(el, 'slot-scope'); | |
9492 | } else if ((slotScope = getAndRemoveAttr(el, 'slot-scope'))) { | |
9493 | /* istanbul ignore if */ | |
9494 | if ("development" !== 'production' && el.attrsMap['v-for']) { | |
9495 | warn$2( | |
9496 | "Ambiguous combined usage of slot-scope and v-for on <" + (el.tag) + "> " + | |
9497 | "(v-for takes higher priority). Use a wrapper <template> for the " + | |
9498 | "scoped slot to make it clearer.", | |
9499 | true | |
9500 | ); | |
9501 | } | |
9502 | el.slotScope = slotScope; | |
9503 | } | |
9504 | var slotTarget = getBindingAttr(el, 'slot'); | |
9505 | if (slotTarget) { | |
9506 | el.slotTarget = slotTarget === '""' ? '"default"' : slotTarget; | |
9507 | // preserve slot as an attribute for native shadow DOM compat | |
9508 | // only for non-scoped slots. | |
9509 | if (el.tag !== 'template' && !el.slotScope) { | |
9510 | addAttr(el, 'slot', slotTarget); | |
9511 | } | |
9512 | } | |
9513 | } | |
9514 | } | |
9515 | ||
9516 | function processComponent (el) { | |
9517 | var binding; | |
9518 | if ((binding = getBindingAttr(el, 'is'))) { | |
9519 | el.component = binding; | |
9520 | } | |
9521 | if (getAndRemoveAttr(el, 'inline-template') != null) { | |
9522 | el.inlineTemplate = true; | |
9523 | } | |
9524 | } | |
9525 | ||
9526 | function processAttrs (el) { | |
9527 | var list = el.attrsList; | |
9528 | var i, l, name, rawName, value, modifiers, isProp; | |
9529 | for (i = 0, l = list.length; i < l; i++) { | |
9530 | name = rawName = list[i].name; | |
9531 | value = list[i].value; | |
9532 | if (dirRE.test(name)) { | |
9533 | // mark element as dynamic | |
9534 | el.hasBindings = true; | |
9535 | // modifiers | |
9536 | modifiers = parseModifiers(name); | |
9537 | if (modifiers) { | |
9538 | name = name.replace(modifierRE, ''); | |
9539 | } | |
9540 | if (bindRE.test(name)) { // v-bind | |
9541 | name = name.replace(bindRE, ''); | |
9542 | value = parseFilters(value); | |
9543 | isProp = false; | |
9544 | if (modifiers) { | |
9545 | if (modifiers.prop) { | |
9546 | isProp = true; | |
9547 | name = camelize(name); | |
9548 | if (name === 'innerHtml') { name = 'innerHTML'; } | |
9549 | } | |
9550 | if (modifiers.camel) { | |
9551 | name = camelize(name); | |
9552 | } | |
9553 | if (modifiers.sync) { | |
9554 | addHandler( | |
9555 | el, | |
9556 | ("update:" + (camelize(name))), | |
9557 | genAssignmentCode(value, "$event") | |
9558 | ); | |
9559 | } | |
9560 | } | |
9561 | if (isProp || ( | |
9562 | !el.component && platformMustUseProp(el.tag, el.attrsMap.type, name) | |
9563 | )) { | |
9564 | addProp(el, name, value); | |
9565 | } else { | |
9566 | addAttr(el, name, value); | |
9567 | } | |
9568 | } else if (onRE.test(name)) { // v-on | |
9569 | name = name.replace(onRE, ''); | |
9570 | addHandler(el, name, value, modifiers, false, warn$2); | |
9571 | } else { // normal directives | |
9572 | name = name.replace(dirRE, ''); | |
9573 | // parse arg | |
9574 | var argMatch = name.match(argRE); | |
9575 | var arg = argMatch && argMatch[1]; | |
9576 | if (arg) { | |
9577 | name = name.slice(0, -(arg.length + 1)); | |
9578 | } | |
9579 | addDirective(el, name, rawName, value, arg, modifiers); | |
9580 | if ("development" !== 'production' && name === 'model') { | |
9581 | checkForAliasModel(el, value); | |
9582 | } | |
9583 | } | |
9584 | } else { | |
9585 | // literal attribute | |
9586 | { | |
9587 | var res = parseText(value, delimiters); | |
9588 | if (res) { | |
9589 | warn$2( | |
9590 | name + "=\"" + value + "\": " + | |
9591 | 'Interpolation inside attributes has been removed. ' + | |
9592 | 'Use v-bind or the colon shorthand instead. For example, ' + | |
9593 | 'instead of <div id="{{ val }}">, use <div :id="val">.' | |
9594 | ); | |
9595 | } | |
9596 | } | |
9597 | addAttr(el, name, JSON.stringify(value)); | |
9598 | // #6887 firefox doesn't update muted state if set via attribute | |
9599 | // even immediately after element creation | |
9600 | if (!el.component && | |
9601 | name === 'muted' && | |
9602 | platformMustUseProp(el.tag, el.attrsMap.type, name)) { | |
9603 | addProp(el, name, 'true'); | |
9604 | } | |
9605 | } | |
9606 | } | |
9607 | } | |
9608 | ||
9609 | function checkInFor (el) { | |
9610 | var parent = el; | |
9611 | while (parent) { | |
9612 | if (parent.for !== undefined) { | |
9613 | return true | |
9614 | } | |
9615 | parent = parent.parent; | |
9616 | } | |
9617 | return false | |
9618 | } | |
9619 | ||
9620 | function parseModifiers (name) { | |
9621 | var match = name.match(modifierRE); | |
9622 | if (match) { | |
9623 | var ret = {}; | |
9624 | match.forEach(function (m) { ret[m.slice(1)] = true; }); | |
9625 | return ret | |
9626 | } | |
9627 | } | |
9628 | ||
9629 | function makeAttrsMap (attrs) { | |
9630 | var map = {}; | |
9631 | for (var i = 0, l = attrs.length; i < l; i++) { | |
9632 | if ( | |
9633 | "development" !== 'production' && | |
9634 | map[attrs[i].name] && !isIE && !isEdge | |
9635 | ) { | |
9636 | warn$2('duplicate attribute: ' + attrs[i].name); | |
9637 | } | |
9638 | map[attrs[i].name] = attrs[i].value; | |
9639 | } | |
9640 | return map | |
9641 | } | |
9642 | ||
9643 | // for script (e.g. type="x/template") or style, do not decode content | |
9644 | function isTextTag (el) { | |
9645 | return el.tag === 'script' || el.tag === 'style' | |
9646 | } | |
9647 | ||
9648 | function isForbiddenTag (el) { | |
9649 | return ( | |
9650 | el.tag === 'style' || | |
9651 | (el.tag === 'script' && ( | |
9652 | !el.attrsMap.type || | |
9653 | el.attrsMap.type === 'text/javascript' | |
9654 | )) | |
9655 | ) | |
9656 | } | |
9657 | ||
9658 | var ieNSBug = /^xmlns:NS\d+/; | |
9659 | var ieNSPrefix = /^NS\d+:/; | |
9660 | ||
9661 | /* istanbul ignore next */ | |
9662 | function guardIESVGBug (attrs) { | |
9663 | var res = []; | |
9664 | for (var i = 0; i < attrs.length; i++) { | |
9665 | var attr = attrs[i]; | |
9666 | if (!ieNSBug.test(attr.name)) { | |
9667 | attr.name = attr.name.replace(ieNSPrefix, ''); | |
9668 | res.push(attr); | |
9669 | } | |
9670 | } | |
9671 | return res | |
9672 | } | |
9673 | ||
9674 | function checkForAliasModel (el, value) { | |
9675 | var _el = el; | |
9676 | while (_el) { | |
9677 | if (_el.for && _el.alias === value) { | |
9678 | warn$2( | |
9679 | "<" + (el.tag) + " v-model=\"" + value + "\">: " + | |
9680 | "You are binding v-model directly to a v-for iteration alias. " + | |
9681 | "This will not be able to modify the v-for source array because " + | |
9682 | "writing to the alias is like modifying a function local variable. " + | |
9683 | "Consider using an array of objects and use v-model on an object property instead." | |
9684 | ); | |
9685 | } | |
9686 | _el = _el.parent; | |
9687 | } | |
9688 | } | |
9689 | ||
9690 | /* */ | |
9691 | ||
9692 | /** | |
9693 | * Expand input[v-model] with dyanmic type bindings into v-if-else chains | |
9694 | * Turn this: | |
9695 | * <input v-model="data[type]" :type="type"> | |
9696 | * into this: | |
9697 | * <input v-if="type === 'checkbox'" type="checkbox" v-model="data[type]"> | |
9698 | * <input v-else-if="type === 'radio'" type="radio" v-model="data[type]"> | |
9699 | * <input v-else :type="type" v-model="data[type]"> | |
9700 | */ | |
9701 | ||
9702 | function preTransformNode (el, options) { | |
9703 | if (el.tag === 'input') { | |
9704 | var map = el.attrsMap; | |
9705 | if (!map['v-model']) { | |
9706 | return | |
9707 | } | |
9708 | ||
9709 | var typeBinding; | |
9710 | if (map[':type'] || map['v-bind:type']) { | |
9711 | typeBinding = getBindingAttr(el, 'type'); | |
9712 | } | |
9713 | if (!map.type && !typeBinding && map['v-bind']) { | |
9714 | typeBinding = "(" + (map['v-bind']) + ").type"; | |
9715 | } | |
9716 | ||
9717 | if (typeBinding) { | |
9718 | var ifCondition = getAndRemoveAttr(el, 'v-if', true); | |
9719 | var ifConditionExtra = ifCondition ? ("&&(" + ifCondition + ")") : ""; | |
9720 | var hasElse = getAndRemoveAttr(el, 'v-else', true) != null; | |
9721 | var elseIfCondition = getAndRemoveAttr(el, 'v-else-if', true); | |
9722 | // 1. checkbox | |
9723 | var branch0 = cloneASTElement(el); | |
9724 | // process for on the main node | |
9725 | processFor(branch0); | |
9726 | addRawAttr(branch0, 'type', 'checkbox'); | |
9727 | processElement(branch0, options); | |
9728 | branch0.processed = true; // prevent it from double-processed | |
9729 | branch0.if = "(" + typeBinding + ")==='checkbox'" + ifConditionExtra; | |
9730 | addIfCondition(branch0, { | |
9731 | exp: branch0.if, | |
9732 | block: branch0 | |
9733 | }); | |
9734 | // 2. add radio else-if condition | |
9735 | var branch1 = cloneASTElement(el); | |
9736 | getAndRemoveAttr(branch1, 'v-for', true); | |
9737 | addRawAttr(branch1, 'type', 'radio'); | |
9738 | processElement(branch1, options); | |
9739 | addIfCondition(branch0, { | |
9740 | exp: "(" + typeBinding + ")==='radio'" + ifConditionExtra, | |
9741 | block: branch1 | |
9742 | }); | |
9743 | // 3. other | |
9744 | var branch2 = cloneASTElement(el); | |
9745 | getAndRemoveAttr(branch2, 'v-for', true); | |
9746 | addRawAttr(branch2, ':type', typeBinding); | |
9747 | processElement(branch2, options); | |
9748 | addIfCondition(branch0, { | |
9749 | exp: ifCondition, | |
9750 | block: branch2 | |
9751 | }); | |
9752 | ||
9753 | if (hasElse) { | |
9754 | branch0.else = true; | |
9755 | } else if (elseIfCondition) { | |
9756 | branch0.elseif = elseIfCondition; | |
9757 | } | |
9758 | ||
9759 | return branch0 | |
9760 | } | |
9761 | } | |
9762 | } | |
9763 | ||
9764 | function cloneASTElement (el) { | |
9765 | return createASTElement(el.tag, el.attrsList.slice(), el.parent) | |
9766 | } | |
9767 | ||
9768 | var model$2 = { | |
9769 | preTransformNode: preTransformNode | |
9770 | } | |
9771 | ||
9772 | var modules$1 = [ | |
9773 | klass$1, | |
9774 | style$1, | |
9775 | model$2 | |
9776 | ] | |
9777 | ||
9778 | /* */ | |
9779 | ||
9780 | function text (el, dir) { | |
9781 | if (dir.value) { | |
9782 | addProp(el, 'textContent', ("_s(" + (dir.value) + ")")); | |
9783 | } | |
9784 | } | |
9785 | ||
9786 | /* */ | |
9787 | ||
9788 | function html (el, dir) { | |
9789 | if (dir.value) { | |
9790 | addProp(el, 'innerHTML', ("_s(" + (dir.value) + ")")); | |
9791 | } | |
9792 | } | |
9793 | ||
9794 | var directives$1 = { | |
9795 | model: model, | |
9796 | text: text, | |
9797 | html: html | |
9798 | } | |
9799 | ||
9800 | /* */ | |
9801 | ||
9802 | var baseOptions = { | |
9803 | expectHTML: true, | |
9804 | modules: modules$1, | |
9805 | directives: directives$1, | |
9806 | isPreTag: isPreTag, | |
9807 | isUnaryTag: isUnaryTag, | |
9808 | mustUseProp: mustUseProp, | |
9809 | canBeLeftOpenTag: canBeLeftOpenTag, | |
9810 | isReservedTag: isReservedTag, | |
9811 | getTagNamespace: getTagNamespace, | |
9812 | staticKeys: genStaticKeys(modules$1) | |
9813 | }; | |
9814 | ||
9815 | /* */ | |
9816 | ||
9817 | var isStaticKey; | |
9818 | var isPlatformReservedTag; | |
9819 | ||
9820 | var genStaticKeysCached = cached(genStaticKeys$1); | |
9821 | ||
9822 | /** | |
9823 | * Goal of the optimizer: walk the generated template AST tree | |
9824 | * and detect sub-trees that are purely static, i.e. parts of | |
9825 | * the DOM that never needs to change. | |
9826 | * | |
9827 | * Once we detect these sub-trees, we can: | |
9828 | * | |
9829 | * 1. Hoist them into constants, so that we no longer need to | |
9830 | * create fresh nodes for them on each re-render; | |
9831 | * 2. Completely skip them in the patching process. | |
9832 | */ | |
9833 | function optimize (root, options) { | |
9834 | if (!root) { return } | |
9835 | isStaticKey = genStaticKeysCached(options.staticKeys || ''); | |
9836 | isPlatformReservedTag = options.isReservedTag || no; | |
9837 | // first pass: mark all non-static nodes. | |
9838 | markStatic$1(root); | |
9839 | // second pass: mark static roots. | |
9840 | markStaticRoots(root, false); | |
9841 | } | |
9842 | ||
9843 | function genStaticKeys$1 (keys) { | |
9844 | return makeMap( | |
9845 | 'type,tag,attrsList,attrsMap,plain,parent,children,attrs' + | |
9846 | (keys ? ',' + keys : '') | |
9847 | ) | |
9848 | } | |
9849 | ||
9850 | function markStatic$1 (node) { | |
9851 | node.static = isStatic(node); | |
9852 | if (node.type === 1) { | |
9853 | // do not make component slot content static. this avoids | |
9854 | // 1. components not able to mutate slot nodes | |
9855 | // 2. static slot content fails for hot-reloading | |
9856 | if ( | |
9857 | !isPlatformReservedTag(node.tag) && | |
9858 | node.tag !== 'slot' && | |
9859 | node.attrsMap['inline-template'] == null | |
9860 | ) { | |
9861 | return | |
9862 | } | |
9863 | for (var i = 0, l = node.children.length; i < l; i++) { | |
9864 | var child = node.children[i]; | |
9865 | markStatic$1(child); | |
9866 | if (!child.static) { | |
9867 | node.static = false; | |
9868 | } | |
9869 | } | |
9870 | if (node.ifConditions) { | |
9871 | for (var i$1 = 1, l$1 = node.ifConditions.length; i$1 < l$1; i$1++) { | |
9872 | var block = node.ifConditions[i$1].block; | |
9873 | markStatic$1(block); | |
9874 | if (!block.static) { | |
9875 | node.static = false; | |
9876 | } | |
9877 | } | |
9878 | } | |
9879 | } | |
9880 | } | |
9881 | ||
9882 | function markStaticRoots (node, isInFor) { | |
9883 | if (node.type === 1) { | |
9884 | if (node.static || node.once) { | |
9885 | node.staticInFor = isInFor; | |
9886 | } | |
9887 | // For a node to qualify as a static root, it should have children that | |
9888 | // are not just static text. Otherwise the cost of hoisting out will | |
9889 | // outweigh the benefits and it's better off to just always render it fresh. | |
9890 | if (node.static && node.children.length && !( | |
9891 | node.children.length === 1 && | |
9892 | node.children[0].type === 3 | |
9893 | )) { | |
9894 | node.staticRoot = true; | |
9895 | return | |
9896 | } else { | |
9897 | node.staticRoot = false; | |
9898 | } | |
9899 | if (node.children) { | |
9900 | for (var i = 0, l = node.children.length; i < l; i++) { | |
9901 | markStaticRoots(node.children[i], isInFor || !!node.for); | |
9902 | } | |
9903 | } | |
9904 | if (node.ifConditions) { | |
9905 | for (var i$1 = 1, l$1 = node.ifConditions.length; i$1 < l$1; i$1++) { | |
9906 | markStaticRoots(node.ifConditions[i$1].block, isInFor); | |
9907 | } | |
9908 | } | |
9909 | } | |
9910 | } | |
9911 | ||
9912 | function isStatic (node) { | |
9913 | if (node.type === 2) { // expression | |
9914 | return false | |
9915 | } | |
9916 | if (node.type === 3) { // text | |
9917 | return true | |
9918 | } | |
9919 | return !!(node.pre || ( | |
9920 | !node.hasBindings && // no dynamic bindings | |
9921 | !node.if && !node.for && // not v-if or v-for or v-else | |
9922 | !isBuiltInTag(node.tag) && // not a built-in | |
9923 | isPlatformReservedTag(node.tag) && // not a component | |
9924 | !isDirectChildOfTemplateFor(node) && | |
9925 | Object.keys(node).every(isStaticKey) | |
9926 | )) | |
9927 | } | |
9928 | ||
9929 | function isDirectChildOfTemplateFor (node) { | |
9930 | while (node.parent) { | |
9931 | node = node.parent; | |
9932 | if (node.tag !== 'template') { | |
9933 | return false | |
9934 | } | |
9935 | if (node.for) { | |
9936 | return true | |
9937 | } | |
9938 | } | |
9939 | return false | |
9940 | } | |
9941 | ||
9942 | /* */ | |
9943 | ||
9944 | var fnExpRE = /^([\w$_]+|\([^)]*?\))\s*=>|^function\s*\(/; | |
9945 | var simplePathRE = /^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/; | |
9946 | ||
9947 | // KeyboardEvent.keyCode aliases | |
9948 | var keyCodes = { | |
9949 | esc: 27, | |
9950 | tab: 9, | |
9951 | enter: 13, | |
9952 | space: 32, | |
9953 | up: 38, | |
9954 | left: 37, | |
9955 | right: 39, | |
9956 | down: 40, | |
9957 | 'delete': [8, 46] | |
9958 | }; | |
9959 | ||
9960 | // KeyboardEvent.key aliases | |
9961 | var keyNames = { | |
9962 | esc: 'Escape', | |
9963 | tab: 'Tab', | |
9964 | enter: 'Enter', | |
9965 | space: ' ', | |
9966 | // #7806: IE11 uses key names without `Arrow` prefix for arrow keys. | |
9967 | up: ['Up', 'ArrowUp'], | |
9968 | left: ['Left', 'ArrowLeft'], | |
9969 | right: ['Right', 'ArrowRight'], | |
9970 | down: ['Down', 'ArrowDown'], | |
9971 | 'delete': ['Backspace', 'Delete'] | |
9972 | }; | |
9973 | ||
9974 | // #4868: modifiers that prevent the execution of the listener | |
9975 | // need to explicitly return null so that we can determine whether to remove | |
9976 | // the listener for .once | |
9977 | var genGuard = function (condition) { return ("if(" + condition + ")return null;"); }; | |
9978 | ||
9979 | var modifierCode = { | |
9980 | stop: '$event.stopPropagation();', | |
9981 | prevent: '$event.preventDefault();', | |
9982 | self: genGuard("$event.target !== $event.currentTarget"), | |
9983 | ctrl: genGuard("!$event.ctrlKey"), | |
9984 | shift: genGuard("!$event.shiftKey"), | |
9985 | alt: genGuard("!$event.altKey"), | |
9986 | meta: genGuard("!$event.metaKey"), | |
9987 | left: genGuard("'button' in $event && $event.button !== 0"), | |
9988 | middle: genGuard("'button' in $event && $event.button !== 1"), | |
9989 | right: genGuard("'button' in $event && $event.button !== 2") | |
9990 | }; | |
9991 | ||
9992 | function genHandlers ( | |
9993 | events, | |
9994 | isNative, | |
9995 | warn | |
9996 | ) { | |
9997 | var res = isNative ? 'nativeOn:{' : 'on:{'; | |
9998 | for (var name in events) { | |
9999 | res += "\"" + name + "\":" + (genHandler(name, events[name])) + ","; | |
10000 | } | |
10001 | return res.slice(0, -1) + '}' | |
10002 | } | |
10003 | ||
10004 | function genHandler ( | |
10005 | name, | |
10006 | handler | |
10007 | ) { | |
10008 | if (!handler) { | |
10009 | return 'function(){}' | |
10010 | } | |
10011 | ||
10012 | if (Array.isArray(handler)) { | |
10013 | return ("[" + (handler.map(function (handler) { return genHandler(name, handler); }).join(',')) + "]") | |
10014 | } | |
10015 | ||
10016 | var isMethodPath = simplePathRE.test(handler.value); | |
10017 | var isFunctionExpression = fnExpRE.test(handler.value); | |
10018 | ||
10019 | if (!handler.modifiers) { | |
10020 | if (isMethodPath || isFunctionExpression) { | |
10021 | return handler.value | |
10022 | } | |
10023 | /* istanbul ignore if */ | |
10024 | return ("function($event){" + (handler.value) + "}") // inline statement | |
10025 | } else { | |
10026 | var code = ''; | |
10027 | var genModifierCode = ''; | |
10028 | var keys = []; | |
10029 | for (var key in handler.modifiers) { | |
10030 | if (modifierCode[key]) { | |
10031 | genModifierCode += modifierCode[key]; | |
10032 | // left/right | |
10033 | if (keyCodes[key]) { | |
10034 | keys.push(key); | |
10035 | } | |
10036 | } else if (key === 'exact') { | |
10037 | var modifiers = (handler.modifiers); | |
10038 | genModifierCode += genGuard( | |
10039 | ['ctrl', 'shift', 'alt', 'meta'] | |
10040 | .filter(function (keyModifier) { return !modifiers[keyModifier]; }) | |
10041 | .map(function (keyModifier) { return ("$event." + keyModifier + "Key"); }) | |
10042 | .join('||') | |
10043 | ); | |
10044 | } else { | |
10045 | keys.push(key); | |
10046 | } | |
10047 | } | |
10048 | if (keys.length) { | |
10049 | code += genKeyFilter(keys); | |
10050 | } | |
10051 | // Make sure modifiers like prevent and stop get executed after key filtering | |
10052 | if (genModifierCode) { | |
10053 | code += genModifierCode; | |
10054 | } | |
10055 | var handlerCode = isMethodPath | |
10056 | ? ("return " + (handler.value) + "($event)") | |
10057 | : isFunctionExpression | |
10058 | ? ("return (" + (handler.value) + ")($event)") | |
10059 | : handler.value; | |
10060 | /* istanbul ignore if */ | |
10061 | return ("function($event){" + code + handlerCode + "}") | |
10062 | } | |
10063 | } | |
10064 | ||
10065 | function genKeyFilter (keys) { | |
10066 | return ("if(!('button' in $event)&&" + (keys.map(genFilterCode).join('&&')) + ")return null;") | |
10067 | } | |
10068 | ||
10069 | function genFilterCode (key) { | |
10070 | var keyVal = parseInt(key, 10); | |
10071 | if (keyVal) { | |
10072 | return ("$event.keyCode!==" + keyVal) | |
10073 | } | |
10074 | var keyCode = keyCodes[key]; | |
10075 | var keyName = keyNames[key]; | |
10076 | return ( | |
10077 | "_k($event.keyCode," + | |
10078 | (JSON.stringify(key)) + "," + | |
10079 | (JSON.stringify(keyCode)) + "," + | |
10080 | "$event.key," + | |
10081 | "" + (JSON.stringify(keyName)) + | |
10082 | ")" | |
10083 | ) | |
10084 | } | |
10085 | ||
10086 | /* */ | |
10087 | ||
10088 | function on (el, dir) { | |
10089 | if ("development" !== 'production' && dir.modifiers) { | |
10090 | warn("v-on without argument does not support modifiers."); | |
10091 | } | |
10092 | el.wrapListeners = function (code) { return ("_g(" + code + "," + (dir.value) + ")"); }; | |
10093 | } | |
10094 | ||
10095 | /* */ | |
10096 | ||
10097 | function bind$1 (el, dir) { | |
10098 | el.wrapData = function (code) { | |
10099 | return ("_b(" + code + ",'" + (el.tag) + "'," + (dir.value) + "," + (dir.modifiers && dir.modifiers.prop ? 'true' : 'false') + (dir.modifiers && dir.modifiers.sync ? ',true' : '') + ")") | |
10100 | }; | |
10101 | } | |
10102 | ||
10103 | /* */ | |
10104 | ||
10105 | var baseDirectives = { | |
10106 | on: on, | |
10107 | bind: bind$1, | |
10108 | cloak: noop | |
10109 | } | |
10110 | ||
10111 | /* */ | |
10112 | ||
10113 | var CodegenState = function CodegenState (options) { | |
10114 | this.options = options; | |
10115 | this.warn = options.warn || baseWarn; | |
10116 | this.transforms = pluckModuleFunction(options.modules, 'transformCode'); | |
10117 | this.dataGenFns = pluckModuleFunction(options.modules, 'genData'); | |
10118 | this.directives = extend(extend({}, baseDirectives), options.directives); | |
10119 | var isReservedTag = options.isReservedTag || no; | |
10120 | this.maybeComponent = function (el) { return !isReservedTag(el.tag); }; | |
10121 | this.onceId = 0; | |
10122 | this.staticRenderFns = []; | |
10123 | }; | |
10124 | ||
10125 | ||
10126 | ||
10127 | function generate ( | |
10128 | ast, | |
10129 | options | |
10130 | ) { | |
10131 | var state = new CodegenState(options); | |
10132 | var code = ast ? genElement(ast, state) : '_c("div")'; | |
10133 | return { | |
10134 | render: ("with(this){return " + code + "}"), | |
10135 | staticRenderFns: state.staticRenderFns | |
10136 | } | |
10137 | } | |
10138 | ||
10139 | function genElement (el, state) { | |
10140 | if (el.staticRoot && !el.staticProcessed) { | |
10141 | return genStatic(el, state) | |
10142 | } else if (el.once && !el.onceProcessed) { | |
10143 | return genOnce(el, state) | |
10144 | } else if (el.for && !el.forProcessed) { | |
10145 | return genFor(el, state) | |
10146 | } else if (el.if && !el.ifProcessed) { | |
10147 | return genIf(el, state) | |
10148 | } else if (el.tag === 'template' && !el.slotTarget) { | |
10149 | return genChildren(el, state) || 'void 0' | |
10150 | } else if (el.tag === 'slot') { | |
10151 | return genSlot(el, state) | |
10152 | } else { | |
10153 | // component or element | |
10154 | var code; | |
10155 | if (el.component) { | |
10156 | code = genComponent(el.component, el, state); | |
10157 | } else { | |
10158 | var data = el.plain ? undefined : genData$2(el, state); | |
10159 | ||
10160 | var children = el.inlineTemplate ? null : genChildren(el, state, true); | |
10161 | code = "_c('" + (el.tag) + "'" + (data ? ("," + data) : '') + (children ? ("," + children) : '') + ")"; | |
10162 | } | |
10163 | // module transforms | |
10164 | for (var i = 0; i < state.transforms.length; i++) { | |
10165 | code = state.transforms[i](el, code); | |
10166 | } | |
10167 | return code | |
10168 | } | |
10169 | } | |
10170 | ||
10171 | // hoist static sub-trees out | |
10172 | function genStatic (el, state) { | |
10173 | el.staticProcessed = true; | |
10174 | state.staticRenderFns.push(("with(this){return " + (genElement(el, state)) + "}")); | |
10175 | return ("_m(" + (state.staticRenderFns.length - 1) + (el.staticInFor ? ',true' : '') + ")") | |
10176 | } | |
10177 | ||
10178 | // v-once | |
10179 | function genOnce (el, state) { | |
10180 | el.onceProcessed = true; | |
10181 | if (el.if && !el.ifProcessed) { | |
10182 | return genIf(el, state) | |
10183 | } else if (el.staticInFor) { | |
10184 | var key = ''; | |
10185 | var parent = el.parent; | |
10186 | while (parent) { | |
10187 | if (parent.for) { | |
10188 | key = parent.key; | |
10189 | break | |
10190 | } | |
10191 | parent = parent.parent; | |
10192 | } | |
10193 | if (!key) { | |
10194 | "development" !== 'production' && state.warn( | |
10195 | "v-once can only be used inside v-for that is keyed. " | |
10196 | ); | |
10197 | return genElement(el, state) | |
10198 | } | |
10199 | return ("_o(" + (genElement(el, state)) + "," + (state.onceId++) + "," + key + ")") | |
10200 | } else { | |
10201 | return genStatic(el, state) | |
10202 | } | |
10203 | } | |
10204 | ||
10205 | function genIf ( | |
10206 | el, | |
10207 | state, | |
10208 | altGen, | |
10209 | altEmpty | |
10210 | ) { | |
10211 | el.ifProcessed = true; // avoid recursion | |
10212 | return genIfConditions(el.ifConditions.slice(), state, altGen, altEmpty) | |
10213 | } | |
10214 | ||
10215 | function genIfConditions ( | |
10216 | conditions, | |
10217 | state, | |
10218 | altGen, | |
10219 | altEmpty | |
10220 | ) { | |
10221 | if (!conditions.length) { | |
10222 | return altEmpty || '_e()' | |
10223 | } | |
10224 | ||
10225 | var condition = conditions.shift(); | |
10226 | if (condition.exp) { | |
10227 | return ("(" + (condition.exp) + ")?" + (genTernaryExp(condition.block)) + ":" + (genIfConditions(conditions, state, altGen, altEmpty))) | |
10228 | } else { | |
10229 | return ("" + (genTernaryExp(condition.block))) | |
10230 | } | |
10231 | ||
10232 | // v-if with v-once should generate code like (a)?_m(0):_m(1) | |
10233 | function genTernaryExp (el) { | |
10234 | return altGen | |
10235 | ? altGen(el, state) | |
10236 | : el.once | |
10237 | ? genOnce(el, state) | |
10238 | : genElement(el, state) | |
10239 | } | |
10240 | } | |
10241 | ||
10242 | function genFor ( | |
10243 | el, | |
10244 | state, | |
10245 | altGen, | |
10246 | altHelper | |
10247 | ) { | |
10248 | var exp = el.for; | |
10249 | var alias = el.alias; | |
10250 | var iterator1 = el.iterator1 ? ("," + (el.iterator1)) : ''; | |
10251 | var iterator2 = el.iterator2 ? ("," + (el.iterator2)) : ''; | |
10252 | ||
10253 | if ("development" !== 'production' && | |
10254 | state.maybeComponent(el) && | |
10255 | el.tag !== 'slot' && | |
10256 | el.tag !== 'template' && | |
10257 | !el.key | |
10258 | ) { | |
10259 | state.warn( | |
10260 | "<" + (el.tag) + " v-for=\"" + alias + " in " + exp + "\">: component lists rendered with " + | |
10261 | "v-for should have explicit keys. " + | |
10262 | "See https://vuejs.org/guide/list.html#key for more info.", | |
10263 | true /* tip */ | |
10264 | ); | |
10265 | } | |
10266 | ||
10267 | el.forProcessed = true; // avoid recursion | |
10268 | return (altHelper || '_l') + "((" + exp + ")," + | |
10269 | "function(" + alias + iterator1 + iterator2 + "){" + | |
10270 | "return " + ((altGen || genElement)(el, state)) + | |
10271 | '})' | |
10272 | } | |
10273 | ||
10274 | function genData$2 (el, state) { | |
10275 | var data = '{'; | |
10276 | ||
10277 | // directives first. | |
10278 | // directives may mutate the el's other properties before they are generated. | |
10279 | var dirs = genDirectives(el, state); | |
10280 | if (dirs) { data += dirs + ','; } | |
10281 | ||
10282 | // key | |
10283 | if (el.key) { | |
10284 | data += "key:" + (el.key) + ","; | |
10285 | } | |
10286 | // ref | |
10287 | if (el.ref) { | |
10288 | data += "ref:" + (el.ref) + ","; | |
10289 | } | |
10290 | if (el.refInFor) { | |
10291 | data += "refInFor:true,"; | |
10292 | } | |
10293 | // pre | |
10294 | if (el.pre) { | |
10295 | data += "pre:true,"; | |
10296 | } | |
10297 | // record original tag name for components using "is" attribute | |
10298 | if (el.component) { | |
10299 | data += "tag:\"" + (el.tag) + "\","; | |
10300 | } | |
10301 | // module data generation functions | |
10302 | for (var i = 0; i < state.dataGenFns.length; i++) { | |
10303 | data += state.dataGenFns[i](el); | |
10304 | } | |
10305 | // attributes | |
10306 | if (el.attrs) { | |
10307 | data += "attrs:{" + (genProps(el.attrs)) + "},"; | |
10308 | } | |
10309 | // DOM props | |
10310 | if (el.props) { | |
10311 | data += "domProps:{" + (genProps(el.props)) + "},"; | |
10312 | } | |
10313 | // event handlers | |
10314 | if (el.events) { | |
10315 | data += (genHandlers(el.events, false, state.warn)) + ","; | |
10316 | } | |
10317 | if (el.nativeEvents) { | |
10318 | data += (genHandlers(el.nativeEvents, true, state.warn)) + ","; | |
10319 | } | |
10320 | // slot target | |
10321 | // only for non-scoped slots | |
10322 | if (el.slotTarget && !el.slotScope) { | |
10323 | data += "slot:" + (el.slotTarget) + ","; | |
10324 | } | |
10325 | // scoped slots | |
10326 | if (el.scopedSlots) { | |
10327 | data += (genScopedSlots(el.scopedSlots, state)) + ","; | |
10328 | } | |
10329 | // component v-model | |
10330 | if (el.model) { | |
10331 | data += "model:{value:" + (el.model.value) + ",callback:" + (el.model.callback) + ",expression:" + (el.model.expression) + "},"; | |
10332 | } | |
10333 | // inline-template | |
10334 | if (el.inlineTemplate) { | |
10335 | var inlineTemplate = genInlineTemplate(el, state); | |
10336 | if (inlineTemplate) { | |
10337 | data += inlineTemplate + ","; | |
10338 | } | |
10339 | } | |
10340 | data = data.replace(/,$/, '') + '}'; | |
10341 | // v-bind data wrap | |
10342 | if (el.wrapData) { | |
10343 | data = el.wrapData(data); | |
10344 | } | |
10345 | // v-on data wrap | |
10346 | if (el.wrapListeners) { | |
10347 | data = el.wrapListeners(data); | |
10348 | } | |
10349 | return data | |
10350 | } | |
10351 | ||
10352 | function genDirectives (el, state) { | |
10353 | var dirs = el.directives; | |
10354 | if (!dirs) { return } | |
10355 | var res = 'directives:['; | |
10356 | var hasRuntime = false; | |
10357 | var i, l, dir, needRuntime; | |
10358 | for (i = 0, l = dirs.length; i < l; i++) { | |
10359 | dir = dirs[i]; | |
10360 | needRuntime = true; | |
10361 | var gen = state.directives[dir.name]; | |
10362 | if (gen) { | |
10363 | // compile-time directive that manipulates AST. | |
10364 | // returns true if it also needs a runtime counterpart. | |
10365 | needRuntime = !!gen(el, dir, state.warn); | |
10366 | } | |
10367 | if (needRuntime) { | |
10368 | hasRuntime = true; | |
10369 | res += "{name:\"" + (dir.name) + "\",rawName:\"" + (dir.rawName) + "\"" + (dir.value ? (",value:(" + (dir.value) + "),expression:" + (JSON.stringify(dir.value))) : '') + (dir.arg ? (",arg:\"" + (dir.arg) + "\"") : '') + (dir.modifiers ? (",modifiers:" + (JSON.stringify(dir.modifiers))) : '') + "},"; | |
10370 | } | |
10371 | } | |
10372 | if (hasRuntime) { | |
10373 | return res.slice(0, -1) + ']' | |
10374 | } | |
10375 | } | |
10376 | ||
10377 | function genInlineTemplate (el, state) { | |
10378 | var ast = el.children[0]; | |
10379 | if ("development" !== 'production' && ( | |
10380 | el.children.length !== 1 || ast.type !== 1 | |
10381 | )) { | |
10382 | state.warn('Inline-template components must have exactly one child element.'); | |
10383 | } | |
10384 | if (ast.type === 1) { | |
10385 | var inlineRenderFns = generate(ast, state.options); | |
10386 | return ("inlineTemplate:{render:function(){" + (inlineRenderFns.render) + "},staticRenderFns:[" + (inlineRenderFns.staticRenderFns.map(function (code) { return ("function(){" + code + "}"); }).join(',')) + "]}") | |
10387 | } | |
10388 | } | |
10389 | ||
10390 | function genScopedSlots ( | |
10391 | slots, | |
10392 | state | |
10393 | ) { | |
10394 | return ("scopedSlots:_u([" + (Object.keys(slots).map(function (key) { | |
10395 | return genScopedSlot(key, slots[key], state) | |
10396 | }).join(',')) + "])") | |
10397 | } | |
10398 | ||
10399 | function genScopedSlot ( | |
10400 | key, | |
10401 | el, | |
10402 | state | |
10403 | ) { | |
10404 | if (el.for && !el.forProcessed) { | |
10405 | return genForScopedSlot(key, el, state) | |
10406 | } | |
10407 | var fn = "function(" + (String(el.slotScope)) + "){" + | |
10408 | "return " + (el.tag === 'template' | |
10409 | ? el.if | |
10410 | ? ((el.if) + "?" + (genChildren(el, state) || 'undefined') + ":undefined") | |
10411 | : genChildren(el, state) || 'undefined' | |
10412 | : genElement(el, state)) + "}"; | |
10413 | return ("{key:" + key + ",fn:" + fn + "}") | |
10414 | } | |
10415 | ||
10416 | function genForScopedSlot ( | |
10417 | key, | |
10418 | el, | |
10419 | state | |
10420 | ) { | |
10421 | var exp = el.for; | |
10422 | var alias = el.alias; | |
10423 | var iterator1 = el.iterator1 ? ("," + (el.iterator1)) : ''; | |
10424 | var iterator2 = el.iterator2 ? ("," + (el.iterator2)) : ''; | |
10425 | el.forProcessed = true; // avoid recursion | |
10426 | return "_l((" + exp + ")," + | |
10427 | "function(" + alias + iterator1 + iterator2 + "){" + | |
10428 | "return " + (genScopedSlot(key, el, state)) + | |
10429 | '})' | |
10430 | } | |
10431 | ||
10432 | function genChildren ( | |
10433 | el, | |
10434 | state, | |
10435 | checkSkip, | |
10436 | altGenElement, | |
10437 | altGenNode | |
10438 | ) { | |
10439 | var children = el.children; | |
10440 | if (children.length) { | |
10441 | var el$1 = children[0]; | |
10442 | // optimize single v-for | |
10443 | if (children.length === 1 && | |
10444 | el$1.for && | |
10445 | el$1.tag !== 'template' && | |
10446 | el$1.tag !== 'slot' | |
10447 | ) { | |
10448 | return (altGenElement || genElement)(el$1, state) | |
10449 | } | |
10450 | var normalizationType = checkSkip | |
10451 | ? getNormalizationType(children, state.maybeComponent) | |
10452 | : 0; | |
10453 | var gen = altGenNode || genNode; | |
10454 | return ("[" + (children.map(function (c) { return gen(c, state); }).join(',')) + "]" + (normalizationType ? ("," + normalizationType) : '')) | |
10455 | } | |
10456 | } | |
10457 | ||
10458 | // determine the normalization needed for the children array. | |
10459 | // 0: no normalization needed | |
10460 | // 1: simple normalization needed (possible 1-level deep nested array) | |
10461 | // 2: full normalization needed | |
10462 | function getNormalizationType ( | |
10463 | children, | |
10464 | maybeComponent | |
10465 | ) { | |
10466 | var res = 0; | |
10467 | for (var i = 0; i < children.length; i++) { | |
10468 | var el = children[i]; | |
10469 | if (el.type !== 1) { | |
10470 | continue | |
10471 | } | |
10472 | if (needsNormalization(el) || | |
10473 | (el.ifConditions && el.ifConditions.some(function (c) { return needsNormalization(c.block); }))) { | |
10474 | res = 2; | |
10475 | break | |
10476 | } | |
10477 | if (maybeComponent(el) || | |
10478 | (el.ifConditions && el.ifConditions.some(function (c) { return maybeComponent(c.block); }))) { | |
10479 | res = 1; | |
10480 | } | |
10481 | } | |
10482 | return res | |
10483 | } | |
10484 | ||
10485 | function needsNormalization (el) { | |
10486 | return el.for !== undefined || el.tag === 'template' || el.tag === 'slot' | |
10487 | } | |
10488 | ||
10489 | function genNode (node, state) { | |
10490 | if (node.type === 1) { | |
10491 | return genElement(node, state) | |
10492 | } if (node.type === 3 && node.isComment) { | |
10493 | return genComment(node) | |
10494 | } else { | |
10495 | return genText(node) | |
10496 | } | |
10497 | } | |
10498 | ||
10499 | function genText (text) { | |
10500 | return ("_v(" + (text.type === 2 | |
10501 | ? text.expression // no need for () because already wrapped in _s() | |
10502 | : transformSpecialNewlines(JSON.stringify(text.text))) + ")") | |
10503 | } | |
10504 | ||
10505 | function genComment (comment) { | |
10506 | return ("_e(" + (JSON.stringify(comment.text)) + ")") | |
10507 | } | |
10508 | ||
10509 | function genSlot (el, state) { | |
10510 | var slotName = el.slotName || '"default"'; | |
10511 | var children = genChildren(el, state); | |
10512 | var res = "_t(" + slotName + (children ? ("," + children) : ''); | |
10513 | var attrs = el.attrs && ("{" + (el.attrs.map(function (a) { return ((camelize(a.name)) + ":" + (a.value)); }).join(',')) + "}"); | |
10514 | var bind$$1 = el.attrsMap['v-bind']; | |
10515 | if ((attrs || bind$$1) && !children) { | |
10516 | res += ",null"; | |
10517 | } | |
10518 | if (attrs) { | |
10519 | res += "," + attrs; | |
10520 | } | |
10521 | if (bind$$1) { | |
10522 | res += (attrs ? '' : ',null') + "," + bind$$1; | |
10523 | } | |
10524 | return res + ')' | |
10525 | } | |
10526 | ||
10527 | // componentName is el.component, take it as argument to shun flow's pessimistic refinement | |
10528 | function genComponent ( | |
10529 | componentName, | |
10530 | el, | |
10531 | state | |
10532 | ) { | |
10533 | var children = el.inlineTemplate ? null : genChildren(el, state, true); | |
10534 | return ("_c(" + componentName + "," + (genData$2(el, state)) + (children ? ("," + children) : '') + ")") | |
10535 | } | |
10536 | ||
10537 | function genProps (props) { | |
10538 | var res = ''; | |
10539 | for (var i = 0; i < props.length; i++) { | |
10540 | var prop = props[i]; | |
10541 | /* istanbul ignore if */ | |
10542 | { | |
10543 | res += "\"" + (prop.name) + "\":" + (transformSpecialNewlines(prop.value)) + ","; | |
10544 | } | |
10545 | } | |
10546 | return res.slice(0, -1) | |
10547 | } | |
10548 | ||
10549 | // #3895, #4268 | |
10550 | function transformSpecialNewlines (text) { | |
10551 | return text | |
10552 | .replace(/\u2028/g, '\\u2028') | |
10553 | .replace(/\u2029/g, '\\u2029') | |
10554 | } | |
10555 | ||
10556 | /* */ | |
10557 | ||
10558 | // these keywords should not appear inside expressions, but operators like | |
10559 | // typeof, instanceof and in are allowed | |
10560 | var prohibitedKeywordRE = new RegExp('\\b' + ( | |
10561 | 'do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,' + | |
10562 | 'super,throw,while,yield,delete,export,import,return,switch,default,' + | |
10563 | 'extends,finally,continue,debugger,function,arguments' | |
10564 | ).split(',').join('\\b|\\b') + '\\b'); | |
10565 | ||
10566 | // these unary operators should not be used as property/method names | |
10567 | var unaryOperatorsRE = new RegExp('\\b' + ( | |
10568 | 'delete,typeof,void' | |
10569 | ).split(',').join('\\s*\\([^\\)]*\\)|\\b') + '\\s*\\([^\\)]*\\)'); | |
10570 | ||
10571 | // strip strings in expressions | |
10572 | var stripStringRE = /'(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\]|\\.)*`|`(?:[^`\\]|\\.)*`/g; | |
10573 | ||
10574 | // detect problematic expressions in a template | |
10575 | function detectErrors (ast) { | |
10576 | var errors = []; | |
10577 | if (ast) { | |
10578 | checkNode(ast, errors); | |
10579 | } | |
10580 | return errors | |
10581 | } | |
10582 | ||
10583 | function checkNode (node, errors) { | |
10584 | if (node.type === 1) { | |
10585 | for (var name in node.attrsMap) { | |
10586 | if (dirRE.test(name)) { | |
10587 | var value = node.attrsMap[name]; | |
10588 | if (value) { | |
10589 | if (name === 'v-for') { | |
10590 | checkFor(node, ("v-for=\"" + value + "\""), errors); | |
10591 | } else if (onRE.test(name)) { | |
10592 | checkEvent(value, (name + "=\"" + value + "\""), errors); | |
10593 | } else { | |
10594 | checkExpression(value, (name + "=\"" + value + "\""), errors); | |
10595 | } | |
10596 | } | |
10597 | } | |
10598 | } | |
10599 | if (node.children) { | |
10600 | for (var i = 0; i < node.children.length; i++) { | |
10601 | checkNode(node.children[i], errors); | |
10602 | } | |
10603 | } | |
10604 | } else if (node.type === 2) { | |
10605 | checkExpression(node.expression, node.text, errors); | |
10606 | } | |
10607 | } | |
10608 | ||
10609 | function checkEvent (exp, text, errors) { | |
10610 | var stipped = exp.replace(stripStringRE, ''); | |
10611 | var keywordMatch = stipped.match(unaryOperatorsRE); | |
10612 | if (keywordMatch && stipped.charAt(keywordMatch.index - 1) !== '$') { | |
10613 | errors.push( | |
10614 | "avoid using JavaScript unary operator as property name: " + | |
10615 | "\"" + (keywordMatch[0]) + "\" in expression " + (text.trim()) | |
10616 | ); | |
10617 | } | |
10618 | checkExpression(exp, text, errors); | |
10619 | } | |
10620 | ||
10621 | function checkFor (node, text, errors) { | |
10622 | checkExpression(node.for || '', text, errors); | |
10623 | checkIdentifier(node.alias, 'v-for alias', text, errors); | |
10624 | checkIdentifier(node.iterator1, 'v-for iterator', text, errors); | |
10625 | checkIdentifier(node.iterator2, 'v-for iterator', text, errors); | |
10626 | } | |
10627 | ||
10628 | function checkIdentifier ( | |
10629 | ident, | |
10630 | type, | |
10631 | text, | |
10632 | errors | |
10633 | ) { | |
10634 | if (typeof ident === 'string') { | |
10635 | try { | |
10636 | new Function(("var " + ident + "=_")); | |
10637 | } catch (e) { | |
10638 | errors.push(("invalid " + type + " \"" + ident + "\" in expression: " + (text.trim()))); | |
10639 | } | |
10640 | } | |
10641 | } | |
10642 | ||
10643 | function checkExpression (exp, text, errors) { | |
10644 | try { | |
10645 | new Function(("return " + exp)); | |
10646 | } catch (e) { | |
10647 | var keywordMatch = exp.replace(stripStringRE, '').match(prohibitedKeywordRE); | |
10648 | if (keywordMatch) { | |
10649 | errors.push( | |
10650 | "avoid using JavaScript keyword as property name: " + | |
10651 | "\"" + (keywordMatch[0]) + "\"\n Raw expression: " + (text.trim()) | |
10652 | ); | |
10653 | } else { | |
10654 | errors.push( | |
10655 | "invalid expression: " + (e.message) + " in\n\n" + | |
10656 | " " + exp + "\n\n" + | |
10657 | " Raw expression: " + (text.trim()) + "\n" | |
10658 | ); | |
10659 | } | |
10660 | } | |
10661 | } | |
10662 | ||
10663 | /* */ | |
10664 | ||
10665 | function createFunction (code, errors) { | |
10666 | try { | |
10667 | return new Function(code) | |
10668 | } catch (err) { | |
10669 | errors.push({ err: err, code: code }); | |
10670 | return noop | |
10671 | } | |
10672 | } | |
10673 | ||
10674 | function createCompileToFunctionFn (compile) { | |
10675 | var cache = Object.create(null); | |
10676 | ||
10677 | return function compileToFunctions ( | |
10678 | template, | |
10679 | options, | |
10680 | vm | |
10681 | ) { | |
10682 | options = extend({}, options); | |
10683 | var warn$$1 = options.warn || warn; | |
10684 | delete options.warn; | |
10685 | ||
10686 | /* istanbul ignore if */ | |
10687 | { | |
10688 | // detect possible CSP restriction | |
10689 | try { | |
10690 | new Function('return 1'); | |
10691 | } catch (e) { | |
10692 | if (e.toString().match(/unsafe-eval|CSP/)) { | |
10693 | warn$$1( | |
10694 | 'It seems you are using the standalone build of Vue.js in an ' + | |
10695 | 'environment with Content Security Policy that prohibits unsafe-eval. ' + | |
10696 | 'The template compiler cannot work in this environment. Consider ' + | |
10697 | 'relaxing the policy to allow unsafe-eval or pre-compiling your ' + | |
10698 | 'templates into render functions.' | |
10699 | ); | |
10700 | } | |
10701 | } | |
10702 | } | |
10703 | ||
10704 | // check cache | |
10705 | var key = options.delimiters | |
10706 | ? String(options.delimiters) + template | |
10707 | : template; | |
10708 | if (cache[key]) { | |
10709 | return cache[key] | |
10710 | } | |
10711 | ||
10712 | // compile | |
10713 | var compiled = compile(template, options); | |
10714 | ||
10715 | // check compilation errors/tips | |
10716 | { | |
10717 | if (compiled.errors && compiled.errors.length) { | |
10718 | warn$$1( | |
10719 | "Error compiling template:\n\n" + template + "\n\n" + | |
10720 | compiled.errors.map(function (e) { return ("- " + e); }).join('\n') + '\n', | |
10721 | vm | |
10722 | ); | |
10723 | } | |
10724 | if (compiled.tips && compiled.tips.length) { | |
10725 | compiled.tips.forEach(function (msg) { return tip(msg, vm); }); | |
10726 | } | |
10727 | } | |
10728 | ||
10729 | // turn code into functions | |
10730 | var res = {}; | |
10731 | var fnGenErrors = []; | |
10732 | res.render = createFunction(compiled.render, fnGenErrors); | |
10733 | res.staticRenderFns = compiled.staticRenderFns.map(function (code) { | |
10734 | return createFunction(code, fnGenErrors) | |
10735 | }); | |
10736 | ||
10737 | // check function generation errors. | |
10738 | // this should only happen if there is a bug in the compiler itself. | |
10739 | // mostly for codegen development use | |
10740 | /* istanbul ignore if */ | |
10741 | { | |
10742 | if ((!compiled.errors || !compiled.errors.length) && fnGenErrors.length) { | |
10743 | warn$$1( | |
10744 | "Failed to generate render function:\n\n" + | |
10745 | fnGenErrors.map(function (ref) { | |
10746 | var err = ref.err; | |
10747 | var code = ref.code; | |
10748 | ||
10749 | return ((err.toString()) + " in\n\n" + code + "\n"); | |
10750 | }).join('\n'), | |
10751 | vm | |
10752 | ); | |
10753 | } | |
10754 | } | |
10755 | ||
10756 | return (cache[key] = res) | |
10757 | } | |
10758 | } | |
10759 | ||
10760 | /* */ | |
10761 | ||
10762 | function createCompilerCreator (baseCompile) { | |
10763 | return function createCompiler (baseOptions) { | |
10764 | function compile ( | |
10765 | template, | |
10766 | options | |
10767 | ) { | |
10768 | var finalOptions = Object.create(baseOptions); | |
10769 | var errors = []; | |
10770 | var tips = []; | |
10771 | finalOptions.warn = function (msg, tip) { | |
10772 | (tip ? tips : errors).push(msg); | |
10773 | }; | |
10774 | ||
10775 | if (options) { | |
10776 | // merge custom modules | |
10777 | if (options.modules) { | |
10778 | finalOptions.modules = | |
10779 | (baseOptions.modules || []).concat(options.modules); | |
10780 | } | |
10781 | // merge custom directives | |
10782 | if (options.directives) { | |
10783 | finalOptions.directives = extend( | |
10784 | Object.create(baseOptions.directives || null), | |
10785 | options.directives | |
10786 | ); | |
10787 | } | |
10788 | // copy other options | |
10789 | for (var key in options) { | |
10790 | if (key !== 'modules' && key !== 'directives') { | |
10791 | finalOptions[key] = options[key]; | |
10792 | } | |
10793 | } | |
10794 | } | |
10795 | ||
10796 | var compiled = baseCompile(template, finalOptions); | |
10797 | { | |
10798 | errors.push.apply(errors, detectErrors(compiled.ast)); | |
10799 | } | |
10800 | compiled.errors = errors; | |
10801 | compiled.tips = tips; | |
10802 | return compiled | |
10803 | } | |
10804 | ||
10805 | return { | |
10806 | compile: compile, | |
10807 | compileToFunctions: createCompileToFunctionFn(compile) | |
10808 | } | |
10809 | } | |
10810 | } | |
10811 | ||
10812 | /* */ | |
10813 | ||
10814 | // `createCompilerCreator` allows creating compilers that use alternative | |
10815 | // parser/optimizer/codegen, e.g the SSR optimizing compiler. | |
10816 | // Here we just export a default compiler using the default parts. | |
10817 | var createCompiler = createCompilerCreator(function baseCompile ( | |
10818 | template, | |
10819 | options | |
10820 | ) { | |
10821 | var ast = parse(template.trim(), options); | |
10822 | if (options.optimize !== false) { | |
10823 | optimize(ast, options); | |
10824 | } | |
10825 | var code = generate(ast, options); | |
10826 | return { | |
10827 | ast: ast, | |
10828 | render: code.render, | |
10829 | staticRenderFns: code.staticRenderFns | |
10830 | } | |
10831 | }); | |
10832 | ||
10833 | /* */ | |
10834 | ||
10835 | var ref$1 = createCompiler(baseOptions); | |
10836 | var compileToFunctions = ref$1.compileToFunctions; | |
10837 | ||
10838 | /* */ | |
10839 | ||
10840 | // check whether current browser encodes a char inside attribute values | |
10841 | var div; | |
10842 | function getShouldDecode (href) { | |
10843 | div = div || document.createElement('div'); | |
10844 | div.innerHTML = href ? "<a href=\"\n\"/>" : "<div a=\"\n\"/>"; | |
10845 | return div.innerHTML.indexOf(' ') > 0 | |
10846 | } | |
10847 | ||
10848 | // #3663: IE encodes newlines inside attribute values while other browsers don't | |
10849 | var shouldDecodeNewlines = inBrowser ? getShouldDecode(false) : false; | |
10850 | // #6828: chrome encodes content in a[href] | |
10851 | var shouldDecodeNewlinesForHref = inBrowser ? getShouldDecode(true) : false; | |
10852 | ||
10853 | /* */ | |
10854 | ||
10855 | var idToTemplate = cached(function (id) { | |
10856 | var el = query(id); | |
10857 | return el && el.innerHTML | |
10858 | }); | |
10859 | ||
10860 | var mount = Vue.prototype.$mount; | |
10861 | Vue.prototype.$mount = function ( | |
10862 | el, | |
10863 | hydrating | |
10864 | ) { | |
10865 | el = el && query(el); | |
10866 | ||
10867 | /* istanbul ignore if */ | |
10868 | if (el === document.body || el === document.documentElement) { | |
10869 | "development" !== 'production' && warn( | |
10870 | "Do not mount Vue to <html> or <body> - mount to normal elements instead." | |
10871 | ); | |
10872 | return this | |
10873 | } | |
10874 | ||
10875 | var options = this.$options; | |
10876 | // resolve template/el and convert to render function | |
10877 | if (!options.render) { | |
10878 | var template = options.template; | |
10879 | if (template) { | |
10880 | if (typeof template === 'string') { | |
10881 | if (template.charAt(0) === '#') { | |
10882 | template = idToTemplate(template); | |
10883 | /* istanbul ignore if */ | |
10884 | if ("development" !== 'production' && !template) { | |
10885 | warn( | |
10886 | ("Template element not found or is empty: " + (options.template)), | |
10887 | this | |
10888 | ); | |
10889 | } | |
10890 | } | |
10891 | } else if (template.nodeType) { | |
10892 | template = template.innerHTML; | |
10893 | } else { | |
10894 | { | |
10895 | warn('invalid template option:' + template, this); | |
10896 | } | |
10897 | return this | |
10898 | } | |
10899 | } else if (el) { | |
10900 | template = getOuterHTML(el); | |
10901 | } | |
10902 | if (template) { | |
10903 | /* istanbul ignore if */ | |
10904 | if ("development" !== 'production' && config.performance && mark) { | |
10905 | mark('compile'); | |
10906 | } | |
10907 | ||
10908 | var ref = compileToFunctions(template, { | |
10909 | shouldDecodeNewlines: shouldDecodeNewlines, | |
10910 | shouldDecodeNewlinesForHref: shouldDecodeNewlinesForHref, | |
10911 | delimiters: options.delimiters, | |
10912 | comments: options.comments | |
10913 | }, this); | |
10914 | var render = ref.render; | |
10915 | var staticRenderFns = ref.staticRenderFns; | |
10916 | options.render = render; | |
10917 | options.staticRenderFns = staticRenderFns; | |
10918 | ||
10919 | /* istanbul ignore if */ | |
10920 | if ("development" !== 'production' && config.performance && mark) { | |
10921 | mark('compile end'); | |
10922 | measure(("vue " + (this._name) + " compile"), 'compile', 'compile end'); | |
10923 | } | |
10924 | } | |
10925 | } | |
10926 | return mount.call(this, el, hydrating) | |
10927 | }; | |
10928 | ||
10929 | /** | |
10930 | * Get outerHTML of elements, taking care | |
10931 | * of SVG elements in IE as well. | |
10932 | */ | |
10933 | function getOuterHTML (el) { | |
10934 | if (el.outerHTML) { | |
10935 | return el.outerHTML | |
10936 | } else { | |
10937 | var container = document.createElement('div'); | |
10938 | container.appendChild(el.cloneNode(true)); | |
10939 | return container.innerHTML | |
10940 | } | |
10941 | } | |
10942 | ||
10943 | Vue.compile = compileToFunctions; | |
10944 | ||
10945 | return Vue; | |
10946 | ||
10947 | }))); |