|
|
|
(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.snabbdom = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
|
|
|
var VNode = require('./vnode');
|
|
|
|
var is = require('./is');
|
|
|
|
|
|
|
|
function addNS(data, children, sel) {
|
|
|
|
data.ns = 'http://www.w3.org/2000/svg';
|
|
|
|
|
|
|
|
if (sel !== 'foreignObject' && children !== undefined) {
|
|
|
|
for (var i = 0; i < children.length; ++i) {
|
|
|
|
addNS(children[i].data, children[i].children, children[i].sel);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
module.exports = function h(sel, b, c) {
|
|
|
|
var data = {}, children, text, i;
|
|
|
|
if (c !== undefined) {
|
|
|
|
data = b;
|
|
|
|
if (is.array(c)) { children = c; }
|
|
|
|
else if (is.primitive(c)) { text = c; }
|
|
|
|
} else if (b !== undefined) {
|
|
|
|
if (is.array(b)) { children = b; }
|
|
|
|
else if (is.primitive(b)) { text = b; }
|
|
|
|
else { data = b; }
|
|
|
|
}
|
|
|
|
if (is.array(children)) {
|
|
|
|
for (i = 0; i < children.length; ++i) {
|
|
|
|
if (is.primitive(children[i])) children[i] = VNode(undefined, undefined, undefined, children[i]);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (sel[0] === 's' && sel[1] === 'v' && sel[2] === 'g') {
|
|
|
|
addNS(data, children, sel);
|
|
|
|
}
|
|
|
|
return VNode(sel, data, children, text, undefined);
|
|
|
|
};
|
|
|
|
|
|
|
|
},{"./is":3,"./vnode":11}],2:[function(require,module,exports){
|
|
|
|
function createElement(tagName){
|
|
|
|
return document.createElement(tagName);
|
|
|
|
}
|
|
|
|
|
|
|
|
function createElementNS(namespaceURI, qualifiedName){
|
|
|
|
return document.createElementNS(namespaceURI, qualifiedName);
|
|
|
|
}
|
|
|
|
|
|
|
|
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.parentElement;
|
|
|
|
}
|
|
|
|
|
|
|
|
function nextSibling(node){
|
|
|
|
return node.nextSibling;
|
|
|
|
}
|
|
|
|
|
|
|
|
function tagName(node){
|
|
|
|
return node.tagName;
|
|
|
|
}
|
|
|
|
|
|
|
|
function setTextContent(node, text){
|
|
|
|
node.textContent = text;
|
|
|
|
}
|
|
|
|
|
|
|
|
module.exports = {
|
|
|
|
createElement: createElement,
|
|
|
|
createElementNS: createElementNS,
|
|
|
|
createTextNode: createTextNode,
|
|
|
|
appendChild: appendChild,
|
|
|
|
removeChild: removeChild,
|
|
|
|
insertBefore: insertBefore,
|
|
|
|
parentNode: parentNode,
|
|
|
|
nextSibling: nextSibling,
|
|
|
|
tagName: tagName,
|
|
|
|
setTextContent: setTextContent
|
|
|
|
};
|
|
|
|
|
|
|
|
},{}],3:[function(require,module,exports){
|
|
|
|
module.exports = {
|
|
|
|
array: Array.isArray,
|
|
|
|
primitive: function(s) { return typeof s === 'string' || typeof s === 'number'; },
|
|
|
|
};
|
|
|
|
|
|
|
|
},{}],4:[function(require,module,exports){
|
|
|
|
var NamespaceURIs = {
|
|
|
|
"xlink": "http://www.w3.org/1999/xlink"
|
|
|
|
};
|
|
|
|
|
|
|
|
var booleanAttrs = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "compact", "controls", "declare",
|
|
|
|
"default", "defaultchecked", "defaultmuted", "defaultselected", "defer", "disabled", "draggable",
|
|
|
|
"enabled", "formnovalidate", "hidden", "indeterminate", "inert", "ismap", "itemscope", "loop", "multiple",
|
|
|
|
"muted", "nohref", "noresize", "noshade", "novalidate", "nowrap", "open", "pauseonexit", "readonly",
|
|
|
|
"required", "reversed", "scoped", "seamless", "selected", "sortable", "spellcheck", "translate",
|
|
|
|
"truespeed", "typemustmatch", "visible"];
|
|
|
|
|
|
|
|
var booleanAttrsDict = Object.create(null);
|
|
|
|
for(var i=0, len = booleanAttrs.length; i < len; i++) {
|
|
|
|
booleanAttrsDict[booleanAttrs[i]] = true;
|
|
|
|
}
|
|
|
|
|
|
|
|
function updateAttrs(oldVnode, vnode) {
|
|
|
|
var key, cur, old, elm = vnode.elm,
|
|
|
|
oldAttrs = oldVnode.data.attrs, attrs = vnode.data.attrs, namespaceSplit;
|
|
|
|
|
|
|
|
if (!oldAttrs && !attrs) return;
|
|
|
|
oldAttrs = oldAttrs || {};
|
|
|
|
attrs = attrs || {};
|
|
|
|
|
|
|
|
// update modified attributes, add new attributes
|
|
|
|
for (key in attrs) {
|
|
|
|
cur = attrs[key];
|
|
|
|
old = oldAttrs[key];
|
|
|
|
if (old !== cur) {
|
|
|
|
if(!cur && booleanAttrsDict[key])
|
|
|
|
elm.removeAttribute(key);
|
|
|
|
else {
|
|
|
|
namespaceSplit = key.split(":");
|
|
|
|
if(namespaceSplit.length > 1 && NamespaceURIs.hasOwnProperty(namespaceSplit[0]))
|
|
|
|
elm.setAttributeNS(NamespaceURIs[namespaceSplit[0]], key, cur);
|
|
|
|
else
|
|
|
|
elm.setAttribute(key, cur);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//remove removed attributes
|
|
|
|
// use `in` operator since the previous `for` iteration uses it (.i.e. add even attributes with undefined value)
|
|
|
|
// the other option is to remove all attributes with value == undefined
|
|
|
|
for (key in oldAttrs) {
|
|
|
|
if (!(key in attrs)) {
|
|
|
|
elm.removeAttribute(key);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
module.exports = {create: updateAttrs, update: updateAttrs};
|
|
|
|
|
|
|
|
},{}],5:[function(require,module,exports){
|
|
|
|
function updateClass(oldVnode, vnode) {
|
|
|
|
var cur, name, elm = vnode.elm,
|
|
|
|
oldClass = oldVnode.data.class,
|
|
|
|
klass = vnode.data.class;
|
|
|
|
|
|
|
|
if (!oldClass && !klass) return;
|
|
|
|
oldClass = oldClass || {};
|
|
|
|
klass = klass || {};
|
|
|
|
|
|
|
|
for (name in oldClass) {
|
|
|
|
if (!klass[name]) {
|
|
|
|
elm.classList.remove(name);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
for (name in klass) {
|
|
|
|
cur = klass[name];
|
|
|
|
if (cur !== oldClass[name]) {
|
|
|
|
elm.classList[cur ? 'add' : 'remove'](name);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
module.exports = {create: updateClass, update: updateClass};
|
|
|
|
|
|
|
|
},{}],6:[function(require,module,exports){
|
|
|
|
function invokeHandler(handler, vnode, event) {
|
|
|
|
if (typeof handler === "function") {
|
|
|
|
// call function handler
|
|
|
|
handler.call(vnode, event, vnode);
|
|
|
|
} else if (typeof handler === "object") {
|
|
|
|
// call handler with arguments
|
|
|
|
if (typeof handler[0] === "function") {
|
|
|
|
// special case for single argument for performance
|
|
|
|
if (handler.length === 2) {
|
|
|
|
handler[0].call(vnode, handler[1], event, vnode);
|
|
|
|
} else {
|
|
|
|
var args = handler.slice(1);
|
|
|
|
args.push(event);
|
|
|
|
args.push(vnode);
|
|
|
|
handler[0].apply(vnode, args);
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
// call multiple handlers
|
|
|
|
for (var i = 0; i < handler.length; i++) {
|
|
|
|
invokeHandler(handler[i]);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function handleEvent(event, vnode) {
|
|
|
|
var name = event.type,
|
|
|
|
on = vnode.data.on;
|
|
|
|
|
|
|
|
// call event handler(s) if exists
|
|
|
|
if (on && on[name]) {
|
|
|
|
invokeHandler(on[name], vnode, event);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function createListener() {
|
|
|
|
return function handler(event) {
|
|
|
|
handleEvent(event, handler.vnode);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function updateEventListeners(oldVnode, vnode) {
|
|
|
|
var oldOn = oldVnode.data.on,
|
|
|
|
oldListener = oldVnode.listener,
|
|
|
|
oldElm = oldVnode.elm,
|
|
|
|
on = vnode && vnode.data.on,
|
|
|
|
elm = vnode && vnode.elm,
|
|
|
|
name;
|
|
|
|
|
|
|
|
// optimization for reused immutable handlers
|
|
|
|
if (oldOn === on) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
// remove existing listeners which no longer used
|
|
|
|
if (oldOn && oldListener) {
|
|
|
|
// if element changed or deleted we remove all existing listeners unconditionally
|
|
|
|
if (!on) {
|
|
|
|
for (name in oldOn) {
|
|
|
|
// remove listener if element was changed or existing listeners removed
|
|
|
|
oldElm.removeEventListener(name, oldListener, false);
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
for (name in oldOn) {
|
|
|
|
// remove listener if existing listener removed
|
|
|
|
if (!on[name]) {
|
|
|
|
oldElm.removeEventListener(name, oldListener, false);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// add new listeners which has not already attached
|
|
|
|
if (on) {
|
|
|
|
// reuse existing listener or create new
|
|
|
|
var listener = vnode.listener = oldVnode.listener || createListener();
|
|
|
|
// update vnode for listener
|
|
|
|
listener.vnode = vnode;
|
|
|
|
|
|
|
|
// if element changed or added we add all needed listeners unconditionally
|
|
|
|
if (!oldOn) {
|
|
|
|
for (name in on) {
|
|
|
|
// add listener if element was changed or new listeners added
|
|
|
|
elm.addEventListener(name, listener, false);
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
for (name in on) {
|
|
|
|
// add listener if new listener added
|
|
|
|
if (!oldOn[name]) {
|
|
|
|
elm.addEventListener(name, listener, false);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
module.exports = {
|
|
|
|
create: updateEventListeners,
|
|
|
|
update: updateEventListeners,
|
|
|
|
destroy: updateEventListeners
|
|
|
|
};
|
|
|
|
|
|
|
|
},{}],7:[function(require,module,exports){
|
|
|
|
function updateProps(oldVnode, vnode) {
|
|
|
|
var key, cur, old, elm = vnode.elm,
|
|
|
|
oldProps = oldVnode.data.props, props = vnode.data.props;
|
|
|
|
|
|
|
|
if (!oldProps && !props) return;
|
|
|
|
oldProps = oldProps || {};
|
|
|
|
props = props || {};
|
|
|
|
|
|
|
|
for (key in oldProps) {
|
|
|
|
if (!props[key]) {
|
|
|
|
delete elm[key];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
for (key in props) {
|
|
|
|
cur = props[key];
|
|
|
|
old = oldProps[key];
|
|
|
|
if (old !== cur && (key !== 'value' || elm[key] !== cur)) {
|
|
|
|
elm[key] = cur;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
module.exports = {create: updateProps, update: updateProps};
|
|
|
|
|
|
|
|
},{}],8:[function(require,module,exports){
|
|
|
|
var raf = (typeof window !== 'undefined' && window.requestAnimationFrame) || setTimeout;
|
|
|
|
var nextFrame = function(fn) { raf(function() { raf(fn); }); };
|
|
|
|
|
|
|
|
function setNextFrame(obj, prop, val) {
|
|
|
|
nextFrame(function() { obj[prop] = val; });
|
|
|
|
}
|
|
|
|
|
|
|
|
function updateStyle(oldVnode, vnode) {
|
|
|
|
var cur, name, elm = vnode.elm,
|
|
|
|
oldStyle = oldVnode.data.style,
|
|
|
|
style = vnode.data.style;
|
|
|
|
|
|
|
|
if (!oldStyle && !style) return;
|
|
|
|
oldStyle = oldStyle || {};
|
|
|
|
style = style || {};
|
|
|
|
var oldHasDel = 'delayed' in oldStyle;
|
|
|
|
|
|
|
|
for (name in oldStyle) {
|
|
|
|
if (!style[name]) {
|
|
|
|
elm.style[name] = '';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
for (name in style) {
|
|
|
|
cur = style[name];
|
|
|
|
if (name === 'delayed') {
|
|
|
|
for (name in style.delayed) {
|
|
|
|
cur = style.delayed[name];
|
|
|
|
if (!oldHasDel || cur !== oldStyle.delayed[name]) {
|
|
|
|
setNextFrame(elm.style, name, cur);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else if (name !== 'remove' && cur !== oldStyle[name]) {
|
|
|
|
elm.style[name] = cur;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function applyDestroyStyle(vnode) {
|
|
|
|
var style, name, elm = vnode.elm, s = vnode.data.style;
|
|
|
|
if (!s || !(style = s.destroy)) return;
|
|
|
|
for (name in style) {
|
|
|
|
elm.style[name] = style[name];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function applyRemoveStyle(vnode, rm) {
|
|
|
|
var s = vnode.data.style;
|
|
|
|
if (!s || !s.remove) {
|
|
|
|
rm();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
var name, elm = vnode.elm, idx, i = 0, maxDur = 0,
|
|
|
|
compStyle, style = s.remove, amount = 0, applied = [];
|
|
|
|
for (name in style) {
|
|
|
|
applied.push(name);
|
|
|
|
elm.style[name] = style[name];
|
|
|
|
}
|
|
|
|
compStyle = getComputedStyle(elm);
|
|
|
|
var props = compStyle['transition-property'].split(', ');
|
|
|
|
for (; i < props.length; ++i) {
|
|
|
|
if(applied.indexOf(props[i]) !== -1) amount++;
|
|
|
|
}
|
|
|
|
elm.addEventListener('transitionend', function(ev) {
|
|
|
|
if (ev.target === elm) --amount;
|
|
|
|
if (amount === 0) rm();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
module.exports = {create: updateStyle, update: updateStyle, destroy: applyDestroyStyle, remove: applyRemoveStyle};
|
|
|
|
|
|
|
|
},{}],9:[function(require,module,exports){
|
|
|
|
var snabbdom = require('./snabbdom');
|
|
|
|
var patch = snabbdom.init([ // Init patch function with choosen modules
|
|
|
|
require('./modules/attributes'), // makes it easy to toggle classes
|
|
|
|
require('./modules/class'), // makes it easy to toggle classes
|
|
|
|
require('./modules/props'), // for setting properties on DOM elements
|
|
|
|
require('./modules/style'), // handles styling on elements with support for animations
|
|
|
|
require('./modules/eventlisteners'), // attaches event listeners
|
|
|
|
]);
|
|
|
|
var h = require('./h'); // helper function for creating vnodes
|
|
|
|
|
|
|
|
module.exports = { patch: patch, h: h }
|
|
|
|
|
|
|
|
},{"./h":1,"./modules/attributes":4,"./modules/class":5,"./modules/eventlisteners":6,"./modules/props":7,"./modules/style":8,"./snabbdom":10}],10:[function(require,module,exports){
|
|
|
|
// jshint newcap: false
|
|
|
|
/* global require, module, document, Node */
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
var VNode = require('./vnode');
|
|
|
|
var is = require('./is');
|
|
|
|
var domApi = require('./htmldomapi');
|
|
|
|
|
|
|
|
function isUndef(s) { return s === undefined; }
|
|
|
|
function isDef(s) { return s !== undefined; }
|
|
|
|
|
|
|
|
var emptyNode = VNode('', {}, [], undefined, undefined);
|
|
|
|
|
|
|
|
function sameVnode(vnode1, vnode2) {
|
|
|
|
return vnode1.key === vnode2.key && vnode1.sel === vnode2.sel;
|
|
|
|
}
|
|
|
|
|
|
|
|
function createKeyToOldIdx(children, beginIdx, endIdx) {
|
|
|
|
var i, map = {}, key;
|
|
|
|
for (i = beginIdx; i <= endIdx; ++i) {
|
|
|
|
key = children[i].key;
|
|
|
|
if (isDef(key)) map[key] = i;
|
|
|
|
}
|
|
|
|
return map;
|
|
|
|
}
|
|
|
|
|
|
|
|
var hooks = ['create', 'update', 'remove', 'destroy', 'pre', 'post'];
|
|
|
|
|
|
|
|
function init(modules, api) {
|
|
|
|
var i, j, cbs = {};
|
|
|
|
|
|
|
|
if (isUndef(api)) api = domApi;
|
|
|
|
|
|
|
|
for (i = 0; i < hooks.length; ++i) {
|
|
|
|
cbs[hooks[i]] = [];
|
|
|
|
for (j = 0; j < modules.length; ++j) {
|
|
|
|
if (modules[j][hooks[i]] !== undefined) cbs[hooks[i]].push(modules[j][hooks[i]]);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function emptyNodeAt(elm) {
|
|
|
|
var id = elm.id ? '#' + elm.id : '';
|
|
|
|
var c = elm.className ? '.' + elm.className.split(' ').join('.') : '';
|
|
|
|
return VNode(api.tagName(elm).toLowerCase() + id + c, {}, [], undefined, elm);
|
|
|
|
}
|
|
|
|
|
|
|
|
function createRmCb(childElm, listeners) {
|
|
|
|
return function() {
|
|
|
|
if (--listeners === 0) {
|
|
|
|
var parent = api.parentNode(childElm);
|
|
|
|
api.removeChild(parent, childElm);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function createElm(vnode, insertedVnodeQueue) {
|
|
|
|
var i, data = vnode.data;
|
|
|
|
if (isDef(data)) {
|
|
|
|
if (isDef(i = data.hook) && isDef(i = i.init)) {
|
|
|
|
i(vnode);
|
|
|
|
data = vnode.data;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
var elm, children = vnode.children, sel = vnode.sel;
|
|
|
|
if (isDef(sel)) {
|
|
|
|
// Parse selector
|
|
|
|
var hashIdx = sel.indexOf('#');
|
|
|
|
var dotIdx = sel.indexOf('.', hashIdx);
|
|
|
|
var hash = hashIdx > 0 ? hashIdx : sel.length;
|
|
|
|
var dot = dotIdx > 0 ? dotIdx : sel.length;
|
|
|
|
var tag = hashIdx !== -1 || dotIdx !== -1 ? sel.slice(0, Math.min(hash, dot)) : sel;
|
|
|
|
elm = vnode.elm = isDef(data) && isDef(i = data.ns) ? api.createElementNS(i, tag)
|
|
|
|
: api.createElement(tag);
|
|
|
|
if (hash < dot) elm.id = sel.slice(hash + 1, dot);
|
|
|
|
if (dotIdx > 0) elm.className = sel.slice(dot + 1).replace(/\./g, ' ');
|
|
|
|
if (is.array(children)) {
|
|
|
|
for (i = 0; i < children.length; ++i) {
|
|
|
|
api.appendChild(elm, createElm(children[i], insertedVnodeQueue));
|
|
|
|
}
|
|
|
|
} else if (is.primitive(vnode.text)) {
|
|
|
|
api.appendChild(elm, api.createTextNode(vnode.text));
|
|
|
|
}
|
|
|
|
for (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);
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
elm = vnode.elm = api.createTextNode(vnode.text);
|
|
|
|
}
|
|
|
|
return vnode.elm;
|
|
|
|
}
|
|
|
|
|
|
|
|
function addVnodes(parentElm, before, vnodes, startIdx, endIdx, insertedVnodeQueue) {
|
|
|
|
for (; startIdx <= endIdx; ++startIdx) {
|
|
|
|
api.insertBefore(parentElm, createElm(vnodes[startIdx], insertedVnodeQueue), before);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function invokeDestroyHook(vnode) {
|
|
|
|
var i, j, 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.children)) {
|
|
|
|
for (j = 0; j < vnode.children.length; ++j) {
|
|
|
|
invokeDestroyHook(vnode.children[j]);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function removeVnodes(parentElm, vnodes, startIdx, endIdx) {
|
|
|
|
for (; startIdx <= endIdx; ++startIdx) {
|
|
|
|
var i, listeners, rm, ch = vnodes[startIdx];
|
|
|
|
if (isDef(ch)) {
|
|
|
|
if (isDef(ch.sel)) {
|
|
|
|
invokeDestroyHook(ch);
|
|
|
|
listeners = cbs.remove.length + 1;
|
|
|
|
rm = createRmCb(ch.elm, listeners);
|
|
|
|
for (i = 0; i < cbs.remove.length; ++i) cbs.remove[i](ch, rm);
|
|
|
|
if (isDef(i = ch.data) && isDef(i = i.hook) && isDef(i = i.remove)) {
|
|
|
|
i(ch, rm);
|
|
|
|
} else {
|
|
|
|
rm();
|
|
|
|
}
|
|
|
|
} else { // Text node
|
|
|
|
api.removeChild(parentElm, ch.elm);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function updateChildren(parentElm, oldCh, newCh, insertedVnodeQueue) {
|
|
|
|
var oldStartIdx = 0, 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, idxInOld, elmToMove, before;
|
|
|
|
|
|
|
|
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);
|
|
|
|
api.insertBefore(parentElm, oldStartVnode.elm, api.nextSibling(oldEndVnode.elm));
|
|
|
|
oldStartVnode = oldCh[++oldStartIdx];
|
|
|
|
newEndVnode = newCh[--newEndIdx];
|
|
|
|
} else if (sameVnode(oldEndVnode, newStartVnode)) { // Vnode moved left
|
|
|
|
patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue);
|
|
|
|
api.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
|
|
|
|
api.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);
|
|
|
|
newStartVnode = newCh[++newStartIdx];
|
|
|
|
} else {
|
|
|
|
elmToMove = oldCh[idxInOld];
|
|
|
|
patchVnode(elmToMove, newStartVnode, insertedVnodeQueue);
|
|
|
|
oldCh[idxInOld] = undefined;
|
|
|
|
api.insertBefore(parentElm, elmToMove.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) {
|
|
|
|
var i, hook;
|
|
|
|
if (isDef(i = vnode.data) && isDef(hook = i.hook) && isDef(i = hook.prepatch)) {
|
|
|
|
i(oldVnode, vnode);
|
|
|
|
}
|
|
|
|
var elm = vnode.elm = oldVnode.elm, oldCh = oldVnode.children, ch = vnode.children;
|
|
|
|
if (oldVnode === vnode) return;
|
|
|
|
if (!sameVnode(oldVnode, vnode)) {
|
|
|
|
var parentElm = api.parentNode(oldVnode.elm);
|
|
|
|
elm = createElm(vnode, insertedVnodeQueue);
|
|
|
|
api.insertBefore(parentElm, elm, oldVnode.elm);
|
|
|
|
removeVnodes(parentElm, [oldVnode], 0, 0);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
if (isDef(vnode.data)) {
|
|
|
|
for (i = 0; i < cbs.update.length; ++i) cbs.update[i](oldVnode, vnode);
|
|
|
|
i = vnode.data.hook;
|
|
|
|
if (isDef(i) && isDef(i = i.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)) api.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)) {
|
|
|
|
api.setTextContent(elm, '');
|
|
|
|
}
|
|
|
|
} else if (oldVnode.text !== vnode.text) {
|
|
|
|
api.setTextContent(elm, vnode.text);
|
|
|
|
}
|
|
|
|
if (isDef(hook) && isDef(i = hook.postpatch)) {
|
|
|
|
i(oldVnode, vnode);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return function(oldVnode, vnode) {
|
|
|
|
var i, elm, parent;
|
|
|
|
var insertedVnodeQueue = [];
|
|
|
|
for (i = 0; i < cbs.pre.length; ++i) cbs.pre[i]();
|
|
|
|
|
|
|
|
if (isUndef(oldVnode.sel)) {
|
|
|
|
oldVnode = emptyNodeAt(oldVnode);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (sameVnode(oldVnode, vnode)) {
|
|
|
|
patchVnode(oldVnode, vnode, insertedVnodeQueue);
|
|
|
|
} else {
|
|
|
|
elm = oldVnode.elm;
|
|
|
|
parent = api.parentNode(elm);
|
|
|
|
|
|
|
|
createElm(vnode, insertedVnodeQueue);
|
|
|
|
|
|
|
|
if (parent !== null) {
|
|
|
|
api.insertBefore(parent, vnode.elm, api.nextSibling(elm));
|
|
|
|
removeVnodes(parent, [oldVnode], 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
for (i = 0; i < insertedVnodeQueue.length; ++i) {
|
|
|
|
insertedVnodeQueue[i].data.hook.insert(insertedVnodeQueue[i]);
|
|
|
|
}
|
|
|
|
for (i = 0; i < cbs.post.length; ++i) cbs.post[i]();
|
|
|
|
return vnode;
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
module.exports = {init: init};
|
|
|
|
|
|
|
|
},{"./htmldomapi":2,"./is":3,"./vnode":11}],11:[function(require,module,exports){
|
|
|
|
module.exports = function(sel, data, children, text, elm) {
|
|
|
|
var key = data === undefined ? undefined : data.key;
|
|
|
|
return {sel: sel, data: data, children: children,
|
|
|
|
text: text, elm: elm, key: key};
|
|
|
|
};
|
|
|
|
|
|
|
|
},{}]},{},[9])(9)
|
|
|
|
});
|
|
|
|
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vZGVfbW9kdWxlcy9icm93c2VyLXBhY2svX3ByZWx1ZGUuanMiLCJoLmpzIiwiaHRtbGRvbWFwaS5qcyIsImlzLmpzIiwibW9kdWxlcy9hdHRyaWJ1dGVzLmpzIiwibW9kdWxlcy9jbGFzcy5qcyIsIm1vZHVsZXMvZXZlbnRsaXN0ZW5lcnMuanMiLCJtb2R1bGVzL3Byb3BzLmpzIiwibW9kdWxlcy9zdHlsZS5qcyIsInNuYWJiZG9tLmJ1bmRsZS5qcyIsInNuYWJiZG9tLmpzIiwidm5vZGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUNBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ2xDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUN0REE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNKQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNuREE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ3ZCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDckdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUN2QkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDckVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNYQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUN
|