mirror of https://github.com/sveltejs/svelte
Rich Harris
9 years ago
parent
854a37c0d7
commit
e8b19076dd
@ -1,167 +0,0 @@
|
|||||||
import { createComment, insertNode, detachNode, teardownEach, createElement, addEventListener, removeEventListener, appendNode, createText, dispatchObservers, proto } from "/Users/rharris/Documents/www/SVELTE/svelte/shared.js"
|
|
||||||
|
|
||||||
function renderMainFragment ( root, component ) {
|
|
||||||
var eachBlock_anchor = createComment();
|
|
||||||
var eachBlock_value = root.values;
|
|
||||||
var eachBlock_iterations = [];
|
|
||||||
|
|
||||||
for ( var i = 0; i < eachBlock_value.length; i += 1 ) {
|
|
||||||
eachBlock_iterations[i] = renderEachBlock( root, eachBlock_value, eachBlock_value[i], i, component );
|
|
||||||
}
|
|
||||||
|
|
||||||
var text = createText( "\n\n" );
|
|
||||||
|
|
||||||
var p = createElement( 'p' );
|
|
||||||
|
|
||||||
var last_text1 = root.selected
|
|
||||||
var text1 = createText( last_text1 );
|
|
||||||
appendNode( text1, p );
|
|
||||||
|
|
||||||
return {
|
|
||||||
mount: function ( target, anchor ) {
|
|
||||||
insertNode( eachBlock_anchor, target, anchor );
|
|
||||||
|
|
||||||
for ( var i = 0; i < eachBlock_iterations.length; i += 1 ) {
|
|
||||||
eachBlock_iterations[i].mount( eachBlock_anchor.parentNode, eachBlock_anchor );
|
|
||||||
}
|
|
||||||
|
|
||||||
insertNode( text, target, anchor );
|
|
||||||
insertNode( p, target, anchor );
|
|
||||||
},
|
|
||||||
|
|
||||||
update: function ( changed, root ) {
|
|
||||||
var __tmp;
|
|
||||||
|
|
||||||
var eachBlock_value = root.values;
|
|
||||||
|
|
||||||
for ( var i = 0; i < eachBlock_value.length; i += 1 ) {
|
|
||||||
if ( !eachBlock_iterations[i] ) {
|
|
||||||
eachBlock_iterations[i] = renderEachBlock( root, eachBlock_value, eachBlock_value[i], i, component );
|
|
||||||
eachBlock_iterations[i].mount( eachBlock_anchor.parentNode, eachBlock_anchor );
|
|
||||||
} else {
|
|
||||||
eachBlock_iterations[i].update( changed, root, eachBlock_value, eachBlock_value[i], i );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
teardownEach( eachBlock_iterations, true, eachBlock_value.length );
|
|
||||||
|
|
||||||
eachBlock_iterations.length = eachBlock_value.length;
|
|
||||||
|
|
||||||
if ( ( __tmp = root.selected ) !== last_text1 ) {
|
|
||||||
text1.data = last_text1 = __tmp;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
teardown: function ( detach ) {
|
|
||||||
teardownEach( eachBlock_iterations, detach );
|
|
||||||
|
|
||||||
if ( detach ) {
|
|
||||||
detachNode( eachBlock_anchor );
|
|
||||||
detachNode( text );
|
|
||||||
detachNode( p );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderEachBlock ( root, eachBlock_value, value, value__index, component ) {
|
|
||||||
var label = createElement( 'label' );
|
|
||||||
|
|
||||||
var input = createElement( 'input' );
|
|
||||||
input.type = "checkbox";
|
|
||||||
var last_input_value = value;
|
|
||||||
input.value = input.__value = last_input_value;
|
|
||||||
|
|
||||||
var input_updating = false;
|
|
||||||
|
|
||||||
function inputChangeHandler () {
|
|
||||||
input_updating = true;
|
|
||||||
component._set({ selected: getBindingGroupValue( component._bindingGroups[0] ) });
|
|
||||||
input_updating = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
addEventListener( input, 'change', inputChangeHandler );
|
|
||||||
|
|
||||||
appendNode( input, label );
|
|
||||||
|
|
||||||
input.group = root.selected;
|
|
||||||
|
|
||||||
appendNode( createText( " " ), label );
|
|
||||||
var last_text1 = value
|
|
||||||
var text1 = createText( last_text1 );
|
|
||||||
appendNode( text1, label );
|
|
||||||
|
|
||||||
return {
|
|
||||||
mount: function ( target, anchor ) {
|
|
||||||
insertNode( label, target, anchor );
|
|
||||||
},
|
|
||||||
|
|
||||||
update: function ( changed, root, eachBlock_value, value, value__index ) {
|
|
||||||
var __tmp;
|
|
||||||
|
|
||||||
if ( ( __tmp = value ) !== last_input_value ) {
|
|
||||||
last_input_value = __tmp;
|
|
||||||
input.value = input.__value = last_input_value;
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( !input_updating ) {
|
|
||||||
input.checked = root.selected.indexOf( last_input_value ) !== -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( ( __tmp = value ) !== last_text1 ) {
|
|
||||||
text1.data = last_text1 = __tmp;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
teardown: function ( detach ) {
|
|
||||||
removeEventListener( input, 'change', inputChangeHandler );
|
|
||||||
|
|
||||||
if ( detach ) {
|
|
||||||
detachNode( label );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function SvelteComponent ( options ) {
|
|
||||||
options = options || {};
|
|
||||||
this._state = options.data || {};
|
|
||||||
|
|
||||||
this._observers = {
|
|
||||||
pre: Object.create( null ),
|
|
||||||
post: Object.create( null )
|
|
||||||
};
|
|
||||||
|
|
||||||
this._handlers = Object.create( null );
|
|
||||||
|
|
||||||
this._root = options._root;
|
|
||||||
this._yield = options._yield;
|
|
||||||
|
|
||||||
this._torndown = false;
|
|
||||||
|
|
||||||
this._fragment = renderMainFragment( this._state, this );
|
|
||||||
if ( options.target ) this._fragment.mount( options.target, null );
|
|
||||||
}
|
|
||||||
|
|
||||||
SvelteComponent.prototype = Object.assign( {}, proto );
|
|
||||||
|
|
||||||
SvelteComponent.prototype._set = function _set ( newState ) {
|
|
||||||
var oldState = this._state;
|
|
||||||
this._state = Object.assign( {}, oldState, newState );
|
|
||||||
|
|
||||||
dispatchObservers( this, this._observers.pre, newState, oldState );
|
|
||||||
if ( this._fragment ) this._fragment.update( newState, this._state );
|
|
||||||
dispatchObservers( this, this._observers.post, newState, oldState );
|
|
||||||
};
|
|
||||||
|
|
||||||
SvelteComponent.prototype.teardown = SvelteComponent.prototype.destroy = function destroy ( detach ) {
|
|
||||||
this.fire( 'destroy' );
|
|
||||||
|
|
||||||
this._fragment.teardown( detach !== false );
|
|
||||||
this._fragment = null;
|
|
||||||
|
|
||||||
this._state = {};
|
|
||||||
this._torndown = true;
|
|
||||||
};
|
|
||||||
|
|
||||||
export default SvelteComponent;
|
|
||||||
Loading…
Reference in new issue