| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354 |
- 'use strict';
- /**
- * Convert a value to a string that is actually rendered.
- */
- function _toString(val) {
- return val == null ? '' : typeof val === 'object' ? JSON.stringify(val, null, 2) : String(val);
- }
- /**
- * Convert a input value to a number for persistence.
- * If the conversion fails, return original string.
- */
- function toNumber(val) {
- var n = parseFloat(val, 10);
- return n || n === 0 ? n : val;
- }
- /**
- * Make a map and return a function for checking if a key
- * is in that map.
- */
- function makeMap(str, expectsLowerCase) {
- var map = Object.create(null);
- var list = str.split(',');
- for (var i = 0; i < list.length; i++) {
- map[list[i]] = true;
- }
- return expectsLowerCase ? function (val) {
- return map[val.toLowerCase()];
- } : function (val) {
- return map[val];
- };
- }
- /**
- * Check if a tag is a built-in tag.
- */
- var isBuiltInTag = makeMap('slot,component,render,transition', true);
- /**
- * Remove an item from an array
- */
- function remove(arr, item) {
- if (arr.length) {
- var index = arr.indexOf(item);
- if (index > -1) {
- return arr.splice(index, 1);
- }
- }
- }
- /**
- * Check whether the object has the property.
- */
- var hasOwnProperty = Object.prototype.hasOwnProperty;
- function hasOwn(obj, key) {
- return hasOwnProperty.call(obj, key);
- }
- /**
- * Check if value is primitive
- */
- function isPrimitive(value) {
- return typeof value === 'string' || typeof value === 'number';
- }
- /**
- * Create a cached version of a pure function.
- */
- function cached(fn) {
- var cache = Object.create(null);
- return function cachedFn(str) {
- var hit = cache[str];
- return hit || (cache[str] = fn(str));
- };
- }
- /**
- * Camelize a hyphen-delmited string.
- */
- var camelizeRE = /-(\w)/g;
- var camelize = cached(function (str) {
- return str.replace(camelizeRE, function (_, c) {
- return c ? c.toUpperCase() : '';
- });
- });
- /**
- * Capitalize a string.
- */
- var capitalize = cached(function (str) {
- return str.charAt(0).toUpperCase() + str.slice(1);
- });
- /**
- * Hyphenate a camelCase string.
- */
- var hyphenateRE = /([a-z\d])([A-Z])/g;
- var hyphenate = cached(function (str) {
- return str.replace(hyphenateRE, '$1-$2').toLowerCase();
- });
- /**
- * Simple bind, faster than native
- */
- function bind(fn, ctx) {
- return function (a) {
- var l = arguments.length;
- return l ? l > 1 ? fn.apply(ctx, arguments) : fn.call(ctx, a) : fn.call(ctx);
- };
- }
- /**
- * Convert an Array-like object to a real Array.
- */
- function toArray(list, start) {
- start = start || 0;
- var i = list.length - start;
- var ret = new Array(i);
- while (i--) {
- ret[i] = list[i + start];
- }
- return ret;
- }
- /**
- * Mix properties into target object.
- */
- function extend(to, _from) {
- for (var _key in _from) {
- to[_key] = _from[_key];
- }
- return to;
- }
- /**
- * Quick object check - this is primarily used to tell
- * Objects from primitive values when we know the value
- * is a JSON-compliant type.
- */
- function isObject(obj) {
- return obj !== null && typeof obj === 'object';
- }
- /**
- * Strict object type check. Only returns true
- * for plain JavaScript objects.
- */
- var toString = Object.prototype.toString;
- var OBJECT_STRING = '[object Object]';
- function isPlainObject(obj) {
- return toString.call(obj) === OBJECT_STRING;
- }
- /**
- * Merge an Array of Objects into a single Object.
- */
- function toObject(arr) {
- var res = arr[0] || {};
- for (var i = 1; i < arr.length; i++) {
- if (arr[i]) {
- extend(res, arr[i]);
- }
- }
- return res;
- }
- /**
- * Perform no operation.
- */
- function noop() {}
- /**
- * Always return false.
- */
- var no = function no() {
- return false;
- };
- /**
- * Generate a static keys string from compiler modules.
- */
- function genStaticKeys(modules) {
- return modules.reduce(function (keys, m) {
- return keys.concat(m.staticKeys || []);
- }, []).join(',');
- }
- var config = {
- /**
- * Option merge strategies (used in core/util/options)
- */
- optionMergeStrategies: Object.create(null),
- /**
- * Whether to suppress warnings.
- */
- silent: false,
- /**
- * Whether to enable devtools
- */
- devtools: process.env.NODE_ENV !== 'production',
- /**
- * Error handler for watcher errors
- */
- errorHandler: null,
- /**
- * Ignore certain custom elements
- */
- ignoredElements: null,
- /**
- * Custom user key aliases for v-on
- */
- keyCodes: Object.create(null),
- /**
- * Check if a tag is reserved so that it cannot be registered as a
- * component. This is platform-dependent and may be overwritten.
- */
- isReservedTag: no,
- /**
- * Check if a tag is an unknown element.
- * Platform-dependent.
- */
- isUnknownElement: no,
- /**
- * Get the namespace of an element
- */
- getTagNamespace: noop,
- /**
- * Check if an attribute must be bound using property, e.g. value
- * Platform-dependent.
- */
- mustUseProp: no,
- /**
- * List of asset types that a component can own.
- */
- _assetTypes: ['component', 'directive', 'transition', 'filter'],
- /**
- * List of lifecycle hooks.
- */
- _lifecycleHooks: ['beforeCreate', 'created', 'beforeMount', 'mounted', 'beforeUpdate', 'updated', 'beforeDestroy', 'destroyed', 'activated', 'deactivated'],
- /**
- * Max circular updates allowed in a scheduler flush cycle.
- */
- _maxUpdateCount: 100,
- /**
- * Server rendering?
- */
- _isServer: process.env.VUE_ENV === 'server'
- };
- /**
- * Check if a string starts with $ or _
- */
- function isReserved(str) {
- var c = (str + '').charCodeAt(0);
- return c === 0x24 || c === 0x5F;
- }
- /**
- * Define a property.
- */
- function def(obj, key, val, enumerable) {
- Object.defineProperty(obj, key, {
- value: val,
- enumerable: !!enumerable,
- writable: true,
- configurable: true
- });
- }
- /**
- * Parse simple path.
- */
- var bailRE = /[^\w\.]/;
- function parsePath(path) {
- if (bailRE.test(path)) {
- return;
- } else {
- var _ret = function () {
- var segments = path.split('.');
- return {
- v: function v(obj) {
- for (var i = 0; i < segments.length; i++) {
- if (!obj) return;
- obj = obj[segments[i]];
- }
- return obj;
- }
- };
- }();
- if (typeof _ret === "object") return _ret.v;
- }
- }
- /* global MutationObserver */
- // can we use __proto__?
- var hasProto = '__proto__' in {};
- // Browser environment sniffing
- var inBrowser = typeof window !== 'undefined' && Object.prototype.toString.call(window) !== '[object Object]';
- // detect devtools
- var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__;
- // UA sniffing for working around browser-specific quirks
- var UA = inBrowser && window.navigator.userAgent.toLowerCase();
- var isIos = UA && /(iphone|ipad|ipod|ios)/i.test(UA);
- var iosVersionMatch = UA && isIos && UA.match(/os ([\d_]+)/);
- var iosVersion = iosVersionMatch && iosVersionMatch[1].split('_');
- // MutationObserver is unreliable in iOS 9.3 UIWebView
- // detecting it by checking presence of IndexedDB
- // ref #3027
- var hasMutationObserverBug = iosVersion && Number(iosVersion[0]) >= 9 && Number(iosVersion[1]) >= 3 && !window.indexedDB;
- /**
- * Defer a task to execute it asynchronously. Ideally this
- * should be executed as a microtask, so we leverage
- * MutationObserver if it's available, and fallback to
- * setTimeout(0).
- *
- * @param {Function} cb
- * @param {Object} ctx
- */
- var nextTick = function () {
- var callbacks = [];
- var pending = false;
- var timerFunc = void 0;
- function nextTickHandler() {
- pending = false;
- var copies = callbacks.slice(0);
- callbacks = [];
- for (var i = 0; i < copies.length; i++) {
- copies[i]();
- }
- }
- /* istanbul ignore else */
- if (typeof MutationObserver !== 'undefined' && !hasMutationObserverBug) {
- (function () {
- var counter = 1;
- var observer = new MutationObserver(nextTickHandler);
- var textNode = document.createTextNode(String(counter));
- observer.observe(textNode, {
- characterData: true
- });
- timerFunc = function timerFunc() {
- counter = (counter + 1) % 2;
- textNode.data = String(counter);
- };
- })();
- } else {
- // webpack attempts to inject a shim for setImmediate
- // if it is used as a global, so we have to work around that to
- // avoid bundling unnecessary code.
- var context = inBrowser ? window : typeof global !== 'undefined' ? global : {};
- timerFunc = context.setImmediate || setTimeout;
- }
- return function (cb, ctx) {
- var func = ctx ? function () {
- cb.call(ctx);
- } : cb;
- callbacks.push(func);
- if (pending) return;
- pending = true;
- timerFunc(nextTickHandler, 0);
- };
- }();
- var _Set = void 0;
- /* istanbul ignore if */
- if (typeof Set !== 'undefined' && /native code/.test(Set.toString())) {
- // use native Set when available.
- _Set = Set;
- } else {
- // a non-standard Set polyfill that only works with primitive keys.
- _Set = function () {
- function Set() {
- this.set = Object.create(null);
- }
- Set.prototype.has = function has(key) {
- return this.set[key] !== undefined;
- };
- Set.prototype.add = function add(key) {
- this.set[key] = 1;
- };
- Set.prototype.clear = function clear() {
- this.set = Object.create(null);
- };
- return Set;
- }();
- }
- var hasProxy = void 0;
- var proxyHandlers = void 0;
- var initProxy = void 0;
- if (process.env.NODE_ENV !== 'production') {
- (function () {
- var allowedGlobals = makeMap('Infinity,undefined,NaN,isFinite,isNaN,' + 'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' + 'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' + 'require,__webpack_require__' // for Webpack/Browserify
- );
- hasProxy = typeof Proxy !== 'undefined' && Proxy.toString().match(/native code/);
- proxyHandlers = {
- has: function has(target, key) {
- var has = key in target;
- var isAllowedGlobal = allowedGlobals(key);
- if (!has && !isAllowedGlobal) {
- warn('Trying to access non-existent property "' + key + '" while rendering. ' + 'Make sure to declare reactive data properties in the data option.', target);
- }
- return !isAllowedGlobal;
- }
- };
- initProxy = function initProxy(vm) {
- if (hasProxy) {
- vm._renderProxy = new Proxy(vm, proxyHandlers);
- } else {
- vm._renderProxy = vm;
- }
- };
- })();
- }
- var uid$2 = 0;
- /**
- * A dep is an observable that can have multiple
- * directives subscribing to it.
- */
- var Dep = function () {
- function Dep() {
- this.id = uid$2++;
- this.subs = [];
- }
- Dep.prototype.addSub = function addSub(sub) {
- this.subs.push(sub);
- };
- Dep.prototype.removeSub = function removeSub(sub) {
- remove(this.subs, sub);
- };
- Dep.prototype.depend = function depend() {
- if (Dep.target) {
- Dep.target.addDep(this);
- }
- };
- Dep.prototype.notify = function notify() {
- // stablize the subscriber list first
- var subs = this.subs.slice();
- for (var i = 0, l = subs.length; i < l; i++) {
- subs[i].update();
- }
- };
- return Dep;
- }();
- Dep.target = null;
- var targetStack = [];
- function pushTarget(_target) {
- if (Dep.target) targetStack.push(Dep.target);
- Dep.target = _target;
- }
- function popTarget() {
- Dep.target = targetStack.pop();
- }
- // We have two separate queues: one for internal component re-render updates
- // and one for user watcher registered via $watch(). We want to guarantee
- // re-render updates to be called before user watchers so that when user
- // watchers are triggered, the DOM would already be in updated state.
- var queue = [];
- var userQueue = [];
- var has = {};
- var circular = {};
- var waiting = false;
- /**
- * Reset the scheduler's state.
- */
- function resetSchedulerState() {
- queue.length = 0;
- userQueue.length = 0;
- has = {};
- if (process.env.NODE_ENV !== 'production') {
- circular = {};
- }
- waiting = false;
- }
- /**
- * Flush both queues and run the watchers.
- */
- function flushSchedulerQueue() {
- runSchedulerQueue(queue.sort(queueSorter));
- runSchedulerQueue(userQueue);
- // user watchers triggered more watchers,
- // keep flushing until it depletes
- if (queue.length) {
- return flushSchedulerQueue();
- }
- // devtool hook
- /* istanbul ignore if */
- if (devtools && config.devtools) {
- devtools.emit('flush');
- }
- resetSchedulerState();
- }
- /**
- * Sort queue before flush.
- * This ensures components are updated from parent to child
- * so there will be no duplicate updates, e.g. a child was
- * pushed into the queue first and then its parent's props
- * changed.
- */
- function queueSorter(a, b) {
- return a.id - b.id;
- }
- /**
- * Run the watchers in a single queue.
- */
- function runSchedulerQueue(queue) {
- // do not cache length because more watchers might be pushed
- // as we run existing watchers
- for (var i = 0; i < queue.length; i++) {
- var watcher = queue[i];
- var id = watcher.id;
- has[id] = null;
- watcher.run();
- // in dev build, check and stop circular updates.
- if (process.env.NODE_ENV !== 'production' && has[id] != null) {
- circular[id] = (circular[id] || 0) + 1;
- if (circular[id] > config._maxUpdateCount) {
- warn('You may have an infinite update loop for watcher ' + 'with expression "' + watcher.expression + '"', watcher.vm);
- break;
- }
- }
- }
- queue.length = 0;
- }
- /**
- * Push a watcher into the watcher queue.
- * Jobs with duplicate IDs will be skipped unless it's
- * pushed when the queue is being flushed.
- */
- function queueWatcher(watcher) {
- var id = watcher.id;
- if (has[id] == null) {
- // push watcher into appropriate queue
- var q = watcher.user ? userQueue : queue;
- has[id] = true;
- q.push(watcher);
- // queue the flush
- if (!waiting) {
- waiting = true;
- nextTick(flushSchedulerQueue);
- }
- }
- }
- var uid$1 = 0;
- /**
- * A watcher parses an expression, collects dependencies,
- * and fires callback when the expression value changes.
- * This is used for both the $watch() api and directives.
- */
- var Watcher = function () {
- function Watcher(vm, expOrFn, cb) {
- var options = arguments.length <= 3 || arguments[3] === undefined ? {} : arguments[3];
- this.vm = vm;
- vm._watchers.push(this);
- // options
- this.deep = !!options.deep;
- this.user = !!options.user;
- this.lazy = !!options.lazy;
- this.sync = !!options.sync;
- this.expression = expOrFn.toString();
- this.cb = cb;
- this.id = ++uid$1; // uid for batching
- this.active = true;
- this.dirty = this.lazy; // for lazy watchers
- this.deps = [];
- this.newDeps = [];
- this.depIds = new _Set();
- this.newDepIds = new _Set();
- // parse expression for getter
- if (typeof expOrFn === 'function') {
- this.getter = expOrFn;
- } else {
- this.getter = parsePath(expOrFn);
- if (!this.getter) {
- this.getter = function () {};
- process.env.NODE_ENV !== 'production' && warn('Failed watching path: ' + expOrFn + 'Watcher only accepts simple dot-delimited paths. ' + 'For full control, use a function instead.', vm);
- }
- }
- this.value = this.lazy ? undefined : this.get();
- }
- /**
- * Evaluate the getter, and re-collect dependencies.
- */
- Watcher.prototype.get = function get() {
- pushTarget(this);
- var value = void 0;
- try {
- value = this.getter.call(this.vm, this.vm);
- } catch (e) {
- if (process.env.NODE_ENV !== 'production') {
- if (this.user) {
- warn('Error when evaluating watcher with getter: ' + this.expression, this.vm);
- } else {
- warn('Error during component render', this.vm);
- }
- /* istanbul ignore else */
- if (config.errorHandler) {
- config.errorHandler.call(null, e, this.vm);
- } else {
- throw e;
- }
- }
- // return old value when evaluation fails so the current UI is preserved
- // if the error was somehow handled by user
- value = this.value;
- }
- // "touch" every property so they are all tracked as
- // dependencies for deep watching
- if (this.deep) {
- traverse(value);
- }
- popTarget();
- this.cleanupDeps();
- return value;
- };
- /**
- * Add a dependency to this directive.
- */
- Watcher.prototype.addDep = function addDep(dep) {
- var id = dep.id;
- if (!this.newDepIds.has(id)) {
- this.newDepIds.add(id);
- this.newDeps.push(dep);
- if (!this.depIds.has(id)) {
- dep.addSub(this);
- }
- }
- };
- /**
- * Clean up for dependency collection.
- */
- Watcher.prototype.cleanupDeps = function cleanupDeps() {
- var i = this.deps.length;
- while (i--) {
- var dep = this.deps[i];
- if (!this.newDepIds.has(dep.id)) {
- dep.removeSub(this);
- }
- }
- var tmp = this.depIds;
- this.depIds = this.newDepIds;
- this.newDepIds = tmp;
- this.newDepIds.clear();
- tmp = this.deps;
- this.deps = this.newDeps;
- this.newDeps = tmp;
- this.newDeps.length = 0;
- };
- /**
- * Subscriber interface.
- * Will be called when a dependency changes.
- */
- Watcher.prototype.update = function update() {
- /* istanbul ignore else */
- if (this.lazy) {
- this.dirty = true;
- } else if (this.sync) {
- this.run();
- } else {
- queueWatcher(this);
- }
- };
- /**
- * Scheduler job interface.
- * Will be called by the scheduler.
- */
- Watcher.prototype.run = function run() {
- if (this.active) {
- var value = this.get();
- if (value !== this.value ||
- // Deep watchers and watchers on Object/Arrays should fire even
- // when the value is the same, because the value may
- // have mutated.
- isObject(value) || this.deep) {
- // set new value
- var oldValue = this.value;
- this.value = value;
- if (this.user) {
- try {
- this.cb.call(this.vm, value, oldValue);
- } catch (e) {
- process.env.NODE_ENV !== 'production' && warn('Error in watcher "' + this.expression + '"', this.vm);
- /* istanbul ignore else */
- if (config.errorHandler) {
- config.errorHandler.call(null, e, this.vm);
- } else {
- throw e;
- }
- }
- } else {
- this.cb.call(this.vm, value, oldValue);
- }
- }
- }
- };
- /**
- * Evaluate the value of the watcher.
- * This only gets called for lazy watchers.
- */
- Watcher.prototype.evaluate = function evaluate() {
- this.value = this.get();
- this.dirty = false;
- };
- /**
- * Depend on all deps collected by this watcher.
- */
- Watcher.prototype.depend = function depend() {
- var i = this.deps.length;
- while (i--) {
- this.deps[i].depend();
- }
- };
- /**
- * Remove self from all dependencies' subcriber list.
- */
- Watcher.prototype.teardown = function teardown() {
- if (this.active) {
- // remove self from vm's watcher list
- // this is a somewhat expensive operation so we skip it
- // if the vm is being destroyed or is performing a v-for
- // re-render (the watcher list is then filtered by v-for).
- if (!this.vm._isBeingDestroyed && !this.vm._vForRemoving) {
- remove(this.vm._watchers, this);
- }
- var i = this.deps.length;
- while (i--) {
- this.deps[i].removeSub(this);
- }
- this.active = false;
- }
- };
- return Watcher;
- }();
- var seenObjects = new _Set();
- function traverse(val, seen) {
- var i = void 0,
- keys = void 0;
- if (!seen) {
- seen = seenObjects;
- seen.clear();
- }
- var isA = Array.isArray(val);
- var isO = isObject(val);
- if ((isA || isO) && Object.isExtensible(val)) {
- if (val.__ob__) {
- var depId = val.__ob__.dep.id;
- if (seen.has(depId)) {
- return;
- } else {
- seen.add(depId);
- }
- }
- if (isA) {
- i = val.length;
- while (i--) {
- traverse(val[i], seen);
- }
- } else if (isO) {
- keys = Object.keys(val);
- i = keys.length;
- while (i--) {
- traverse(val[keys[i]], seen);
- }
- }
- }
- }
- var arrayProto = Array.prototype;
- var arrayMethods = Object.create(arrayProto)
- /**
- * Intercept mutating methods and emit events
- */
- ;['push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse'].forEach(function (method) {
- // cache original method
- var original = arrayProto[method];
- def(arrayMethods, method, function mutator() {
- // avoid leaking arguments:
- // http://jsperf.com/closure-with-arguments
- var i = arguments.length;
- var args = new Array(i);
- while (i--) {
- args[i] = arguments[i];
- }
- var result = original.apply(this, args);
- var ob = this.__ob__;
- var inserted = void 0;
- switch (method) {
- case 'push':
- inserted = args;
- break;
- case 'unshift':
- inserted = args;
- break;
- case 'splice':
- inserted = args.slice(2);
- break;
- }
- if (inserted) ob.observeArray(inserted);
- // notify change
- ob.dep.notify();
- return result;
- });
- });
- var arrayKeys = Object.getOwnPropertyNames(arrayMethods);
- /**
- * By default, when a reactive property is set, the new value is
- * also converted to become reactive. However when passing down props,
- * we don't want to force conversion because the value may be a nested value
- * under a frozen data structure. Converting it would defeat the optimization.
- */
- var observerState = {
- shouldConvert: true,
- isSettingProps: false
- };
- /**
- * Observer class that are attached to each observed
- * object. Once attached, the observer converts target
- * object's property keys into getter/setters that
- * collect dependencies and dispatches updates.
- */
- var Observer = function () {
- // number of vms that has this object as root $data
- function Observer(value) {
- this.value = value;
- this.dep = new Dep();
- this.vmCount = 0;
- def(value, '__ob__', this);
- if (Array.isArray(value)) {
- var augment = hasProto ? protoAugment : copyAugment;
- augment(value, arrayMethods, arrayKeys);
- this.observeArray(value);
- } else {
- this.walk(value);
- }
- }
- /**
- * Walk through each property and convert them into
- * getter/setters. This method should only be called when
- * value type is Object.
- */
- Observer.prototype.walk = function walk(obj) {
- var val = this.value;
- for (var key in obj) {
- defineReactive(val, key, obj[key]);
- }
- };
- /**
- * Observe a list of Array items.
- */
- Observer.prototype.observeArray = function observeArray(items) {
- for (var i = 0, l = items.length; i < l; i++) {
- observe(items[i]);
- }
- };
- return Observer;
- }();
- // helpers
- /**
- * Augment an target Object or Array by intercepting
- * the prototype chain using __proto__
- */
- function protoAugment(target, src) {
- /* eslint-disable no-proto */
- target.__proto__ = src;
- /* eslint-enable no-proto */
- }
- /**
- * Augment an target Object or Array by defining
- * hidden properties.
- *
- * istanbul ignore next
- */
- function copyAugment(target, src, keys) {
- for (var i = 0, l = keys.length; i < l; i++) {
- var key = keys[i];
- def(target, key, src[key]);
- }
- }
- /**
- * Attempt to create an observer instance for a value,
- * returns the new observer if successfully observed,
- * or the existing observer if the value already has one.
- */
- function observe(value) {
- if (!isObject(value)) {
- return;
- }
- var ob = void 0;
- if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) {
- ob = value.__ob__;
- } else if (observerState.shouldConvert && !config._isServer && (Array.isArray(value) || isPlainObject(value)) && Object.isExtensible(value) && !value._isVue) {
- ob = new Observer(value);
- }
- return ob;
- }
- /**
- * Define a reactive property on an Object.
- */
- function defineReactive(obj, key, val, customSetter) {
- var dep = new Dep();
- var property = Object.getOwnPropertyDescriptor(obj, key);
- if (property && property.configurable === false) {
- return;
- }
- // cater for pre-defined getter/setters
- var getter = property && property.get;
- var setter = property && property.set;
- var childOb = observe(val);
- Object.defineProperty(obj, key, {
- enumerable: true,
- configurable: true,
- get: function reactiveGetter() {
- var value = getter ? getter.call(obj) : val;
- if (Dep.target) {
- dep.depend();
- if (childOb) {
- childOb.dep.depend();
- }
- if (Array.isArray(value)) {
- for (var e, i = 0, l = value.length; i < l; i++) {
- e = value[i];
- e && e.__ob__ && e.__ob__.dep.depend();
- }
- }
- }
- return value;
- },
- set: function reactiveSetter(newVal) {
- var value = getter ? getter.call(obj) : val;
- if (newVal === value) {
- return;
- }
- if (process.env.NODE_ENV !== 'production' && customSetter) {
- customSetter();
- }
- if (setter) {
- setter.call(obj, newVal);
- } else {
- val = newVal;
- }
- childOb = observe(newVal);
- dep.notify();
- }
- });
- }
- /**
- * Set a property on an object. Adds the new property and
- * triggers change notification if the property doesn't
- * already exist.
- */
- function set(obj, key, val) {
- if (Array.isArray(obj)) {
- obj.splice(key, 1, val);
- return val;
- }
- if (hasOwn(obj, key)) {
- obj[key] = val;
- return;
- }
- var ob = obj.__ob__;
- if (obj._isVue || ob && ob.vmCount) {
- process.env.NODE_ENV !== 'production' && warn('Avoid adding reactive properties to a Vue instance or its root $data ' + 'at runtime - delcare it upfront in the data option.');
- return;
- }
- if (!ob) {
- obj[key] = val;
- return;
- }
- defineReactive(ob.value, key, val);
- ob.dep.notify();
- return val;
- }
- /**
- * Delete a property and trigger change if necessary.
- */
- function del(obj, key) {
- var ob = obj.__ob__;
- if (obj._isVue || ob && ob.vmCount) {
- process.env.NODE_ENV !== 'production' && warn('Avoid deleting properties on a Vue instance or its root $data ' + '- just set it to null.');
- return;
- }
- if (!hasOwn(obj, key)) {
- return;
- }
- delete obj[key];
- if (!ob) {
- return;
- }
- ob.dep.notify();
- }
- function initState(vm) {
- vm._watchers = [];
- initProps(vm);
- initData(vm);
- initComputed(vm);
- initMethods(vm);
- initWatch(vm);
- }
- function initProps(vm) {
- var props = vm.$options.props;
- var propsData = vm.$options.propsData;
- if (props) {
- var keys = vm.$options._propKeys = Object.keys(props);
- var isRoot = !vm.$parent;
- // root instance props should be converted
- observerState.shouldConvert = isRoot;
- var _loop = function _loop(i) {
- var key = keys[i];
- /* istanbul ignore else */
- if (process.env.NODE_ENV !== 'production') {
- defineReactive(vm, key, validateProp(vm, key, propsData), function () {
- if (vm.$parent && !observerState.isSettingProps) {
- warn('Avoid mutating a prop directly since the value will be ' + 'overwritten whenever the parent component re-renders. ' + 'Instead, use a data or computed property based on the prop\'s ' + ('value. Prop being mutated: "' + key + '"'), vm);
- }
- });
- } else {
- defineReactive(vm, key, validateProp(vm, key, propsData));
- }
- };
- for (var i = 0; i < keys.length; i++) {
- _loop(i);
- }
- observerState.shouldConvert = true;
- }
- }
- function initData(vm) {
- var data = vm.$options.data;
- data = vm._data = typeof data === 'function' ? data.call(vm) : data || {};
- if (!isPlainObject(data)) {
- data = {};
- process.env.NODE_ENV !== 'production' && warn('data functions should return an object.', vm);
- }
- // proxy data on instance
- var keys = Object.keys(data);
- var props = vm.$options.props;
- var i = keys.length;
- while (i--) {
- if (props && hasOwn(props, keys[i])) {
- process.env.NODE_ENV !== 'production' && warn('The data property "' + keys[i] + '" is already declared as a prop. ' + 'Use prop default value instead.', vm);
- } else {
- proxy(vm, keys[i]);
- }
- }
- // observe data
- observe(data);
- data.__ob__ && data.__ob__.vmCount++;
- }
- var computedSharedDefinition = {
- enumerable: true,
- configurable: true,
- get: noop,
- set: noop
- };
- function initComputed(vm) {
- var computed = vm.$options.computed;
- if (computed) {
- for (var _key in computed) {
- var userDef = computed[_key];
- if (typeof userDef === 'function') {
- computedSharedDefinition.get = makeComputedGetter(userDef, vm);
- computedSharedDefinition.set = noop;
- } else {
- computedSharedDefinition.get = userDef.get ? userDef.cache !== false ? makeComputedGetter(userDef.get, vm) : bind(userDef.get, vm) : noop;
- computedSharedDefinition.set = userDef.set ? bind(userDef.set, vm) : noop;
- }
- Object.defineProperty(vm, _key, computedSharedDefinition);
- }
- }
- }
- function makeComputedGetter(getter, owner) {
- var watcher = new Watcher(owner, getter, noop, {
- lazy: true
- });
- return function computedGetter() {
- if (watcher.dirty) {
- watcher.evaluate();
- }
- if (Dep.target) {
- watcher.depend();
- }
- return watcher.value;
- };
- }
- function initMethods(vm) {
- var methods = vm.$options.methods;
- if (methods) {
- for (var _key2 in methods) {
- vm[_key2] = bind(methods[_key2], vm);
- }
- }
- }
- function initWatch(vm) {
- var watch = vm.$options.watch;
- if (watch) {
- for (var _key3 in watch) {
- var handler = watch[_key3];
- if (Array.isArray(handler)) {
- for (var i = 0; i < handler.length; i++) {
- createWatcher(vm, _key3, handler[i]);
- }
- } else {
- createWatcher(vm, _key3, handler);
- }
- }
- }
- }
- function createWatcher(vm, key, handler) {
- var options = void 0;
- if (isPlainObject(handler)) {
- options = handler;
- handler = handler.handler;
- }
- if (typeof handler === 'string') {
- handler = vm[handler];
- }
- vm.$watch(key, handler, options);
- }
- function stateMixin(Vue) {
- // flow somehow has problems with directly declared definition object
- // when using Object.defineProperty, so we have to procedurally build up
- // the object here.
- var dataDef = {};
- dataDef.get = function () {
- return this._data;
- };
- if (process.env.NODE_ENV !== 'production') {
- dataDef.set = function (newData) {
- warn('Avoid replacing instance root $data. ' + 'Use nested data properties instead.', this);
- };
- }
- Object.defineProperty(Vue.prototype, '$data', dataDef);
- Vue.prototype.$watch = function (expOrFn, cb, options) {
- var vm = this;
- options = options || {};
- options.user = true;
- var watcher = new Watcher(vm, expOrFn, cb, options);
- if (options.immediate) {
- cb.call(vm, watcher.value);
- }
- return function unwatchFn() {
- watcher.teardown();
- };
- };
- }
- function proxy(vm, key) {
- if (!isReserved(key)) {
- Object.defineProperty(vm, key, {
- configurable: true,
- enumerable: true,
- get: function proxyGetter() {
- return vm._data[key];
- },
- set: function proxySetter(val) {
- vm._data[key] = val;
- }
- });
- }
- }
- var VNode = function VNode(tag, data, children, text, elm, ns, context, host, componentOptions) {
- this.tag = tag;
- this.data = data;
- this.children = children;
- this.text = text;
- this.elm = elm;
- this.ns = ns;
- this.context = context;
- this.host = host;
- this.key = data && data.key;
- this.componentOptions = componentOptions;
- this.child = undefined;
- this.parent = undefined;
- this.raw = false;
- // apply construct hook.
- // this is applied during render, before patch happens.
- // unlike other hooks, this is applied on both client and server.
- var constructHook = data && data.hook && data.hook.construct;
- if (constructHook) {
- constructHook(this);
- }
- };
- var emptyVNode = function emptyVNode() {
- return new VNode(undefined, undefined, undefined, '');
- };
- function normalizeChildren(children, ns) {
- // invoke children thunks.
- // components always receive their children as thunks so that they
- // can perform the actual render inside their own dependency collection cycle.
- if (typeof children === 'function') {
- children = children();
- }
- if (isPrimitive(children)) {
- return [createTextVNode(children)];
- }
- if (Array.isArray(children)) {
- var res = [];
- for (var i = 0, l = children.length; i < l; i++) {
- var c = children[i];
- var last = res[res.length - 1];
- // nested
- if (Array.isArray(c)) {
- res.push.apply(res, normalizeChildren(c));
- } else if (isPrimitive(c)) {
- if (last && last.text) {
- last.text += String(c);
- } else {
- // convert primitive to vnode
- res.push(createTextVNode(c));
- }
- } else if (c instanceof VNode) {
- if (c.text && last && last.text) {
- last.text += c.text;
- } else {
- // inherit parent namespace
- if (ns && c.tag) c.ns = ns;
- res.push(c);
- }
- }
- }
- return res;
- }
- }
- function createTextVNode(val) {
- return new VNode(undefined, undefined, undefined, String(val));
- }
- function updateListeners(on, oldOn, add, remove) {
- var name = void 0,
- cur = void 0,
- old = void 0,
- fn = void 0,
- event = void 0,
- capture = void 0;
- for (name in on) {
- cur = on[name];
- old = oldOn[name];
- if (!old) {
- capture = name.charAt(0) === '!';
- event = capture ? name.slice(1) : name;
- if (Array.isArray(cur)) {
- add(event, cur.invoker = arrInvoker(cur), capture);
- } else {
- fn = cur;
- cur = on[name] = {};
- cur.fn = fn;
- add(event, cur.invoker = fnInvoker(cur), capture);
- }
- } else if (Array.isArray(old)) {
- old.length = cur.length;
- for (var i = 0; i < old.length; i++) {
- old[i] = cur[i];
- }on[name] = old;
- } else {
- old.fn = cur;
- on[name] = old;
- }
- }
- for (name in oldOn) {
- if (!on[name]) {
- event = name.charAt(0) === '!' ? name.slice(1) : name;
- remove(event, oldOn[name].invoker);
- }
- }
- }
- function arrInvoker(arr) {
- return function (ev) {
- var single = arguments.length === 1;
- for (var i = 0; i < arr.length; i++) {
- single ? arr[i](ev) : arr[i].apply(null, arguments);
- }
- };
- }
- function fnInvoker(o) {
- return function (ev) {
- var single = arguments.length === 1;
- single ? o.fn(ev) : o.fn.apply(null, arguments);
- };
- }
- function initLifecycle(vm) {
- var options = vm.$options;
- vm.$parent = options.parent;
- vm.$root = vm.$parent ? vm.$parent.$root : vm;
- if (vm.$parent && !options._abstract) {
- vm.$parent.$children.push(vm);
- }
- vm.$children = [];
- vm.$refs = {};
- vm._watcher = null;
- vm._inactive = false;
- vm._isMounted = false;
- vm._isDestroyed = false;
- vm._isBeingDestroyed = false;
- }
- function lifecycleMixin(Vue) {
- Vue.prototype._mount = function (el, hydrating) {
- var vm = this;
- vm.$el = el;
- if (!vm.$options.render) {
- vm.$options.render = emptyVNode;
- if (process.env.NODE_ENV !== 'production') {
- /* istanbul ignore if */
- if (vm.$options.template) {
- warn('You are using the runtime-only build of Vue where the template ' + 'option is not available. Either pre-compile the templates into ' + 'render functions, or use the compiler-included build.', vm);
- } else {
- warn('Failed to mount component: template or render function not defined.', vm);
- }
- }
- }
- callHook(vm, 'beforeMount');
- vm._watcher = new Watcher(vm, function () {
- vm._update(vm._render(), hydrating);
- }, noop);
- hydrating = false;
- // root instance, call mounted on self
- // mounted is called for child components in its inserted hook
- if (vm.$root === vm) {
- vm._isMounted = true;
- callHook(vm, 'mounted');
- }
- return vm;
- };
- Vue.prototype._update = function (vnode, hydrating) {
- var vm = this;
- if (vm._isMounted) {
- callHook(vm, 'beforeUpdate');
- }
- var prevEl = vm.$el;
- if (!vm._vnode) {
- // Vue.prototype.__patch__ is injected in entry points
- // based on the rendering backend used.
- vm.$el = vm.__patch__(vm.$el, vnode, hydrating);
- } else {
- vm.$el = vm.__patch__(vm._vnode, vnode);
- }
- vm._vnode = vnode;
- // update __vue__ reference
- if (prevEl) {
- prevEl.__vue__ = null;
- }
- if (vm.$el) {
- vm.$el.__vue__ = vm;
- }
- // update parent vnode element after patch
- var parentNode = vm.$options._parentVnode;
- if (parentNode) {
- parentNode.elm = vm.$el;
- // update parent $el if the parent is HOC
- // this is necessary because child is updated after parent
- if (vm.$parent && parentNode === vm.$parent._vnode) {
- vm.$parent.$el = vm.$el;
- }
- }
- if (vm._isMounted) {
- callHook(vm, 'updated');
- }
- };
- Vue.prototype._updateFromParent = function (propsData, listeners, parentVnode, renderChildren) {
- var vm = this;
- vm.$options._parentVnode = parentVnode;
- vm.$options._renderChildren = renderChildren;
- // update props
- if (propsData && vm.$options.props) {
- observerState.shouldConvert = false;
- if (process.env.NODE_ENV !== 'production') {
- observerState.isSettingProps = true;
- }
- var propKeys = vm.$options._propKeys || [];
- for (var i = 0; i < propKeys.length; i++) {
- var key = propKeys[i];
- vm[key] = validateProp(vm, key, propsData);
- }
- observerState.shouldConvert = true;
- if (process.env.NODE_ENV !== 'production') {
- observerState.isSettingProps = false;
- }
- }
- // update listeners
- if (listeners) {
- var oldListeners = vm.$options._parentListeners;
- vm.$options._parentListeners = listeners;
- vm._updateListeners(listeners, oldListeners);
- }
- };
- Vue.prototype.$forceUpdate = function () {
- var vm = this;
- if (vm._watcher) {
- vm._watcher.update();
- }
- if (vm._watchers.length) {
- for (var i = 0; i < vm._watchers.length; i++) {
- vm._watchers[i].update(true /* shallow */);
- }
- }
- };
- Vue.prototype.$destroy = function () {
- var vm = this;
- if (vm._isBeingDestroyed) {
- return;
- }
- callHook(vm, 'beforeDestroy');
- vm._isBeingDestroyed = true;
- // remove self from parent
- var parent = vm.$parent;
- if (parent && !parent._isBeingDestroyed && !vm.$options._abstract) {
- remove(parent.$children, vm);
- }
- // teardown watchers
- if (vm._watcher) {
- vm._watcher.teardown();
- }
- var i = vm._watchers.length;
- while (i--) {
- vm._watchers[i].teardown();
- }
- // remove reference from data ob
- // frozen object may not have observer.
- if (vm._data.__ob__) {
- vm._data.__ob__.vmCount--;
- }
- // call the last hook...
- vm._isDestroyed = true;
- callHook(vm, 'destroyed');
- // turn off all instance listeners.
- vm.$off();
- // remove __vue__ reference
- if (vm.$el) {
- vm.$el.__vue__ = null;
- }
- };
- }
- function callHook(vm, hook) {
- vm.$emit('pre-hook:' + hook);
- var handlers = vm.$options[hook];
- if (handlers) {
- for (var i = 0, j = handlers.length; i < j; i++) {
- handlers[i].call(vm);
- }
- }
- vm.$emit('hook:' + hook);
- }
- var hooks = { init: init, prepatch: prepatch, insert: insert, destroy: destroy };
- var hooksToMerge = Object.keys(hooks);
- function createComponent(Ctor, data, parent, context, host, children, tag) {
- // ensure children is a thunk
- if (process.env.NODE_ENV !== 'production' && children && typeof children !== 'function') {
- warn('A component\'s children should be a function that returns the ' + 'children array. This allows the component to track the children ' + 'dependencies and optimizes re-rendering.');
- }
- if (!Ctor) {
- return;
- }
- if (isObject(Ctor)) {
- Ctor = Vue.extend(Ctor);
- }
- if (typeof Ctor !== 'function') {
- if (process.env.NODE_ENV !== 'production') {
- warn('Invalid Component definition: ' + Ctor, parent);
- }
- return;
- }
- // async component
- if (!Ctor.cid) {
- if (Ctor.resolved) {
- Ctor = Ctor.resolved;
- } else {
- Ctor = resolveAsyncComponent(Ctor, function () {
- // it's ok to queue this on every render because
- // $forceUpdate is buffered. this is only called
- // if the
- parent.$forceUpdate();
- });
- if (!Ctor) {
- // return nothing if this is indeed an async component
- // wait for the callback to trigger parent update.
- return;
- }
- }
- }
- data = data || {};
- // extract props
- var propsData = extractProps(data, Ctor);
- // functional component
- if (Ctor.options.functional) {
- return Ctor.options.render.call(null, parent.$createElement, // h
- propsData || {}, // props
- normalizeChildren(children) // children
- );
- }
- // merge component management hooks onto the placeholder node
- mergeHooks(data);
- // extract listeners, since these needs to be treated as
- // child component listeners instead of DOM listeners
- var listeners = data.on;
- if (listeners) {
- delete data.on;
- }
- // return a placeholder vnode
- var name = Ctor.options.name || tag;
- var vnode = new VNode('vue-component-' + Ctor.cid + (name ? '-' + name : ''), data, undefined, undefined, undefined, undefined, context, host, { Ctor: Ctor, propsData: propsData, listeners: listeners, parent: parent, tag: tag, children: children });
- return vnode;
- }
- function createComponentInstanceForVnode(vnode // we know it's MountedComponentVNode but flow doesn't
- ) {
- var vnodeComponentOptions = vnode.componentOptions;
- var options = {
- _isComponent: true,
- parent: vnodeComponentOptions.parent,
- propsData: vnodeComponentOptions.propsData,
- _componentTag: vnodeComponentOptions.tag,
- _parentVnode: vnode,
- _parentListeners: vnodeComponentOptions.listeners,
- _renderChildren: vnodeComponentOptions.children
- };
- // check inline-template render functions
- var inlineTemplate = vnode.data.inlineTemplate;
- if (inlineTemplate) {
- options.render = inlineTemplate.render;
- options.staticRenderFns = inlineTemplate.staticRenderFns;
- }
- return new vnodeComponentOptions.Ctor(options);
- }
- function init(vnode, hydrating) {
- if (!vnode.child) {
- var child = vnode.child = createComponentInstanceForVnode(vnode);
- child.$mount(hydrating ? vnode.elm : undefined, hydrating);
- }
- }
- function prepatch(oldVnode, vnode) {
- var options = vnode.componentOptions;
- vnode.child = oldVnode.child;
- vnode.child._updateFromParent(options.propsData, // updated props
- options.listeners, // updated listeners
- vnode, // new parent vnode
- options.children // new children
- );
- }
- function insert(vnode) {
- if (!vnode.child._isMounted) {
- vnode.child._isMounted = true;
- callHook(vnode.child, 'mounted');
- }
- if (vnode.data.keepAlive) {
- vnode.child._inactive = false;
- callHook(vnode.child, 'activated');
- }
- }
- function destroy(vnode) {
- if (!vnode.child._isDestroyed) {
- if (!vnode.data.keepAlive) {
- vnode.child.$destroy();
- } else {
- vnode.child._inactive = true;
- callHook(vnode.child, 'deactivated');
- }
- }
- }
- function resolveAsyncComponent(factory, cb) {
- if (factory.requested) {
- // pool callbacks
- factory.pendingCallbacks.push(cb);
- } else {
- var _ret = function () {
- factory.requested = true;
- var cbs = factory.pendingCallbacks = [cb];
- var sync = true;
- factory(
- // resolve
- function (res) {
- if (isObject(res)) {
- res = Vue.extend(res);
- }
- // cache resolved
- factory.resolved = res;
- // invoke callbacks only if this is not a synchronous resolve
- // (async resolves are shimmed as synchronous during SSR)
- if (!sync) {
- for (var i = 0, l = cbs.length; i < l; i++) {
- cbs[i](res);
- }
- }
- },
- // reject
- function (reason) {
- process.env.NODE_ENV !== 'production' && warn('Failed to resolve async component: ' + factory + (reason ? '\nReason: ' + reason : ''));
- });
- sync = false;
- // return in case resolved synchronously
- return {
- v: factory.resolved
- };
- }();
- if (typeof _ret === "object") return _ret.v;
- }
- }
- function extractProps(data, Ctor) {
- // we are only extrating raw values here.
- // validation and default values are handled in the child
- // component itself.
- var propOptions = Ctor.options.props;
- if (!propOptions) {
- return;
- }
- var res = {};
- var attrs = data.attrs;
- var props = data.props;
- var staticAttrs = data.staticAttrs;
- if (!attrs && !props && !staticAttrs) {
- return res;
- }
- for (var key in propOptions) {
- var altKey = hyphenate(key);
- checkProp(res, attrs, key, altKey) || checkProp(res, props, key, altKey) || checkProp(res, staticAttrs, key, altKey);
- }
- return res;
- }
- function checkProp(res, hash, key, altKey) {
- if (hash) {
- if (hasOwn(hash, key)) {
- res[key] = hash[key];
- delete hash[key];
- return true;
- } else if (hasOwn(hash, altKey)) {
- res[key] = hash[altKey];
- delete hash[altKey];
- return true;
- }
- }
- return false;
- }
- function mergeHooks(data) {
- if (data.hook) {
- for (var i = 0; i < hooksToMerge.length; i++) {
- var key = hooksToMerge[i];
- var fromParent = data.hook[key];
- var ours = hooks[key];
- data.hook[key] = fromParent ? mergeHook$1(ours, fromParent) : ours;
- }
- } else {
- data.hook = hooks;
- }
- }
- function mergeHook$1(a, b) {
- // since all hooks have at most two args, use fixed args
- // to avoid having to use fn.apply().
- return function (_, __) {
- a(_, __);
- b(_, __);
- };
- }
- // wrapper function for providing a more flexible interface
- // without getting yelled at by flow
- function createElement(tag, data, children) {
- if (data && (Array.isArray(data) || typeof data !== 'object')) {
- children = data;
- data = undefined;
- }
- return _createElement.call(this, tag, data, children);
- }
- function _createElement(tag, data, children) {
- // make sure to expose real self instead of proxy
- var context = this._self;
- var parent = renderState.activeInstance;
- var host = context !== parent ? parent : undefined;
- if (!parent) {
- process.env.NODE_ENV !== 'production' && warn('createElement cannot be called outside of component ' + 'render functions.');
- return;
- }
- if (!tag) {
- // in case of component :is set to falsy value
- return emptyVNode();
- }
- if (typeof tag === 'string') {
- var namespace = config.getTagNamespace(tag);
- var Ctor = void 0;
- if (config.isReservedTag(tag)) {
- return new VNode(tag, data, normalizeChildren(children, namespace), undefined, undefined, namespace, context, host);
- } else if (Ctor = resolveAsset(context.$options, 'components', tag)) {
- return createComponent(Ctor, data, parent, context, host, children, tag);
- } else {
- if (process.env.NODE_ENV !== 'production') {
- if (!namespace && !(config.ignoredElements && config.ignoredElements.indexOf(tag) > -1) && config.isUnknownElement(tag)) {
- warn('Unknown custom element: <' + tag + '> - did you ' + 'register the component correctly? For recursive components, ' + 'make sure to provide the "name" option.');
- }
- }
- return new VNode(tag, data, normalizeChildren(children, namespace), undefined, undefined, namespace, context, host);
- }
- } else {
- return createComponent(tag, data, parent, context, host, children);
- }
- }
- var renderState = {
- activeInstance: null
- };
- function initRender(vm) {
- vm._vnode = null;
- vm._staticTrees = null;
- vm.$slots = {};
- // bind the public createElement fn to this instance
- // so that we get proper render context inside it.
- vm.$createElement = bind(createElement, vm);
- if (vm.$options.el) {
- vm.$mount(vm.$options.el);
- }
- }
- function renderMixin(Vue) {
- Vue.prototype.$nextTick = function (fn) {
- nextTick(fn, this);
- };
- Vue.prototype._render = function () {
- var vm = this;
- // set current active instance
- var prev = renderState.activeInstance;
- renderState.activeInstance = vm;
- var _vm$$options = vm.$options;
- var render = _vm$$options.render;
- var staticRenderFns = _vm$$options.staticRenderFns;
- var _renderChildren = _vm$$options._renderChildren;
- var _parentVnode = _vm$$options._parentVnode;
- if (staticRenderFns && !this._staticTrees) {
- this._staticTrees = [];
- }
- // resolve slots. becaues slots are rendered in parent scope,
- // we set the activeInstance to parent.
- if (_renderChildren) {
- resolveSlots(vm, _renderChildren);
- }
- // render self
- var vnode = render.call(vm._renderProxy, vm.$createElement);
- // return empty vnode in case the render function errored out
- if (!(vnode instanceof VNode)) {
- if (process.env.NODE_ENV !== 'production' && Array.isArray(vnode)) {
- warn('Multiple root nodes returned from render function. Render function ' + 'should return a single root node.', vm);
- }
- vnode = emptyVNode();
- }
- // set parent
- vnode.parent = _parentVnode;
- // restore render state
- renderState.activeInstance = prev;
- return vnode;
- };
- // shorthands used in render functions
- Vue.prototype._h = createElement;
- // toString for mustaches
- Vue.prototype._s = _toString;
- // number conversion
- Vue.prototype._n = toNumber;
- //
- Vue.prototype._m = function renderStatic(index) {
- return this._staticTrees[index] || (this._staticTrees[index] = this.$options.staticRenderFns[index].call(this._renderProxy));
- };
- // filter resolution helper
- var identity = function identity(_) {
- return _;
- };
- Vue.prototype._f = function resolveFilter(id) {
- return resolveAsset(this.$options, 'filters', id, true) || identity;
- };
- // render v-for
- Vue.prototype._l = function renderList(val, render) {
- var ret = void 0,
- i = void 0,
- l = void 0,
- keys = void 0,
- key = void 0;
- if (Array.isArray(val)) {
- ret = new Array(val.length);
- for (i = 0, l = val.length; i < l; i++) {
- ret[i] = render(val[i], i);
- }
- } else if (typeof val === 'number') {
- ret = new Array(val);
- for (i = 0; i < val; i++) {
- ret[i] = render(i + 1, i);
- }
- } else if (isObject(val)) {
- keys = Object.keys(val);
- ret = new Array(keys.length);
- for (i = 0, l = keys.length; i < l; i++) {
- key = keys[i];
- ret[i] = render(val[key], key, i);
- }
- }
- return ret;
- };
- // apply v-bind object
- Vue.prototype._b = function bindProps(vnode, value) {
- if (value) {
- if (!isObject(value)) {
- process.env.NODE_ENV !== 'production' && warn('v-bind without argument expects an Object or Array value', this);
- } else {
- if (Array.isArray(value)) {
- value = toObject(value);
- }
- var data = vnode.data;
- for (var key in value) {
- var hash = config.mustUseProp(key) ? data.props || (data.props = {}) : data.attrs || (data.attrs = {});
- hash[key] = value[key];
- }
- }
- }
- };
- // expose v-on keyCodes
- Vue.prototype._k = function getKeyCodes(key) {
- return config.keyCodes[key];
- };
- }
- function resolveSlots(vm, renderChildren) {
- if (renderChildren) {
- var children = normalizeChildren(renderChildren) || [];
- var slots = {};
- var defaultSlot = [];
- var name = void 0,
- child = void 0;
- for (var i = 0, l = children.length; i < l; i++) {
- child = children[i];
- if (name = child.data && child.data.slot) {
- var slot = slots[name] || (slots[name] = []);
- if (child.tag === 'template') {
- slot.push.apply(slot, child.children);
- } else {
- slot.push(child);
- }
- } else {
- defaultSlot.push(child);
- }
- }
- if (defaultSlot.length && !(defaultSlot.length === 1 && defaultSlot[0].text === ' ')) {
- slots['default'] = defaultSlot;
- }
- vm.$slots = slots;
- }
- }
- function initEvents(vm) {
- vm._events = Object.create(null);
- // init parent attached events
- var listeners = vm.$options._parentListeners;
- var on = bind(vm.$on, vm);
- var off = bind(vm.$off, vm);
- vm._updateListeners = function (listeners, oldListeners) {
- updateListeners(listeners, oldListeners || {}, on, off);
- };
- if (listeners) {
- vm._updateListeners(listeners);
- }
- }
- function eventsMixin(Vue) {
- Vue.prototype.$on = function (event, fn) {
- var vm = this;(vm._events[event] || (vm._events[event] = [])).push(fn);
- return vm;
- };
- Vue.prototype.$once = function (event, fn) {
- var vm = this;
- function on() {
- vm.$off(event, on);
- fn.apply(vm, arguments);
- }
- on.fn = fn;
- vm.$on(event, on);
- return vm;
- };
- Vue.prototype.$off = function (event, fn) {
- var vm = this;
- // all
- if (!arguments.length) {
- vm._events = Object.create(null);
- return vm;
- }
- // specific event
- var cbs = vm._events[event];
- if (!cbs) {
- return vm;
- }
- if (arguments.length === 1) {
- vm._events[event] = null;
- return vm;
- }
- // specific handler
- var cb = void 0;
- var i = cbs.length;
- while (i--) {
- cb = cbs[i];
- if (cb === fn || cb.fn === fn) {
- cbs.splice(i, 1);
- break;
- }
- }
- return vm;
- };
- Vue.prototype.$emit = function (event) {
- var vm = this;
- var cbs = vm._events[event];
- if (cbs) {
- cbs = cbs.length > 1 ? toArray(cbs) : cbs;
- var args = toArray(arguments, 1);
- for (var i = 0, l = cbs.length; i < l; i++) {
- cbs[i].apply(vm, args);
- }
- }
- return vm;
- };
- }
- var uid = 0;
- function initMixin(Vue) {
- Vue.prototype._init = function (options) {
- var vm = this;
- // a uid
- vm._uid = uid++;
- // a flag to avoid this being observed
- vm._isVue = true;
- // merge options
- if (options && options._isComponent) {
- // optimize internal component instantiation
- // since dynamic options merging is pretty slow, and none of the
- // internal component options needs special treatment.
- initInternalComponent(vm, options);
- } else {
- vm.$options = mergeOptions(resolveConstructorOptions(vm), options || {}, vm);
- }
- /* istanbul ignore else */
- if (process.env.NODE_ENV !== 'production') {
- initProxy(vm);
- } else {
- vm._renderProxy = vm;
- }
- // expose real self
- vm._self = vm;
- initLifecycle(vm);
- initEvents(vm);
- callHook(vm, 'beforeCreate');
- initState(vm);
- callHook(vm, 'created');
- initRender(vm);
- };
- function initInternalComponent(vm, options) {
- var opts = vm.$options = Object.create(resolveConstructorOptions(vm));
- // doing this because it's faster than dynamic enumeration.
- opts.parent = options.parent;
- opts.propsData = options.propsData;
- opts._parentVnode = options._parentVnode;
- opts._parentListeners = options._parentListeners;
- opts._renderChildren = options._renderChildren;
- opts._componentTag = options._componentTag;
- if (options.render) {
- opts.render = options.render;
- opts.staticRenderFns = options.staticRenderFns;
- }
- }
- function resolveConstructorOptions(vm) {
- var Ctor = vm.constructor;
- var options = Ctor.options;
- if (Ctor.super) {
- var superOptions = Ctor.super.options;
- var cachedSuperOptions = Ctor.superOptions;
- if (superOptions !== cachedSuperOptions) {
- // super option changed
- Ctor.superOptions = superOptions;
- options = Ctor.options = mergeOptions(superOptions, Ctor.extendOptions);
- if (options.name) {
- options.components[options.name] = Ctor;
- }
- }
- }
- return options;
- }
- }
- function Vue(options) {
- this._init(options);
- }
- initMixin(Vue);
- stateMixin(Vue);
- eventsMixin(Vue);
- lifecycleMixin(Vue);
- renderMixin(Vue);
- var warn = void 0;
- var formatComponentName = void 0;
- if (process.env.NODE_ENV !== 'production') {
- (function () {
- var hasConsole = typeof console !== 'undefined';
- warn = function warn(msg, vm) {
- if (hasConsole && !config.silent) {
- console.error('[Vue warn]: ' + msg + (vm ? formatComponentName(vm) : ''));
- }
- };
- formatComponentName = function formatComponentName(vm) {
- if (vm.$root === vm) {
- return ' (found in root instance)';
- }
- var name = vm._isVue ? vm.$options.name || vm.$options._componentTag : vm.name;
- return name ? ' (found in component: <' + hyphenate(name) + '>)' : ' (found in anonymous component. Use the "name" option for better debugging messages)';
- };
- })();
- }
- /**
- * Option overwriting strategies are functions that handle
- * how to merge a parent option value and a child option
- * value into the final value.
- */
- var strats = config.optionMergeStrategies;
- /**
- * Options with restrictions
- */
- if (process.env.NODE_ENV !== 'production') {
- strats.el = strats.propsData = function (parent, child, vm, key) {
- if (!vm) {
- warn('option "' + key + '" can only be used during instance ' + 'creation with the `new` keyword.');
- }
- return defaultStrat(parent, child);
- };
- strats.name = function (parent, child, vm) {
- if (vm) {
- warn('options "name" can only be used as a component definition option, ' + 'not during instance creation.');
- }
- return defaultStrat(parent, child);
- };
- }
- /**
- * Helper that recursively merges two data objects together.
- */
- function mergeData(to, from) {
- var key = void 0,
- toVal = void 0,
- fromVal = void 0;
- for (key in from) {
- toVal = to[key];
- fromVal = from[key];
- if (!hasOwn(to, key)) {
- set(to, key, fromVal);
- } else if (isObject(toVal) && isObject(fromVal)) {
- mergeData(toVal, fromVal);
- }
- }
- return to;
- }
- /**
- * Data
- */
- strats.data = function (parentVal, childVal, vm) {
- if (!vm) {
- // in a Vue.extend merge, both should be functions
- if (!childVal) {
- return parentVal;
- }
- if (typeof childVal !== 'function') {
- process.env.NODE_ENV !== 'production' && warn('The "data" option should be a function ' + 'that returns a per-instance value in component ' + 'definitions.', vm);
- return parentVal;
- }
- if (!parentVal) {
- return childVal;
- }
- // when parentVal & childVal are both present,
- // we need to return a function that returns the
- // merged result of both functions... no need to
- // check if parentVal is a function here because
- // it has to be a function to pass previous merges.
- return function mergedDataFn() {
- return mergeData(childVal.call(this), parentVal.call(this));
- };
- } else if (parentVal || childVal) {
- return function mergedInstanceDataFn() {
- // instance merge
- var instanceData = typeof childVal === 'function' ? childVal.call(vm) : childVal;
- var defaultData = typeof parentVal === 'function' ? parentVal.call(vm) : undefined;
- if (instanceData) {
- return mergeData(instanceData, defaultData);
- } else {
- return defaultData;
- }
- };
- }
- };
- /**
- * Hooks and param attributes are merged as arrays.
- */
- function mergeHook(parentVal, childVal) {
- return childVal ? parentVal ? parentVal.concat(childVal) : Array.isArray(childVal) ? childVal : [childVal] : parentVal;
- }
- config._lifecycleHooks.forEach(function (hook) {
- strats[hook] = mergeHook;
- });
- /**
- * Assets
- *
- * When a vm is present (instance creation), we need to do
- * a three-way merge between constructor options, instance
- * options and parent options.
- */
- function mergeAssets(parentVal, childVal) {
- var res = Object.create(parentVal || null);
- return childVal ? extend(res, childVal) : res;
- }
- config._assetTypes.forEach(function (type) {
- strats[type + 's'] = mergeAssets;
- });
- /**
- * Watchers.
- *
- * Watchers hashes should not overwrite one
- * another, so we merge them as arrays.
- */
- strats.watch = function (parentVal, childVal) {
- /* istanbul ignore if */
- if (!childVal) return parentVal;
- if (!parentVal) return childVal;
- var ret = {};
- extend(ret, parentVal);
- for (var key in childVal) {
- var parent = ret[key];
- var child = childVal[key];
- if (parent && !Array.isArray(parent)) {
- parent = [parent];
- }
- ret[key] = parent ? parent.concat(child) : [child];
- }
- return ret;
- };
- /**
- * Other object hashes.
- */
- strats.props = strats.methods = strats.computed = function (parentVal, childVal) {
- if (!childVal) return parentVal;
- if (!parentVal) return childVal;
- var ret = Object.create(null);
- extend(ret, parentVal);
- extend(ret, childVal);
- return ret;
- };
- /**
- * Default strategy.
- */
- var defaultStrat = function defaultStrat(parentVal, childVal) {
- return childVal === undefined ? parentVal : childVal;
- };
- /**
- * Make sure component options get converted to actual
- * constructors.
- */
- function normalizeComponents(options) {
- if (options.components) {
- var components = options.components;
- var def = void 0;
- for (var key in components) {
- var lower = key.toLowerCase();
- if (isBuiltInTag(lower) || config.isReservedTag(lower)) {
- process.env.NODE_ENV !== 'production' && warn('Do not use built-in or reserved HTML elements as component ' + 'id: ' + key);
- continue;
- }
- def = components[key];
- if (isPlainObject(def)) {
- components[key] = Vue.extend(def);
- }
- }
- }
- }
- /**
- * Ensure all props option syntax are normalized into the
- * Object-based format.
- */
- function normalizeProps(options) {
- var props = options.props;
- if (!props) return;
- var res = {};
- var i = void 0,
- val = void 0,
- name = void 0;
- if (Array.isArray(props)) {
- i = props.length;
- while (i--) {
- val = props[i];
- if (typeof val === 'string') {
- name = camelize(val);
- res[name] = { type: null };
- } else if (process.env.NODE_ENV !== 'production') {
- warn('props must be strings when using array syntax.');
- }
- }
- } else if (isPlainObject(props)) {
- for (var key in props) {
- val = props[key];
- name = camelize(key);
- res[name] = isPlainObject(val) ? val : { type: val };
- }
- }
- options.props = res;
- }
- /**
- * Normalize raw function directives into object format.
- */
- function normalizeDirectives(options) {
- var dirs = options.directives;
- if (dirs) {
- for (var key in dirs) {
- var def = dirs[key];
- if (typeof def === 'function') {
- dirs[key] = { bind: def, update: def };
- }
- }
- }
- }
- /**
- * Merge two option objects into a new one.
- * Core utility used in both instantiation and inheritance.
- */
- function mergeOptions(parent, child, vm) {
- normalizeComponents(child);
- normalizeProps(child);
- normalizeDirectives(child);
- var extendsFrom = child.extends;
- if (extendsFrom) {
- parent = typeof extendsFrom === 'function' ? mergeOptions(parent, extendsFrom.options, vm) : mergeOptions(parent, extendsFrom, vm);
- }
- if (child.mixins) {
- for (var i = 0, l = child.mixins.length; i < l; i++) {
- var mixin = child.mixins[i];
- if (mixin.prototype instanceof Vue) {
- mixin = mixin.options;
- }
- parent = mergeOptions(parent, mixin, vm);
- }
- }
- var options = {};
- var key = void 0;
- for (key in parent) {
- mergeField(key);
- }
- for (key in child) {
- if (!hasOwn(parent, key)) {
- mergeField(key);
- }
- }
- function mergeField(key) {
- var strat = strats[key] || defaultStrat;
- options[key] = strat(parent[key], child[key], vm, key);
- }
- return options;
- }
- /**
- * Resolve an asset.
- * This function is used because child instances need access
- * to assets defined in its ancestor chain.
- */
- function resolveAsset(options, type, id, warnMissing) {
- /* istanbul ignore if */
- if (typeof id !== 'string') {
- return;
- }
- var assets = options[type];
- var res = assets[id] ||
- // camelCase ID
- assets[camelize(id)] ||
- // Pascal Case ID
- assets[capitalize(camelize(id))];
- if (process.env.NODE_ENV !== 'production' && warnMissing && !res) {
- warn('Failed to resolve ' + type.slice(0, -1) + ': ' + id, options);
- }
- return res;
- }
- function validateProp(vm, key, propsData) {
- /* istanbul ignore if */
- if (!vm.$options.props || !propsData) return;
- var prop = vm.$options.props[key];
- var absent = !hasOwn(propsData, key);
- var value = propsData[key];
- // handle boolean props
- if (prop.type === Boolean) {
- if (absent && !hasOwn(prop, 'default')) {
- value = false;
- } else if (value === '' || value === hyphenate(key)) {
- value = true;
- }
- }
- // check default value
- if (value === undefined) {
- value = getPropDefaultValue(vm, prop, key);
- // since the default value is a fresh copy,
- // make sure to observe it.
- observerState.shouldConvert = true;
- observe(value);
- observerState.shouldConvert = false;
- }
- if (process.env.NODE_ENV !== 'production') {
- assertProp(prop, key, value, vm, absent);
- }
- return value;
- }
- /**
- * Get the default value of a prop.
- */
- function getPropDefaultValue(vm, prop, name) {
- // no default, return undefined
- if (!hasOwn(prop, 'default')) {
- return undefined;
- }
- var def = prop.default;
- // warn against non-factory defaults for Object & Array
- if (isObject(def)) {
- process.env.NODE_ENV !== 'production' && warn('Invalid default value for prop "' + name + '": ' + 'Props with type Object/Array must use a factory function ' + 'to return the default value.', vm);
- }
- // call factory function for non-Function types
- return typeof def === 'function' && prop.type !== Function ? def.call(vm) : def;
- }
- /**
- * Assert whether a prop is valid.
- */
- function assertProp(prop, name, value, vm, absent) {
- if (prop.required && absent) {
- warn('Missing required prop: "' + name + '"', vm);
- return;
- }
- if (value == null && !prop.required) {
- return;
- }
- var type = prop.type;
- var valid = !type;
- var expectedTypes = [];
- if (type) {
- if (!Array.isArray(type)) {
- type = [type];
- }
- for (var i = 0; i < type.length && !valid; i++) {
- var assertedType = assertType(value, type[i]);
- expectedTypes.push(assertedType.expectedType);
- valid = assertedType.valid;
- }
- }
- if (!valid) {
- warn('Invalid prop: type check failed for prop "' + name + '".' + ' Expected ' + expectedTypes.map(capitalize).join(', ') + ', got ' + Object.prototype.toString.call(value).slice(8, -1) + '.', vm);
- return;
- }
- var validator = prop.validator;
- if (validator) {
- if (!validator(value)) {
- warn('Invalid prop: custom validator check failed for prop "' + name + '".', vm);
- }
- }
- }
- /**
- * Assert the type of a value
- */
- function assertType(value, type) {
- var valid = void 0;
- var expectedType = void 0;
- if (type === String) {
- expectedType = 'string';
- valid = typeof value === expectedType;
- } else if (type === Number) {
- expectedType = 'number';
- valid = typeof value === expectedType;
- } else if (type === Boolean) {
- expectedType = 'boolean';
- valid = typeof value === expectedType;
- } else if (type === Function) {
- expectedType = 'function';
- valid = typeof value === expectedType;
- } else if (type === Object) {
- expectedType = 'Object';
- valid = isPlainObject(value);
- } else if (type === Array) {
- expectedType = 'Array';
- valid = Array.isArray(value);
- } else {
- expectedType = type.name || type.toString();
- valid = value instanceof type;
- }
- return {
- valid: valid,
- expectedType: expectedType
- };
- }
- var util = Object.freeze({
- defineReactive: defineReactive,
- _toString: _toString,
- toNumber: toNumber,
- makeMap: makeMap,
- isBuiltInTag: isBuiltInTag,
- remove: remove,
- hasOwn: hasOwn,
- isPrimitive: isPrimitive,
- cached: cached,
- camelize: camelize,
- capitalize: capitalize,
- hyphenate: hyphenate,
- bind: bind,
- toArray: toArray,
- extend: extend,
- isObject: isObject,
- isPlainObject: isPlainObject,
- toObject: toObject,
- noop: noop,
- no: no,
- genStaticKeys: genStaticKeys,
- isReserved: isReserved,
- def: def,
- parsePath: parsePath,
- hasProto: hasProto,
- inBrowser: inBrowser,
- devtools: devtools,
- UA: UA,
- nextTick: nextTick,
- get _Set () { return _Set; },
- mergeOptions: mergeOptions,
- resolveAsset: resolveAsset,
- get warn () { return warn; },
- validateProp: validateProp
- });
- function initUse(Vue) {
- Vue.use = function (plugin) {
- /* istanbul ignore if */
- if (plugin.installed) {
- return;
- }
- // additional parameters
- var args = toArray(arguments, 1);
- args.unshift(this);
- if (typeof plugin.install === 'function') {
- plugin.install.apply(plugin, args);
- } else {
- plugin.apply(null, args);
- }
- plugin.installed = true;
- return this;
- };
- }
- function initMixin$1(Vue) {
- Vue.mixin = function (mixin) {
- Vue.options = mergeOptions(Vue.options, mixin);
- };
- }
- function initExtend(Vue) {
- /**
- * Each instance constructor, including Vue, has a unique
- * cid. This enables us to create wrapped "child
- * constructors" for prototypal inheritance and cache them.
- */
- Vue.cid = 0;
- var cid = 1;
- /**
- * Class inheritance
- */
- Vue.extend = function (extendOptions) {
- extendOptions = extendOptions || {};
- var Super = this;
- var isFirstExtend = Super.cid === 0;
- if (isFirstExtend && extendOptions._Ctor) {
- return extendOptions._Ctor;
- }
- var name = extendOptions.name || Super.options.name;
- if (process.env.NODE_ENV !== 'production') {
- if (!/^[a-zA-Z][\w-]*$/.test(name)) {
- warn('Invalid component name: "' + name + '". Component names ' + 'can only contain alphanumeric characaters and the hyphen.');
- name = null;
- }
- }
- var Sub = function VueComponent(options) {
- this._init(options);
- };
- Sub.prototype = Object.create(Super.prototype);
- Sub.prototype.constructor = Sub;
- Sub.cid = cid++;
- Sub.options = mergeOptions(Super.options, extendOptions);
- Sub['super'] = Super;
- // allow further extension
- Sub.extend = Super.extend;
- // create asset registers, so extended classes
- // can have their private assets too.
- config._assetTypes.forEach(function (type) {
- Sub[type] = Super[type];
- });
- // enable recursive self-lookup
- if (name) {
- Sub.options.components[name] = Sub;
- }
- // keep a reference to the super options at extension time.
- // later at instantiation we can check if Super's options have
- // been updated.
- Sub.superOptions = Super.options;
- Sub.extendOptions = extendOptions;
- // cache constructor
- if (isFirstExtend) {
- extendOptions._Ctor = Sub;
- }
- return Sub;
- };
- }
- function initAssetRegisters(Vue) {
- /**
- * Create asset registration methods.
- */
- config._assetTypes.forEach(function (type) {
- Vue[type] = function (id, definition) {
- if (!definition) {
- return this.options[type + 's'][id];
- } else {
- /* istanbul ignore if */
- if (process.env.NODE_ENV !== 'production') {
- if (type === 'component' && config.isReservedTag(id)) {
- warn('Do not use built-in or reserved HTML elements as component ' + 'id: ' + id);
- }
- }
- if (type === 'component' && isPlainObject(definition)) {
- definition.name = definition.name || id;
- definition = Vue.extend(definition);
- }
- this.options[type + 's'][id] = definition;
- return definition;
- }
- };
- });
- }
- var KeepAlive = {
- name: 'keep-alive',
- _abstract: true,
- props: {
- child: Object
- },
- created: function created() {
- this.cache = Object.create(null);
- },
- render: function render() {
- var rawChild = this.child;
- var realChild = getRealChild(this.child);
- var cid = realChild.componentOptions.Ctor.cid;
- if (this.cache[cid]) {
- var child = realChild.child = this.cache[cid].child;
- realChild.elm = this.$el = child.$el;
- } else {
- this.cache[cid] = realChild;
- }
- realChild.data.keepAlive = true;
- return rawChild;
- },
- destroyed: function destroyed() {
- for (var key in this.cache) {
- var vnode = this.cache[key];
- callHook(vnode.child, 'deactivated');
- vnode.child.$destroy();
- }
- }
- };
- // in case the child is also an abstract component, e.g. <transition-control>
- // we want to recrusively retrieve the real component to be rendered
- function getRealChild(vnode) {
- var compOptions = vnode && vnode.componentOptions;
- if (compOptions && compOptions.Ctor.options._abstract) {
- return getRealChild(compOptions.propsData.child);
- } else {
- return vnode;
- }
- }
- var builtInComponents = {
- KeepAlive: KeepAlive
- };
- function initGlobalAPI(Vue) {
- // config
- var configDef = {};
- configDef.get = function () {
- return config;
- };
- if (process.env.NODE_ENV !== 'production') {
- configDef.set = function () {
- warn('Do not replace the Vue.config object, set individual fields instead.');
- };
- }
- Object.defineProperty(Vue, 'config', configDef);
- Vue.util = util;
- Vue.set = set;
- Vue.delete = del;
- Vue.nextTick = nextTick;
- Vue.options = Object.create(null);
- config._assetTypes.forEach(function (type) {
- Vue.options[type + 's'] = Object.create(null);
- });
- extend(Vue.options.components, builtInComponents);
- initUse(Vue);
- initMixin$1(Vue);
- initExtend(Vue);
- initAssetRegisters(Vue);
- }
- initGlobalAPI(Vue);
- Object.defineProperty(Vue.prototype, '$isServer', {
- get: function get() {
- return config._isServer;
- }
- });
- Vue.version = '2.0.0-alpha.8';
- // attributes that should be using props for binding
- var mustUseProp = makeMap('value,selected,checked,muted');
- var isEnumeratedAttr = makeMap('contenteditable,draggable,spellcheck');
- var isBooleanAttr = makeMap('allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,' + 'default,defaultchecked,defaultmuted,defaultselected,defer,disabled,' + 'enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,' + 'muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,' + 'required,reversed,scoped,seamless,selected,sortable,translate,' + 'truespeed,typemustmatch,visible');
- var isAttr = makeMap('accept,accept-charset,accesskey,action,align,alt,async,autocomplete,' + 'autofocus,autoplay,autosave,bgcolor,border,buffered,challenge,charset,' + 'checked,cite,class,code,codebase,color,cols,colspan,content,http-equiv,' + 'name,contenteditable,contextmenu,controls,coords,data,datetime,default,' + 'defer,dir,dirname,disabled,download,draggable,dropzone,enctype,method,for,' + 'form,formaction,headers,<th>,height,hidden,high,href,hreflang,http-equiv,' + 'icon,id,ismap,itemprop,keytype,kind,label,lang,language,list,loop,low,' + 'manifest,max,maxlength,media,method,GET,POST,min,multiple,email,file,' + 'muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,' + 'preload,radiogroup,readonly,rel,required,reversed,rows,rowspan,sandbox,' + 'scope,scoped,seamless,selected,shape,size,type,text,password,sizes,span,' + 'spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,' + 'target,title,type,usemap,value,width,wrap');
- var xlinkNS = 'http://www.w3.org/1999/xlink';
- var isXlink = function isXlink(name) {
- return name.charAt(5) === ':' && name.slice(0, 5) === 'xlink';
- };
- var getXlinkProp = function getXlinkProp(name) {
- return isXlink(name) ? name.slice(6, name.length) : '';
- };
- var isFalsyAttrValue = function isFalsyAttrValue(val) {
- return val == null || val === false;
- };
- function genClassForVnode(vnode) {
- var data = vnode.data;
- // Important: check if this is a component container node
- // or a child component root node
- var i = void 0;
- if ((i = vnode.child) && (i = i._vnode.data)) {
- data = mergeClassData(i, data);
- }
- if ((i = vnode.parent) && (i = i.data)) {
- data = mergeClassData(data, i);
- }
- return genClassFromData(data);
- }
- function mergeClassData(child, parent) {
- return {
- staticClass: concat(child.staticClass, parent.staticClass),
- class: child.class ? [child.class, parent.class] : parent.class
- };
- }
- function genClassFromData(data) {
- var dynamicClass = data.class;
- var staticClass = data.staticClass;
- if (staticClass || dynamicClass) {
- return concat(staticClass, stringifyClass(dynamicClass));
- }
- /* istanbul ignore next */
- return '';
- }
- function concat(a, b) {
- return a ? b ? a + ' ' + b : a : b || '';
- }
- function stringifyClass(value) {
- var res = '';
- if (!value) {
- return res;
- }
- if (typeof value === 'string') {
- return value;
- }
- if (Array.isArray(value)) {
- var stringified = void 0;
- for (var i = 0, l = value.length; i < l; i++) {
- if (value[i]) {
- if (stringified = stringifyClass(value[i])) {
- res += stringified + ' ';
- }
- }
- }
- return res.slice(0, -1);
- }
- if (isObject(value)) {
- for (var key in value) {
- if (value[key]) res += key + ' ';
- }
- return res.slice(0, -1);
- }
- /* istanbul ignore next */
- return res;
- }
- var namespaceMap = {
- svg: 'http://www.w3.org/2000/svg',
- math: 'http://www.w3.org/1998/Math/MathML'
- };
- var isReservedTag = makeMap('html,base,head,link,meta,style,title,' + 'address,article,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,' + 'div,dd,dl,dt,figcaption,figure,hr,img,li,main,ol,p,pre,ul,' + 'a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,' + 's,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,' + 'embed,object,param,source,canvas,script,noscript,del,ins,' + 'caption,col,colgroup,table,thead,tbody,td,th,tr,' + 'button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,' + 'output,progress,select,textarea,' + 'details,dialog,menu,menuitem,summary,' + 'content,element,shadow,template');
- var isUnaryTag = makeMap('area,base,br,col,embed,frame,hr,img,input,isindex,keygen,' + 'link,meta,param,source,track,wbr', true);
- // Elements that you can, intentionally, leave open
- // (and which close themselves)
- var canBeLeftOpenTag = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source', true);
- // HTML5 tags https://html.spec.whatwg.org/multipage/indices.html#elements-3
- // Phrasing Content https://html.spec.whatwg.org/multipage/dom.html#phrasing-content
- var isNonPhrasingTag = makeMap('address,article,aside,base,blockquote,body,caption,col,colgroup,dd,' + 'details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,' + 'h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,' + 'optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,' + 'title,tr,track', true);
- // this map covers namespace elements that can appear as template root nodes
- var isSVG = makeMap('svg,g,defs,symbol,use,image,text,circle,ellipse,' + 'line,path,polygon,polyline,rect', true);
- function getTagNamespace(tag) {
- if (isSVG(tag)) {
- return 'svg';
- }
- // basic support for MathML
- // note it doesn't support other MathML elements being component roots
- if (tag === 'math') {
- return 'math';
- }
- }
- var unknownElementCache = Object.create(null);
- function isUnknownElement(tag) {
- /* istanbul ignore if */
- if (!inBrowser) {
- return true;
- }
- tag = tag.toLowerCase();
- /* istanbul ignore if */
- if (unknownElementCache[tag] != null) {
- return unknownElementCache[tag];
- }
- var el = document.createElement(tag);
- if (tag.indexOf('-') > -1) {
- // http://stackoverflow.com/a/28210364/1070244
- return unknownElementCache[tag] = el.constructor === window.HTMLUnknownElement || el.constructor === window.HTMLElement;
- } else {
- return unknownElementCache[tag] = /HTMLUnknownElement/.test(el.toString());
- }
- }
- var UA$1 = inBrowser && window.navigator.userAgent.toLowerCase();
- var isIE = UA$1 && /msie|trident/.test(UA$1);
- var isIE9 = UA$1 && UA$1.indexOf('msie 9.0') > 0;
- var isAndroid = UA$1 && UA$1.indexOf('android') > 0;
- /**
- * Query an element selector if it's not an element already.
- */
- function query(el) {
- if (typeof el === 'string') {
- var selector = el;
- el = document.querySelector(el);
- if (!el) {
- process.env.NODE_ENV !== 'production' && warn('Cannot find element: ' + selector);
- return document.createElement('div');
- }
- }
- return el;
- }
- function createElement$1(tagName) {
- return document.createElement(tagName);
- }
- function createElementNS(namespace, tagName) {
- return document.createElementNS(namespaceMap[namespace], tagName);
- }
- function createTextNode(text) {
- return document.createTextNode(text);
- }
- function insertBefore(parentNode, newNode, referenceNode) {
- parentNode.insertBefore(newNode, referenceNode);
- }
- function removeChild(node, child) {
- node.removeChild(child);
- }
- function appendChild(node, child) {
- node.appendChild(child);
- }
- function parentNode(node) {
- return node.parentNode;
- }
- function nextSibling(node) {
- return node.nextSibling;
- }
- function tagName(node) {
- return node.tagName;
- }
- function setTextContent(node, text) {
- node.textContent = text;
- }
- function childNodes(node) {
- return node.childNodes;
- }
- function setAttribute(node, key, val) {
- node.setAttribute(key, val);
- }
- var nodeOps = Object.freeze({
- createElement: createElement$1,
- createElementNS: createElementNS,
- createTextNode: createTextNode,
- insertBefore: insertBefore,
- removeChild: removeChild,
- appendChild: appendChild,
- parentNode: parentNode,
- nextSibling: nextSibling,
- tagName: tagName,
- setTextContent: setTextContent,
- childNodes: childNodes,
- setAttribute: setAttribute
- });
- var emptyData = {};
- var emptyNode = new VNode('', emptyData, []);
- var hooks$1 = ['create', 'update', 'postpatch', 'remove', 'destroy'];
- function isUndef(s) {
- return s == null;
- }
- function isDef(s) {
- return s != null;
- }
- function sameVnode(vnode1, vnode2) {
- return vnode1.key === vnode2.key && vnode1.tag === vnode2.tag;
- }
- function createKeyToOldIdx(children, beginIdx, endIdx) {
- var i = void 0,
- key = void 0;
- var map = {};
- for (i = beginIdx; i <= endIdx; ++i) {
- key = children[i].key;
- if (isDef(key)) map[key] = i;
- }
- return map;
- }
- function createPatchFunction(backend) {
- var i = void 0,
- j = void 0;
- var cbs = {};
- var modules = backend.modules;
- var nodeOps = backend.nodeOps;
- for (i = 0; i < hooks$1.length; ++i) {
- cbs[hooks$1[i]] = [];
- for (j = 0; j < modules.length; ++j) {
- if (modules[j][hooks$1[i]] !== undefined) cbs[hooks$1[i]].push(modules[j][hooks$1[i]]);
- }
- }
- function emptyNodeAt(elm) {
- return new VNode(nodeOps.tagName(elm).toLowerCase(), {}, [], undefined, elm);
- }
- function createRmCb(childElm, listeners) {
- function remove() {
- if (--remove.listeners === 0) {
- removeElement(childElm);
- }
- }
- remove.listeners = listeners;
- return remove;
- }
- function removeElement(el) {
- var parent = nodeOps.parentNode(el);
- nodeOps.removeChild(parent, el);
- }
- function createElm(vnode, insertedVnodeQueue) {
- var i = void 0,
- elm = void 0;
- var data = vnode.data;
- if (isDef(data)) {
- if (isDef(i = data.hook) && isDef(i = i.init)) i(vnode);
- // after calling the init hook, if the vnode is a child component
- // it should've created a child instance and mounted it. the child
- // component also has set the placeholder vnode's elm.
- // in that case we can just return the element and be done.
- if (isDef(i = vnode.child)) {
- invokeCreateHooks(vnode, insertedVnodeQueue);
- setScope(vnode);
- return vnode.elm;
- }
- }
- var children = vnode.children;
- var tag = vnode.tag;
- if (isDef(tag)) {
- elm = vnode.elm = vnode.ns ? nodeOps.createElementNS(vnode.ns, tag) : nodeOps.createElement(tag);
- setScope(vnode);
- if (Array.isArray(children)) {
- for (i = 0; i < children.length; ++i) {
- nodeOps.appendChild(elm, createElm(children[i], insertedVnodeQueue));
- }
- } else if (isPrimitive(vnode.text)) {
- nodeOps.appendChild(elm, nodeOps.createTextNode(vnode.text));
- }
- if (isDef(data)) {
- invokeCreateHooks(vnode, insertedVnodeQueue);
- }
- } else {
- elm = vnode.elm = nodeOps.createTextNode(vnode.text);
- }
- return vnode.elm;
- }
- function invokeCreateHooks(vnode, insertedVnodeQueue) {
- for (var _i = 0; _i < cbs.create.length; ++_i) {
- cbs.create[_i](emptyNode, vnode);
- }
- i = vnode.data.hook; // Reuse variable
- if (isDef(i)) {
- if (i.create) i.create(emptyNode, vnode);
- if (i.insert) insertedVnodeQueue.push(vnode);
- }
- }
- // set scope id attribute for scoped CSS.
- // this is implemented as a special case to avoid the overhead
- // of going through the normal attribute patching process.
- function setScope(vnode) {
- var i = void 0;
- if (isDef(i = vnode.host) && isDef(i = i.$options._scopeId)) {
- nodeOps.setAttribute(vnode.elm, i, '');
- }
- if (isDef(i = vnode.context) && isDef(i = i.$options._scopeId)) {
- nodeOps.setAttribute(vnode.elm, i, '');
- }
- }
- function addVnodes(parentElm, before, vnodes, startIdx, endIdx, insertedVnodeQueue) {
- for (; startIdx <= endIdx; ++startIdx) {
- nodeOps.insertBefore(parentElm, createElm(vnodes[startIdx], insertedVnodeQueue), before);
- }
- }
- function invokeDestroyHook(vnode) {
- var i = void 0,
- j = void 0;
- var data = vnode.data;
- if (isDef(data)) {
- if (isDef(i = data.hook) && isDef(i = i.destroy)) i(vnode);
- for (i = 0; i < cbs.destroy.length; ++i) {
- cbs.destroy[i](vnode);
- }
- }
- if (isDef(i = vnode.child) && !data.keepAlive) {
- invokeDestroyHook(i._vnode);
- }
- if (isDef(i = vnode.children)) {
- for (j = 0; j < vnode.children.length; ++j) {
- invokeDestroyHook(vnode.children[j]);
- }
- }
- }
- function removeVnodes(parentElm, vnodes, startIdx, endIdx) {
- for (; startIdx <= endIdx; ++startIdx) {
- var ch = vnodes[startIdx];
- if (isDef(ch)) {
- if (isDef(ch.tag)) {
- invokeDestroyHook(ch);
- removeAndInvokeRemoveHook(ch);
- } else {
- // Text node
- nodeOps.removeChild(parentElm, ch.elm);
- }
- }
- }
- }
- function removeAndInvokeRemoveHook(vnode, rm) {
- if (rm || isDef(vnode.data)) {
- var listeners = cbs.remove.length + 1;
- if (!rm) {
- // directly removing
- rm = createRmCb(vnode.elm, listeners);
- } else {
- // we have a recursively passed down rm callback
- // increase the listeners count
- rm.listeners += listeners;
- }
- // recursively invoke hooks on child component root node
- if (isDef(i = vnode.child) && isDef(i = i._vnode) && isDef(i.data)) {
- removeAndInvokeRemoveHook(i, rm);
- }
- for (i = 0; i < cbs.remove.length; ++i) {
- cbs.remove[i](vnode, rm);
- }
- if (isDef(i = vnode.data.hook) && isDef(i = i.remove)) {
- i(vnode, rm);
- } else {
- rm();
- }
- } else {
- removeElement(vnode.elm);
- }
- }
- function updateChildren(parentElm, oldCh, newCh, insertedVnodeQueue) {
- var oldStartIdx = 0;
- var newStartIdx = 0;
- var oldEndIdx = oldCh.length - 1;
- var oldStartVnode = oldCh[0];
- var oldEndVnode = oldCh[oldEndIdx];
- var newEndIdx = newCh.length - 1;
- var newStartVnode = newCh[0];
- var newEndVnode = newCh[newEndIdx];
- var oldKeyToIdx = void 0,
- idxInOld = void 0,
- elmToMove = void 0,
- before = void 0;
- while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
- if (isUndef(oldStartVnode)) {
- oldStartVnode = oldCh[++oldStartIdx]; // Vnode has been moved left
- } else if (isUndef(oldEndVnode)) {
- oldEndVnode = oldCh[--oldEndIdx];
- } else if (sameVnode(oldStartVnode, newStartVnode)) {
- patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue);
- oldStartVnode = oldCh[++oldStartIdx];
- newStartVnode = newCh[++newStartIdx];
- } else if (sameVnode(oldEndVnode, newEndVnode)) {
- patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue);
- oldEndVnode = oldCh[--oldEndIdx];
- newEndVnode = newCh[--newEndIdx];
- } else if (sameVnode(oldStartVnode, newEndVnode)) {
- // Vnode moved right
- patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue);
- nodeOps.insertBefore(parentElm, oldStartVnode.elm, nodeOps.nextSibling(oldEndVnode.elm));
- oldStartVnode = oldCh[++oldStartIdx];
- newEndVnode = newCh[--newEndIdx];
- } else if (sameVnode(oldEndVnode, newStartVnode)) {
- // Vnode moved left
- patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue);
- nodeOps.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm);
- oldEndVnode = oldCh[--oldEndIdx];
- newStartVnode = newCh[++newStartIdx];
- } else {
- if (isUndef(oldKeyToIdx)) oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx);
- idxInOld = oldKeyToIdx[newStartVnode.key];
- if (isUndef(idxInOld)) {
- // New element
- nodeOps.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);
- newStartVnode = newCh[++newStartIdx];
- } else {
- elmToMove = oldCh[idxInOld];
- /* istanbul ignore if */
- if (process.env.NODE_ENV !== 'production' && !elmToMove) {
- warn('It seems there are duplicate keys that is causing an update error. ' + 'Make sure each v-for item has a unique key.');
- }
- if (elmToMove.tag !== newStartVnode.tag) {
- // same key but different element. treat as new element
- nodeOps.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);
- newStartVnode = newCh[++newStartIdx];
- } else {
- patchVnode(elmToMove, newStartVnode, insertedVnodeQueue);
- oldCh[idxInOld] = undefined;
- nodeOps.insertBefore(parentElm, newStartVnode.elm, oldStartVnode.elm);
- newStartVnode = newCh[++newStartIdx];
- }
- }
- }
- }
- if (oldStartIdx > oldEndIdx) {
- before = isUndef(newCh[newEndIdx + 1]) ? null : newCh[newEndIdx + 1].elm;
- addVnodes(parentElm, before, newCh, newStartIdx, newEndIdx, insertedVnodeQueue);
- } else if (newStartIdx > newEndIdx) {
- removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx);
- }
- }
- function patchVnode(oldVnode, vnode, insertedVnodeQueue) {
- if (oldVnode === vnode) return;
- var i = void 0,
- hook = void 0;
- var hasData = isDef(i = vnode.data);
- if (hasData) {
- // ensure the oldVnode also has data during patch
- oldVnode.data = oldVnode.data || emptyData;
- if (isDef(hook = i.hook) && isDef(i = hook.prepatch)) {
- i(oldVnode, vnode);
- }
- }
- var elm = vnode.elm = oldVnode.elm;
- var oldCh = oldVnode.children;
- var ch = vnode.children;
- if (hasData) {
- for (i = 0; i < cbs.update.length; ++i) {
- cbs.update[i](oldVnode, vnode);
- }if (isDef(hook) && isDef(i = hook.update)) i(oldVnode, vnode);
- }
- if (isUndef(vnode.text)) {
- if (isDef(oldCh) && isDef(ch)) {
- if (oldCh !== ch) updateChildren(elm, oldCh, ch, insertedVnodeQueue);
- } else if (isDef(ch)) {
- if (isDef(oldVnode.text)) nodeOps.setTextContent(elm, '');
- addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue);
- } else if (isDef(oldCh)) {
- removeVnodes(elm, oldCh, 0, oldCh.length - 1);
- } else if (isDef(oldVnode.text)) {
- nodeOps.setTextContent(elm, '');
- }
- } else if (oldVnode.text !== vnode.text) {
- nodeOps.setTextContent(elm, vnode.text);
- }
- if (hasData) {
- for (i = 0; i < cbs.postpatch.length; ++i) {
- cbs.postpatch[i](oldVnode, vnode);
- }if (isDef(hook) && isDef(i = hook.postpatch)) i(oldVnode, vnode);
- }
- }
- function invokeInsertHook(queue) {
- for (var _i2 = 0; _i2 < queue.length; ++_i2) {
- queue[_i2].data.hook.insert(queue[_i2]);
- }
- }
- function hydrate(elm, vnode, insertedVnodeQueue) {
- if (process.env.NODE_ENV !== 'production') {
- if (!assertNodeMatch(elm, vnode)) {
- return false;
- }
- }
- vnode.elm = elm;
- var tag = vnode.tag;
- var data = vnode.data;
- var children = vnode.children;
- if (isDef(data)) {
- if (isDef(i = data.hook) && isDef(i = i.init)) i(vnode, true /* hydrating */);
- if (isDef(i = vnode.child)) {
- // child component. it should have hydrated its own tree.
- invokeCreateHooks(vnode, insertedVnodeQueue);
- return true;
- }
- }
- if (isDef(tag)) {
- if (isDef(children)) {
- var childNodes = nodeOps.childNodes(elm);
- for (var _i3 = 0; _i3 < children.length; _i3++) {
- var success = hydrate(childNodes[_i3], children[_i3], insertedVnodeQueue);
- if (!success) {
- return false;
- }
- }
- }
- if (isDef(data)) {
- invokeCreateHooks(vnode, insertedVnodeQueue);
- }
- }
- return true;
- }
- function assertNodeMatch(node, vnode) {
- if (vnode.tag) {
- if (vnode.tag.indexOf('vue-component') === 0) {
- return true;
- } else {
- var childNodes = nodeOps.childNodes(node);
- return vnode.tag === nodeOps.tagName(node).toLowerCase() && (vnode.children ? vnode.children.length === childNodes.length : childNodes.length === 0);
- }
- } else {
- return _toString(vnode.text) === node.data;
- }
- }
- return function patch(oldVnode, vnode, hydrating) {
- var elm = void 0,
- parent = void 0;
- var insertedVnodeQueue = [];
- if (!oldVnode) {
- // empty mount, create new root element
- createElm(vnode, insertedVnodeQueue);
- } else {
- var isRealElement = isDef(oldVnode.nodeType);
- if (!isRealElement && sameVnode(oldVnode, vnode)) {
- patchVnode(oldVnode, vnode, insertedVnodeQueue);
- } else {
- if (isRealElement) {
- // mounting to a real element
- // check if this is server-rendered content and if we can perform
- // a successful hydration.
- if (oldVnode.hasAttribute('server-rendered')) {
- oldVnode.removeAttribute('server-rendered');
- hydrating = true;
- }
- if (hydrating) {
- if (hydrate(oldVnode, vnode, insertedVnodeQueue)) {
- invokeInsertHook(insertedVnodeQueue);
- return oldVnode;
- } else if (process.env.NODE_ENV !== 'production') {
- warn('The client-side rendered virtual DOM tree is not matching ' + 'server-rendered content. Bailing hydration and performing ' + 'full client-side render.');
- }
- }
- // either not server-rendered, or hydration failed.
- // create an empty node and replace it
- oldVnode = emptyNodeAt(oldVnode);
- }
- elm = oldVnode.elm;
- parent = nodeOps.parentNode(elm);
- createElm(vnode, insertedVnodeQueue);
- if (parent !== null) {
- nodeOps.insertBefore(parent, vnode.elm, nodeOps.nextSibling(elm));
- removeVnodes(parent, [oldVnode], 0, 0);
- } else if (isDef(oldVnode.tag)) {
- invokeDestroyHook(oldVnode);
- }
- }
- }
- invokeInsertHook(insertedVnodeQueue);
- return vnode.elm;
- };
- }
- var directives = {
- create: function bindDirectives(oldVnode, vnode) {
- applyDirectives(oldVnode, vnode, 'bind');
- },
- update: function updateDirectives(oldVnode, vnode) {
- applyDirectives(oldVnode, vnode, 'update');
- },
- postpatch: function postupdateDirectives(oldVnode, vnode) {
- applyDirectives(oldVnode, vnode, 'postupdate');
- },
- destroy: function unbindDirectives(vnode) {
- applyDirectives(vnode, vnode, 'unbind');
- }
- };
- function applyDirectives(oldVnode, vnode, hook) {
- var dirs = vnode.data.directives;
- if (dirs) {
- var oldDirs = oldVnode.data.directives;
- var isUpdate = hook === 'update';
- for (var i = 0; i < dirs.length; i++) {
- var dir = dirs[i];
- var def = resolveAsset(vnode.context.$options, 'directives', dir.name, true);
- var fn = def && def[hook];
- if (fn) {
- // only call update if value has changed
- if (isUpdate && oldDirs) {
- var oldValue = dir.oldValue = oldDirs[i].value;
- if (oldValue === dir.value) {
- continue;
- }
- }
- fn(vnode.elm, dir, vnode, oldVnode);
- }
- }
- }
- }
- var ref = {
- create: function create(_, vnode) {
- registerRef(vnode);
- },
- update: function update(oldVnode, vnode) {
- if (oldVnode.data.ref !== vnode.data.ref) {
- registerRef(oldVnode, true);
- registerRef(vnode);
- }
- },
- destroy: function destroy(vnode) {
- registerRef(vnode, true);
- }
- };
- function registerRef(vnode, isRemoval) {
- var key = vnode.data.ref;
- if (!key) return;
- var vm = vnode.context;
- var ref = vnode.child || vnode.elm;
- var refs = vm.$refs;
- if (isRemoval) {
- if (Array.isArray(refs[key])) {
- remove(refs[key], ref);
- } else if (refs[key] === ref) {
- refs[key] = undefined;
- }
- } else {
- if (vnode.data.refInFor) {
- if (Array.isArray(refs[key])) {
- refs[key].push(ref);
- } else {
- refs[key] = [ref];
- }
- } else {
- refs[key] = ref;
- }
- }
- }
- var baseModules = [ref, directives];
- function updateAttrs(oldVnode, vnode) {
- if (!oldVnode.data.attrs && !vnode.data.attrs) {
- return;
- }
- var key = void 0,
- cur = void 0,
- old = void 0;
- var elm = vnode.elm;
- var oldAttrs = oldVnode.data.attrs || {};
- var attrs = vnode.data.attrs || {};
- for (key in attrs) {
- cur = attrs[key];
- old = oldAttrs[key];
- if (old !== cur) {
- setAttr(elm, key, cur);
- }
- }
- for (key in oldAttrs) {
- if (attrs[key] == null) {
- if (isXlink(key)) {
- elm.removeAttributeNS(xlinkNS, getXlinkProp(key));
- } else if (!isEnumeratedAttr(key)) {
- elm.removeAttribute(key);
- }
- }
- }
- }
- function setAttr(el, key, value) {
- if (isBooleanAttr(key)) {
- // set attribute for blank value
- // e.g. <option disabled>Select one</option>
- if (isFalsyAttrValue(value)) {
- el.removeAttribute(key);
- } else {
- el.setAttribute(key, key);
- }
- } else if (isEnumeratedAttr(key)) {
- el.setAttribute(key, isFalsyAttrValue(value) || value === 'false' ? 'false' : 'true');
- } else if (isXlink(key)) {
- if (isFalsyAttrValue(value)) {
- el.removeAttributeNS(xlinkNS, getXlinkProp(key));
- } else {
- el.setAttributeNS(xlinkNS, key, value);
- }
- } else {
- if (isFalsyAttrValue(value)) {
- el.removeAttribute(key);
- } else {
- el.setAttribute(key, value);
- }
- }
- }
- var attrs = {
- create: function create(_, vnode) {
- var attrs = vnode.data.staticAttrs;
- if (attrs) {
- for (var key in attrs) {
- setAttr(vnode.elm, key, attrs[key]);
- }
- }
- updateAttrs(_, vnode);
- },
- update: updateAttrs
- };
- function updateClass(oldVnode, vnode) {
- var el = vnode.elm;
- var data = vnode.data;
- if (!data.staticClass && !data.class) {
- return;
- }
- var cls = genClassForVnode(vnode);
- // handle transition classes
- var transitionClass = el._transitionClasses;
- if (transitionClass) {
- cls = concat(cls, stringifyClass(transitionClass));
- }
- // set the class
- if (cls !== el._prevClass) {
- el.setAttribute('class', cls);
- el._prevClass = cls;
- }
- }
- var klass = {
- create: updateClass,
- update: updateClass
- };
- function updateDOMListeners(oldVnode, vnode) {
- if (!oldVnode.data.on && !vnode.data.on) {
- return;
- }
- var on = vnode.data.on || {};
- var oldOn = oldVnode.data.on || {};
- var add = vnode.elm._v_add || (vnode.elm._v_add = function (event, handler, capture) {
- vnode.elm.addEventListener(event, handler, capture);
- });
- var remove = vnode.elm._v_remove || (vnode.elm._v_remove = function (event, handler) {
- vnode.elm.removeEventListener(event, handler);
- });
- updateListeners(on, oldOn, add, remove);
- }
- var events = {
- create: updateDOMListeners,
- update: updateDOMListeners
- };
- function updateProps(oldVnode, vnode) {
- if (!oldVnode.data.props && !vnode.data.props) {
- return;
- }
- var key = void 0,
- cur = void 0;
- var elm = vnode.elm;
- var oldProps = oldVnode.data.props || {};
- var props = vnode.data.props || {};
- for (key in oldProps) {
- if (props[key] == null) {
- elm[key] = undefined;
- }
- }
- for (key in props) {
- cur = props[key];
- if (key === 'value') {
- // store value as _value as well since
- // non-string values will be stringified
- elm._value = cur;
- // avoid resetting cursor position when value is the same
- if (elm.value != cur) {
- // eslint-disable-line
- elm.value = cur;
- }
- } else {
- elm[key] = cur;
- }
- }
- }
- var props = {
- create: updateProps,
- update: updateProps
- };
- var prefixes = ['Webkit', 'Moz', 'ms'];
- var testEl = void 0;
- var normalize = cached(function (prop) {
- testEl = testEl || document.createElement('div');
- prop = camelize(prop);
- if (prop !== 'filter' && prop in testEl.style) {
- return prop;
- }
- var upper = prop.charAt(0).toUpperCase() + prop.slice(1);
- for (var i = 0; i < prefixes.length; i++) {
- var prefixed = prefixes[i] + upper;
- if (prefixed in testEl.style) {
- return prefixed;
- }
- }
- });
- function updateStyle(oldVnode, vnode) {
- if (!oldVnode.data.style && !vnode.data.style) {
- return;
- }
- var cur = void 0,
- name = void 0;
- var elm = vnode.elm;
- var oldStyle = oldVnode.data.style || {};
- var style = vnode.data.style || {};
- // handle array syntax
- if (Array.isArray(style)) {
- style = vnode.data.style = toObject(style);
- }
- for (name in oldStyle) {
- if (!style[name]) {
- elm.style[normalize(name)] = '';
- }
- }
- for (name in style) {
- cur = style[name];
- if (cur !== oldStyle[name]) {
- // ie9 setting to null has no effect, must use empty string
- elm.style[normalize(name)] = cur || '';
- }
- }
- // clone the style for future updates,
- // in case the user mutates the style object in-place.
- vnode.data.style = extend({}, style);
- }
- var style = {
- create: updateStyle,
- update: updateStyle
- };
- /**
- * Add class with compatibility for SVG since classList is not supported on
- * SVG elements in IE
- */
- function addClass(el, cls) {
- /* istanbul ignore else */
- if (el.classList) {
- if (cls.indexOf(' ') > -1) {
- cls.split(/\s+/).forEach(function (c) {
- return el.classList.add(c);
- });
- } else {
- el.classList.add(cls);
- }
- } else {
- var cur = ' ' + el.getAttribute('class') + ' ';
- if (cur.indexOf(' ' + cls + ' ') < 0) {
- el.setAttribute('class', (cur + cls).trim());
- }
- }
- }
- /**
- * Remove class with compatibility for SVG since classList is not supported on
- * SVG elements in IE
- */
- function removeClass(el, cls) {
- /* istanbul ignore else */
- if (el.classList) {
- if (cls.indexOf(' ') > -1) {
- cls.split(/\s+/).forEach(function (c) {
- return el.classList.remove(c);
- });
- } else {
- el.classList.remove(cls);
- }
- } else {
- var cur = ' ' + el.getAttribute('class') + ' ';
- var tar = ' ' + cls + ' ';
- while (cur.indexOf(tar) >= 0) {
- cur = cur.replace(tar, ' ');
- }
- el.setAttribute('class', cur.trim());
- }
- }
- var hasTransition = inBrowser && !isIE9;
- var TRANSITION = 'transition';
- var ANIMATION = 'animation';
- // Transition property/event sniffing
- var transitionProp = 'transition';
- var transitionEndEvent = 'transitionend';
- var animationProp = 'animation';
- var animationEndEvent = 'animationend';
- if (hasTransition) {
- /* istanbul ignore if */
- if (window.ontransitionend === undefined && window.onwebkittransitionend !== undefined) {
- transitionProp = 'WebkitTransition';
- transitionEndEvent = 'webkitTransitionEnd';
- }
- if (window.onanimationend === undefined && window.onwebkitanimationend !== undefined) {
- animationProp = 'WebkitAnimation';
- animationEndEvent = 'webkitAnimationEnd';
- }
- }
- var raf = inBrowser && window.requestAnimationFrame || setTimeout;
- function nextFrame(fn) {
- raf(function () {
- raf(fn);
- });
- }
- function enter(vnode) {
- var el = vnode.elm;
- var vm = vnode.context;
- // call leave callback now
- if (el._leaveCb) {
- el._leaveCb.cancelled = true;
- el._leaveCb();
- }
- var data = vnode.data.transition;
- if (!data) {
- return;
- }
- var _resolveTransition = resolveTransition(data, vnode.context);
- var css = _resolveTransition.css;
- var appear = _resolveTransition.appear;
- var enterClass = _resolveTransition.enterClass;
- var enterActiveClass = _resolveTransition.enterActiveClass;
- var appearClass = _resolveTransition.appearClass;
- var appearActiveClass = _resolveTransition.appearActiveClass;
- var beforeEnter = _resolveTransition.beforeEnter;
- var onEnter = _resolveTransition.onEnter;
- var afterEnter = _resolveTransition.afterEnter;
- var enterCancelled = _resolveTransition.enterCancelled;
- var beforeAppear = _resolveTransition.beforeAppear;
- var onAppear = _resolveTransition.onAppear;
- var afterAppear = _resolveTransition.afterAppear;
- var appearCancelled = _resolveTransition.appearCancelled;
- var isAppear = !vnode.context.$root._isMounted;
- if (isAppear && !appear && appear !== '') {
- return;
- }
- var startClass = isAppear ? appearClass : enterClass;
- var activeClass = isAppear ? appearActiveClass : enterActiveClass;
- var beforeEnterHook = isAppear ? beforeAppear || beforeEnter : beforeEnter;
- var enterHook = isAppear ? onAppear || onEnter : onEnter;
- var afterEnterHook = isAppear ? afterAppear || afterEnter : afterEnter;
- var enterCancelledHook = isAppear ? appearCancelled || enterCancelled : enterCancelled;
- var expectsCSS = css !== false;
- var userWantsControl = enterHook && enterHook.length > 2;
- var cb = el._enterCb = once(function () {
- if (expectsCSS) {
- removeTransitionClass(el, activeClass);
- }
- if (cb.cancelled) {
- if (expectsCSS) {
- removeTransitionClass(el, startClass);
- }
- enterCancelledHook && enterCancelledHook(el, vm);
- } else {
- afterEnterHook && afterEnterHook(el, vm);
- }
- el._enterCb = null;
- });
- beforeEnterHook && beforeEnterHook(el, vm);
- if (expectsCSS) {
- addTransitionClass(el, startClass);
- addTransitionClass(el, activeClass);
- nextFrame(function () {
- removeTransitionClass(el, startClass);
- if (!cb.cancelled && !userWantsControl) {
- whenTransitionEnds(el, cb);
- }
- });
- }
- enterHook && enterHook(el, vm, cb);
- if (!expectsCSS && !userWantsControl) {
- cb();
- }
- }
- function leave(vnode, rm) {
- var el = vnode.elm;
- var vm = vnode.context;
- // call enter callback now
- if (el._enterCb) {
- el._enterCb.cancelled = true;
- el._enterCb();
- }
- var data = vnode.data.transition;
- if (!data) {
- return rm();
- }
- var _resolveTransition2 = resolveTransition(data, vnode.context);
- var css = _resolveTransition2.css;
- var leaveClass = _resolveTransition2.leaveClass;
- var leaveActiveClass = _resolveTransition2.leaveActiveClass;
- var beforeLeave = _resolveTransition2.beforeLeave;
- var onLeave = _resolveTransition2.onLeave;
- var afterLeave = _resolveTransition2.afterLeave;
- var leaveCancelled = _resolveTransition2.leaveCancelled;
- var delayLeave = _resolveTransition2.delayLeave;
- var expectsCSS = css !== false;
- var userWantsControl = onLeave && onLeave.length > 2;
- var cb = el._leaveCb = once(function () {
- if (expectsCSS) {
- removeTransitionClass(el, leaveActiveClass);
- }
- if (cb.cancelled) {
- if (expectsCSS) {
- removeTransitionClass(el, leaveClass);
- }
- leaveCancelled && leaveCancelled(el, vm);
- } else {
- rm();
- afterLeave && afterLeave(el, vm);
- }
- el._leaveCb = null;
- });
- if (delayLeave) {
- delayLeave(performLeave);
- } else {
- performLeave();
- }
- function performLeave() {
- beforeLeave && beforeLeave(el, vm);
- if (expectsCSS) {
- addTransitionClass(el, leaveClass);
- addTransitionClass(el, leaveActiveClass);
- nextFrame(function () {
- removeTransitionClass(el, leaveClass);
- if (!cb.cancelled && !userWantsControl) {
- whenTransitionEnds(el, cb);
- }
- });
- }
- onLeave && onLeave(el, vm, cb);
- if (!expectsCSS && !userWantsControl) {
- cb();
- }
- }
- }
- function resolveTransition(id, context) {
- var def = void 0;
- if (id && typeof id === 'string') {
- def = resolveAsset(context.$options, 'transitions', id);
- return def ? ensureTransitionClasses(def.name || id, def) : autoCssTransition(id);
- } else if (typeof id === 'object') {
- // inline transition object
- if (id.name) {
- def = resolveAsset(context.$options, 'transitions', id.name);
- }
- def = def ? extend(ensureTransitionClasses(id.name, def), id) : ensureTransitionClasses(id.name, id);
- // extra hooks to be merged
- // added by <transition-control>
- if (id.hooks) {
- for (var key in id.hooks) {
- mergeHook$2(def, key, id.hooks[key]);
- }
- }
- return def;
- } else {
- return autoCssTransition('v');
- }
- }
- function ensureTransitionClasses(name, def) {
- name = name || 'v';
- var res = {};
- if (def.css !== false) {
- extend(res, autoCssTransition(name));
- }
- extend(res, def);
- return res;
- }
- var autoCssTransition = cached(function (name) {
- return {
- enterClass: name + '-enter',
- leaveClass: name + '-leave',
- appearClass: name + '-enter',
- enterActiveClass: name + '-enter-active',
- leaveActiveClass: name + '-leave-active',
- appearActiveClass: name + '-enter-active'
- };
- });
- function mergeHook$2(def, key, hook) {
- var oldHook = def[key];
- if (oldHook) {
- def[key] = function () {
- oldHook.apply(this, arguments);
- hook();
- };
- } else {
- def[key] = hook;
- }
- }
- function addTransitionClass(el, cls) {
- (el._transitionClasses || (el._transitionClasses = [])).push(cls);
- addClass(el, cls);
- }
- function removeTransitionClass(el, cls) {
- remove(el._transitionClasses, cls);
- removeClass(el, cls);
- }
- function whenTransitionEnds(el, cb) {
- var _getTransitionInfo = getTransitionInfo(el);
- var type = _getTransitionInfo.type;
- var timeout = _getTransitionInfo.timeout;
- var propCount = _getTransitionInfo.propCount;
- if (!type) return cb();
- var event = type === TRANSITION ? transitionEndEvent : animationEndEvent;
- var ended = 0;
- var end = function end() {
- el.removeEventListener(event, onEnd);
- cb();
- };
- var onEnd = function onEnd() {
- if (++ended >= propCount) {
- end();
- }
- };
- setTimeout(function () {
- if (ended < propCount) {
- end();
- }
- }, timeout + 1);
- el.addEventListener(event, onEnd);
- }
- function getTransitionInfo(el) {
- var styles = window.getComputedStyle(el);
- // 1. determine the maximum duration (timeout)
- var transitioneDelays = styles[transitionProp + 'Delay'].split(', ');
- var transitionDurations = styles[transitionProp + 'Duration'].split(', ');
- var animationDelays = styles[animationProp + 'Delay'].split(', ');
- var animationDurations = styles[animationProp + 'Duration'].split(', ');
- var transitionTimeout = getTimeout(transitioneDelays, transitionDurations);
- var animationTimeout = getTimeout(animationDelays, animationDurations);
- var timeout = Math.max(transitionTimeout, animationTimeout);
- var type = timeout > 0 ? transitionTimeout > animationTimeout ? TRANSITION : ANIMATION : null;
- var propCount = type ? type === TRANSITION ? transitionDurations.length : animationDurations.length : 0;
- return {
- type: type,
- timeout: timeout,
- propCount: propCount
- };
- }
- function getTimeout(delays, durations) {
- return Math.max.apply(null, durations.map(function (d, i) {
- return toMs(d) + toMs(delays[i]);
- }));
- }
- function toMs(s) {
- return Number(s.slice(0, -1)) * 1000;
- }
- function once(fn) {
- var called = false;
- return function () {
- if (!called) {
- called = true;
- fn();
- }
- };
- }
- function shouldSkipTransition(vnode) {
- return !!(
- // if this is a component root node and the compoennt's
- // parent container node also has transition, skip.
- vnode.parent && vnode.parent.data.transition ||
- // if the element has v-show, let the runtime directive
- // call the hooks instead
- vnode.data.show);
- }
- var transition = hasTransition ? {
- create: function create(_, vnode) {
- if (!shouldSkipTransition(vnode)) {
- enter(vnode);
- }
- },
- remove: function remove(vnode, rm) {
- if (!shouldSkipTransition(vnode)) {
- leave(vnode, rm);
- } else {
- rm();
- }
- }
- } : {};
- var platformModules = [attrs, klass, events, props, style, transition];
- // the directive module should be applied last, after all
- // built-in modules have been applied.
- var modules = platformModules.concat(baseModules);
- var patch = createPatchFunction({ nodeOps: nodeOps, modules: modules });
- var modelableTagRE = /^input|select|textarea|vue-component-[0-9]+(-[0-9a-zA-Z_\-]*)?$/;
- /* istanbul ignore if */
- if (isIE9) {
- // http://www.matts411.com/post/internet-explorer-9-oninput/
- document.addEventListener('selectionchange', function () {
- var el = document.activeElement;
- if (el && el.vmodel) {
- trigger(el, 'input');
- }
- });
- }
- var model = {
- bind: function bind(el, binding, vnode) {
- if (process.env.NODE_ENV !== 'production') {
- if (!modelableTagRE.test(vnode.tag)) {
- warn('v-model is not supported on element type: <' + vnode.tag + '>. ' + 'If you are working with contenteditable, it\'s recommended to ' + 'wrap a library dedicated for that purpose inside a custom component.', vnode.context);
- }
- }
- if (vnode.tag === 'select') {
- setSelected(el, binding.value);
- } else {
- if (!isAndroid) {
- el.addEventListener('compositionstart', onCompositionStart);
- el.addEventListener('compositionend', onCompositionEnd);
- }
- /* istanbul ignore if */
- if (isIE9) {
- el.vmodel = true;
- }
- }
- },
- postupdate: function postupdate(el, binding, vnode) {
- var val = binding.value;
- if (vnode.tag === 'select') {
- setSelected(el, val);
- // in case the options rendered by v-for have changed,
- // it's possible that the value is out-of-sync with the rendered options.
- // detect such cases and filter out values that no longer has a matchig
- // option in the DOM.
- var needReset = el.multiple ? val.some(function (v) {
- return hasNoMatchingOption(v, el.options);
- }) : hasNoMatchingOption(val, el.options);
- if (needReset) {
- trigger(el, 'change');
- }
- }
- }
- };
- function setSelected(el, value) {
- var isMultiple = el.multiple;
- if (!isMultiple) {
- el.selectedIndex = -1;
- }
- for (var i = 0, l = el.options.length; i < l; i++) {
- var option = el.options[i];
- if (isMultiple) {
- option.selected = value.indexOf(getValue(option)) > -1;
- } else {
- if (getValue(option) === value) {
- el.selectedIndex = i;
- break;
- }
- }
- }
- }
- function hasNoMatchingOption(value, options) {
- for (var i = 0, l = options.length; i < l; i++) {
- if (getValue(options[i]) === value) {
- return false;
- }
- }
- return true;
- }
- function getValue(option) {
- return '_value' in option ? option._value : option.value || option.text;
- }
- function onCompositionStart(e) {
- e.target.composing = true;
- }
- function onCompositionEnd(e) {
- e.target.composing = false;
- trigger(e.target, 'input');
- }
- function trigger(el, type) {
- var e = document.createEvent('HTMLEvents');
- e.initEvent(type, true, true);
- el.dispatchEvent(e);
- }
- var show = {
- bind: function bind(el, _ref, vnode) {
- var value = _ref.value;
- var transition = getTransition(vnode);
- if (value && transition && transition.appear && !isIE9) {
- enter(vnode);
- }
- el.style.display = value ? '' : 'none';
- },
- update: function update(el, _ref2, vnode) {
- var value = _ref2.value;
- var transition = getTransition(vnode);
- if (transition && !isIE9) {
- if (value) {
- enter(vnode);
- el.style.display = '';
- } else {
- leave(vnode, function () {
- el.style.display = 'none';
- });
- }
- } else {
- el.style.display = value ? '' : 'none';
- }
- }
- };
- function getTransition(vnode) {
- var parent = vnode.parent;
- return parent && parent.data.transition != null ? parent.data.transition : vnode.data.transition;
- }
- var platformDirectives = {
- model: model,
- show: show
- };
- var TransitionControl = {
- name: 'transition-control',
- _abstract: true,
- props: {
- child: Object,
- mode: {
- validator: function validator(val) {
- /* istanbul ignore if */
- if (val && val !== 'out-in' && val !== 'in-out') {
- warn('transition-mode must be either "out-in" or "in-out".');
- return false;
- }
- return true;
- }
- }
- },
- render: function render() {
- var _this = this;
- var oldChild = this._vnode;
- var newChild = this.child;
- if (oldChild && oldChild.data && (oldChild.tag !== newChild.tag || oldChild.key !== newChild.key)) {
- if (this.mode === 'out-in') {
- // return empty node
- // and queue an update when the leave finishes
- return addHook(oldChild, {
- afterLeave: function afterLeave() {
- _this.$forceUpdate();
- }
- });
- } else if (this.mode === 'in-out') {
- (function () {
- var delayedLeave = void 0;
- var performLeave = function performLeave() {
- delayedLeave();
- };
- addHook(newChild, {
- afterEnter: performLeave,
- enterCancelled: performLeave
- });
- addHook(oldChild, {
- delayLeave: function delayLeave(leave) {
- delayedLeave = leave;
- }
- });
- })();
- }
- }
- return newChild;
- }
- };
- function addHook(vnode, hooks) {
- /* istanbul ignore if */
- if (!vnode.data || !vnode.data.transition) {
- return;
- }
- var trans = vnode.data.transition;
- /* istanbul ignore else */
- if (typeof trans === 'string') {
- trans = vnode.data.transition = { name: trans };
- } else if (typeof trans !== 'object') {
- trans = vnode.data.transition = { name: 'v' };
- }
- trans.hooks = hooks;
- }
- var platformComponents = {
- TransitionControl: TransitionControl
- };
- // install platform specific utils
- Vue.config.isUnknownElement = isUnknownElement;
- Vue.config.isReservedTag = isReservedTag;
- Vue.config.getTagNamespace = getTagNamespace;
- Vue.config.mustUseProp = mustUseProp;
- // install platform runtime directives & components
- extend(Vue.options.directives, platformDirectives);
- extend(Vue.options.components, platformComponents);
- // install platform patch function
- Vue.prototype.__patch__ = config._isServer ? noop : patch;
- // wrap mount
- Vue.prototype.$mount = function (el, hydrating) {
- el = el && !config._isServer ? query(el) : undefined;
- return this._mount(el, hydrating);
- };
- // devtools global hook
- /* istanbul ignore next */
- setTimeout(function () {
- if (config.devtools) {
- if (devtools) {
- devtools.emit('init', Vue);
- } else if (process.env.NODE_ENV !== 'production' && inBrowser && /Chrome\/\d+/.test(window.navigator.userAgent)) {
- console.log('Download the Vue Devtools for a better development experience:\n' + 'https://github.com/vuejs/vue-devtools');
- }
- }
- }, 0);
- module.exports = Vue;
|