192 lines
6.6 KiB
JavaScript
192 lines
6.6 KiB
JavaScript
// Compiled by ClojureScript 1.9.946 {}
|
|
goog.provide('reagent.dom');
|
|
goog.require('cljs.core');
|
|
goog.require('cljsjs.react.dom');
|
|
goog.require('reagent.impl.util');
|
|
goog.require('reagent.impl.template');
|
|
goog.require('reagent.impl.batching');
|
|
goog.require('reagent.ratom');
|
|
goog.require('reagent.debug');
|
|
goog.require('reagent.interop');
|
|
if(typeof reagent.dom.imported !== 'undefined'){
|
|
} else {
|
|
reagent.dom.imported = null;
|
|
}
|
|
reagent.dom.module = (function reagent$dom$module(){
|
|
if(!((reagent.dom.imported == null))){
|
|
return reagent.dom.imported;
|
|
} else {
|
|
if(typeof ReactDOM !== 'undefined'){
|
|
return reagent.dom.imported = ReactDOM;
|
|
} else {
|
|
if(typeof require !== 'undefined'){
|
|
var or__35498__auto__ = reagent.dom.imported = require("react-dom");
|
|
if(cljs.core.truth_(or__35498__auto__)){
|
|
return or__35498__auto__;
|
|
} else {
|
|
throw (new Error("require('react-dom') failed"));
|
|
}
|
|
} else {
|
|
throw (new Error("js/ReactDOM is missing"));
|
|
|
|
}
|
|
}
|
|
}
|
|
});
|
|
if(typeof reagent.dom.roots !== 'undefined'){
|
|
} else {
|
|
reagent.dom.roots = cljs.core.atom.call(null,cljs.core.PersistentArrayMap.EMPTY);
|
|
}
|
|
reagent.dom.unmount_comp = (function reagent$dom$unmount_comp(container){
|
|
cljs.core.swap_BANG_.call(null,reagent.dom.roots,cljs.core.dissoc,container);
|
|
|
|
return (reagent.dom.module.call(null)["unmountComponentAtNode"])(container);
|
|
});
|
|
reagent.dom.render_comp = (function reagent$dom$render_comp(comp,container,callback){
|
|
var _STAR_always_update_STAR_37708 = reagent.impl.util._STAR_always_update_STAR_;
|
|
reagent.impl.util._STAR_always_update_STAR_ = true;
|
|
|
|
try{return (reagent.dom.module.call(null)["render"])(comp.call(null),container,((function (_STAR_always_update_STAR_37708){
|
|
return (function (){
|
|
var _STAR_always_update_STAR_37709 = reagent.impl.util._STAR_always_update_STAR_;
|
|
reagent.impl.util._STAR_always_update_STAR_ = false;
|
|
|
|
try{cljs.core.swap_BANG_.call(null,reagent.dom.roots,cljs.core.assoc,container,new cljs.core.PersistentVector(null, 2, 5, cljs.core.PersistentVector.EMPTY_NODE, [comp,container], null));
|
|
|
|
reagent.impl.batching.flush_after_render.call(null);
|
|
|
|
if(!((callback == null))){
|
|
return callback.call(null);
|
|
} else {
|
|
return null;
|
|
}
|
|
}finally {reagent.impl.util._STAR_always_update_STAR_ = _STAR_always_update_STAR_37709;
|
|
}});})(_STAR_always_update_STAR_37708))
|
|
);
|
|
}finally {reagent.impl.util._STAR_always_update_STAR_ = _STAR_always_update_STAR_37708;
|
|
}});
|
|
reagent.dom.re_render_component = (function reagent$dom$re_render_component(comp,container){
|
|
return reagent.dom.render_comp.call(null,comp,container,null);
|
|
});
|
|
/**
|
|
* Render a Reagent component into the DOM. The first argument may be
|
|
* either a vector (using Reagent's Hiccup syntax), or a React element. The second argument should be a DOM node.
|
|
*
|
|
* Optionally takes a callback that is called when the component is in place.
|
|
*
|
|
* Returns the mounted component instance.
|
|
*/
|
|
reagent.dom.render = (function reagent$dom$render(var_args){
|
|
var G__37711 = arguments.length;
|
|
switch (G__37711) {
|
|
case 2:
|
|
return reagent.dom.render.cljs$core$IFn$_invoke$arity$2((arguments[(0)]),(arguments[(1)]));
|
|
|
|
break;
|
|
case 3:
|
|
return reagent.dom.render.cljs$core$IFn$_invoke$arity$3((arguments[(0)]),(arguments[(1)]),(arguments[(2)]));
|
|
|
|
break;
|
|
default:
|
|
throw (new Error(["Invalid arity: ",cljs.core.str.cljs$core$IFn$_invoke$arity$1(arguments.length)].join('')));
|
|
|
|
}
|
|
});
|
|
|
|
reagent.dom.render.cljs$core$IFn$_invoke$arity$2 = (function (comp,container){
|
|
return reagent.dom.render.call(null,comp,container,null);
|
|
});
|
|
|
|
reagent.dom.render.cljs$core$IFn$_invoke$arity$3 = (function (comp,container,callback){
|
|
reagent.ratom.flush_BANG_.call(null);
|
|
|
|
var f = (function (){
|
|
return reagent.impl.template.as_element.call(null,((cljs.core.fn_QMARK_.call(null,comp))?comp.call(null):comp));
|
|
});
|
|
return reagent.dom.render_comp.call(null,f,container,callback);
|
|
});
|
|
|
|
reagent.dom.render.cljs$lang$maxFixedArity = 3;
|
|
|
|
reagent.dom.unmount_component_at_node = (function reagent$dom$unmount_component_at_node(container){
|
|
return reagent.dom.unmount_comp.call(null,container);
|
|
});
|
|
/**
|
|
* Returns the root DOM node of a mounted component.
|
|
*/
|
|
reagent.dom.dom_node = (function reagent$dom$dom_node(this$){
|
|
return (reagent.dom.module.call(null)["findDOMNode"])(this$);
|
|
});
|
|
reagent.impl.template.find_dom_node = reagent.dom.dom_node;
|
|
/**
|
|
* Force re-rendering of all mounted Reagent components. This is
|
|
* probably only useful in a development environment, when you want to
|
|
* update components in response to some dynamic changes to code.
|
|
*
|
|
* Note that force-update-all may not update root components. This
|
|
* happens if a component 'foo' is mounted with `(render [foo])` (since
|
|
* functions are passed by value, and not by reference, in
|
|
* ClojureScript). To get around this you'll have to introduce a layer
|
|
* of indirection, for example by using `(render [#'foo])` instead.
|
|
*/
|
|
reagent.dom.force_update_all = (function reagent$dom$force_update_all(){
|
|
reagent.ratom.flush_BANG_.call(null);
|
|
|
|
var seq__37713_37717 = cljs.core.seq.call(null,cljs.core.vals.call(null,cljs.core.deref.call(null,reagent.dom.roots)));
|
|
var chunk__37714_37718 = null;
|
|
var count__37715_37719 = (0);
|
|
var i__37716_37720 = (0);
|
|
while(true){
|
|
if((i__37716_37720 < count__37715_37719)){
|
|
var v_37721 = cljs.core._nth.call(null,chunk__37714_37718,i__37716_37720);
|
|
cljs.core.apply.call(null,reagent.dom.re_render_component,v_37721);
|
|
|
|
var G__37722 = seq__37713_37717;
|
|
var G__37723 = chunk__37714_37718;
|
|
var G__37724 = count__37715_37719;
|
|
var G__37725 = (i__37716_37720 + (1));
|
|
seq__37713_37717 = G__37722;
|
|
chunk__37714_37718 = G__37723;
|
|
count__37715_37719 = G__37724;
|
|
i__37716_37720 = G__37725;
|
|
continue;
|
|
} else {
|
|
var temp__5457__auto___37726 = cljs.core.seq.call(null,seq__37713_37717);
|
|
if(temp__5457__auto___37726){
|
|
var seq__37713_37727__$1 = temp__5457__auto___37726;
|
|
if(cljs.core.chunked_seq_QMARK_.call(null,seq__37713_37727__$1)){
|
|
var c__36429__auto___37728 = cljs.core.chunk_first.call(null,seq__37713_37727__$1);
|
|
var G__37729 = cljs.core.chunk_rest.call(null,seq__37713_37727__$1);
|
|
var G__37730 = c__36429__auto___37728;
|
|
var G__37731 = cljs.core.count.call(null,c__36429__auto___37728);
|
|
var G__37732 = (0);
|
|
seq__37713_37717 = G__37729;
|
|
chunk__37714_37718 = G__37730;
|
|
count__37715_37719 = G__37731;
|
|
i__37716_37720 = G__37732;
|
|
continue;
|
|
} else {
|
|
var v_37733 = cljs.core.first.call(null,seq__37713_37727__$1);
|
|
cljs.core.apply.call(null,reagent.dom.re_render_component,v_37733);
|
|
|
|
var G__37734 = cljs.core.next.call(null,seq__37713_37727__$1);
|
|
var G__37735 = null;
|
|
var G__37736 = (0);
|
|
var G__37737 = (0);
|
|
seq__37713_37717 = G__37734;
|
|
chunk__37714_37718 = G__37735;
|
|
count__37715_37719 = G__37736;
|
|
i__37716_37720 = G__37737;
|
|
continue;
|
|
}
|
|
} else {
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
|
|
return "Updated";
|
|
});
|
|
|
|
//# sourceMappingURL=dom.js.map?rel=1517021941259
|