console-front/js/codehtml.js

$.define(["jQuery", "doc", "body", "util"], "code", function($, doc, $body, util) {
	/**
	 * env={ ce:current Element; cd:current Data; ci:current index in
	 * ListElement array[ci=index] or object[ci=key] es:Element stack; Array
	 * ds:Data stack; Array is:index stack;Array sh:value handler
	 * function(env,key){return [String]} dir:directive handler
	 * Aarray(function(env){}.call(elementObj={},env) }
	 */
	var ch_val_buider = {
			/*{{111-222-333-444}}=={k:111,h:222,p:[333,444]}   */
			/*{{111}}=={k:111,h:s}   */
			/*{{111-222}}=={k:111,h:222,p:undefined}   */

			"c": function( /* env */ ) {
				return this.k;
			},
			"s": function(env) {
				var v = env.cd;
				if(v) v = this.k ? v[this.k] : v;
				if(v) return v;
				return 0===v?"0":"";
			},
			"cp":function(env){
				var v = env.cd;
				if(v) return v;
				return 0===v?"0":"";
			},
			"_index": function(env) {
				return env.ci+1;
			},
			"bool":function(env){
				return env.cd[this.k]?"是":"否";
			},
			"date":function(env){
				var v = env.cd[this.k];
				return v?(v.substring(0,4)+"年"+v.substring(4,6)+"月"+v.substring(6,8)+"日"):((this.p && this.p[0])||"");
			}
		},
		simpleAttrHandler = function(env) {
			env.ce.setAttribute(this.n, this.v);
		},
		AttrHandler = function(env) {
			var ret = [],
				va = this.v;
			for(var i = 0; i < va.length; ++i) {
				var item = va[i];
				ret.push[env.sh[item.h].call(this, env)];
			}
			env.ce.setAttribute(this.n, ret.join(""));
		},
		/**
		 * r:array s:text value f:lslast value in array Is * Text
		 */
		strSplit_s = function(r, s, f) {
			if(f) {
				var tmp = r[r.length - 1];
				tmp.k = tmp.k + s;
			} else {
				r.push({ k: s, h: "c" });
			}
		},
		strSplit_o = function(r /* array */ , shell /* trim value like {{shell}} */ ) {
			var tmp = shell.split("-");
			var obj = { k: tmp.shift(), h: "s" };
			if(tmp.length) { obj.h = tmp.shift(); }
			if(tmp.length) { obj.p = tmp; }
			r.push(obj);
		},
		strSplit = function(s) { // s.length>4
			var r = [],
				len = s.length,
				si = 0,
				/* parse start index */
				ei, /* end shell ei = s.indexOf("}}",bi+2) */
				shell, /* {{shell}} */
				tmp, /* last shell */
				f /* prev is not shell */ ,
				bi = s.indexOf("{{"); /* begin shell bi = s.indexOf("{{",si) */
			if(bi >= 0) {
				ei = s.indexOf("}}", bi);
				if(ei>0){
				while(true) {
					if(bi > si) {
						r.push({ k: s.substring(si, bi), h: "c" });
						f = true;
					}
					shell = s.substring(bi + 2, ei).trim();
					si = ei + 2;
					if(shell.length) {
						f = false;
						strSplit_o(r, shell);
					} else {
						strSplit_s(r, s.substring(bi, si), f);
						f = true;
					}
					if(si >= len) return r;
					bi = s.indexOf("{{", si);
					if(bi < 0) { strSplit_s(r, s.substring(si), f); return r; }
					ei = s.indexOf("}}", bi);
					if(ei < 0) { strSplit_s(r, s.substring(si), f); return r; }
				}}
			}
			return s;
		},
		strCompile = function(s) {
			var r = strSplit(s);
			if(typeof r != "string") {
				return r.length > 1 ? r : r[0];
				/*
				 * [{k:"",h:"",p:[]},...] :
				 * {k:"",h:"",p:[]}
				 */
			}
			return s; // String;
		},
		simpleAttrHand = function(env) {
			env.ce.setAttribute(this.n, this.v);
		},
		singleAttrHand = function(env) {
			env.ce.setAttribute(this.n, env.sh[this.v.h].call(this.v, env));
		},
		arrayAttrHand = function(env) {
			var item, ret = [],
				vs = this.v,
				len = vs.length;
			for(var i = 0; i < len; ++i) {
				item = vs[i];
				ret.push(env.sh[item.h].call(item, env));
			}
			env.ce.setAttribute(this.n, ret.join(""));
		},
		/* ret.h(env); attribute compiler */
		attrCompile = function(attr) {
			var s = attr.value || "",
				ret = { n: attr.name, v: s, h: simpleAttrHand };
			if(s.length > 4) {
				s = strCompile(s);
				if(typeof s != "string") {
					ret.v = s;
					// is Array
					ret.h = s.length ? arrayAttrHand : singleAttrHand;
				}
			}
			return ret;
		},
		/* ret.h(env); textNode compiler */
		textCompile = function(s /* s = textNode.nodeValue */ ) {
			var len = s.length,
				ret = { v: s, h: "_t" };
			if(len > 4) {
				s = strCompile(s);
				if(typeof s != "string") {
					ret.v = s;
					// is Array
					ret.h = s.length ? "_at" : "_st";
				}
			}
			return ret;
		},
		ch_dir_container = {
			/* simpleTextHand= */
			"_t": function(env) { env.ce.appendChild(doc.createTextNode(this.v)); },
			/* singleTextHand= */
			"_st": function(env) { env.ce.appendChild(doc.createTextNode(env.sh[this.v.h].call(this.v, env))); },
			/* arrayTextHand= */
			"_at": function(env) {
				var item, ret = [],
					vs = this.v,
					len = vs.length;
				for(var i = 0; i < len; ++i) {
					item = vs[i];
					ret.push(env.sh[item.h].call(item, env));
				}
				env.ce.appendChild(doc.createTextNode(ret.join("")));
			},
			"_": function(env) {
				var ele = doc.createElement(this.n),
					as = this.as,
					es = this.es,
					item;
				env.ce.appendChild(ele);
				env.es.push(env.ce);
				env.ce = ele;
				for(var i = 0; i < as.length; ++i) {
					as[i].h(env);
				}
				for(var i = 0; i < es.length; ++i) {
					item = es[i];
					env.dir[item.h].call(item, env);
				}
				env.ce = env.es.pop();
			},
			"list": function(env) {
				var hand = env.dir["_"],
					as = this.as,
					es = this.es,
					item, data = env.cd,
					p = this.p;
				if(data && p && p.length && p[0]) {
					env.ds.push(data);
					data = env.cd = data[p[0]] || [];
					env.is.push(env.ci);
					for(var i = 0; i < data.length; ++i) {
						env.ci = i;
						env.cd = data[i];
						hand.call(this, env);
					}
					env.ci = env.is.pop();
					env.cd = env.ds.pop();
				} else if(data && data.length) {
					env.is.push(env.ci);
					env.ds.push(data);
					for(var i = 0; i < data.length; ++i) {
						env.ci = i;
						env.cd = data[i];
						hand.call(this, env);
					}
					env.cd=env.ds.pop();
					env.ci = env.is.pop();
				}
			},
			"array.empty":function(env){
				if((!env.cd) || (!env.cd.length)){
					env.dir["_"].call(this,env);
				}
			},
			"each": function(env) {
				var hand = env.dir["_"],
					as = this.as,
					es = this.es,
					item, data = env.cd,
					p = this.p;
				if(data && p && p.length && p[0]) {
					env.ds.push(data);
					env.is.push(env.ci);
					for(var i = 0; i < p.length; ++i) {
						env.ci = p[i];
						env.cd = data[env.ci];
						hand.call(this, env);
					}
					env.ci = env.is.pop();
					env.cd = env.ds.pop();
				} else if(data) {
					env.is.push(env.ci);
					env.ds.push(data);
					for(var key in data) {
						env.ci = k;
						env.cd = data[key];
						hand.call(this, env);
					}
					env.cd = env.ds.pop();
					env.ci = env.is.pop();
				}
			},
			"val": function(env) {
				var hand = env.dir["_"],
					items, item, data = env.cd,
					p = this.p;
				if(p && p.length && p[0]) {
					items = p[0].split("\\.");
					env.ds.push(data);
					while(items.length && data) {
						data = data[items.shift()];
					}
					if(items.length === 0) {
						env.cd = data;
						hand.call(this,env);
					}
					env.cd = env.ds.pop();
				}
			},
			"valTag": function(env) {
				var items, item, data = env.cd,
					p = this.p,es = this.es;
				if(p && p.length && p[0]) {
					items = p[0].split("\\.");
					env.ds.push(data);
					while(items.length && data) {
						data = data[items.shift()];
					}
					if(items.length === 0) {
						env.cd = data;
						for(var i = 0; i < es.length; ++i) {
							item = es[i];
							env.dir(item.h).call(item, env);
						}
					}
					env.cd = env.ds.pop();
				}
			}
		},
		childCompile = function(chs) {
			var ret = [],stack = [],ev, as, es, attrs, ch, ele;
			hObj = { r: ret, i: 0, c: chs, t: false, s: "", l: chs.length };
			while(hObj) {
				while(hObj.i < hObj.l) {
					ele = hObj.c[hObj.i++];
					if(ele.nodeType == 1) {
						if(hObj.t) {
							hObj.r.push(textCompile(hObj.s));
						}
						hObj.t = false;
						attrs = ele.attributes;
						ch = (ele.getAttribute("ch-dir") || "_").split("-");
						ev = { n: ele.nodeName, h: (ch.shift()||"_"), p: ch };
						as = ev.as = [];
						es = ev.es = [];
						hObj.r.push(ev);
						for(var i = 0; i < attrs.length; ++i) {
							as.push(attrCompile(attrs[i]));
						}
						as = ele.childNodes.length;
						if(as) {
							stack.push(hObj);
							hObj = { r: es, i: 0, c: ele.childNodes, t: false, s: "", l: as };
							stack.push(hObj);
							break;
						}
						
					} else if(ele.nodeType == 3) {
						hObj.s = hObj.t ? (hObj.s + ele.nodeValue) : ele.nodeValue;
						if(hObj.i>=hObj.l){
							hObj.r.push(textCompile(hObj.s));							
						}else{
							hObj.t = true;
						}
					}
				}
				hObj = stack.pop();
			}
			return ret;
		},
		//		/* ret.h(env) Element compiler */
		//		eleCompile = function(ele) {
		//			var attrs = ele.attributes,
		//				cdir = ele.getAttribute("ch-dir") || "_",
		//				ret = { n: ele.nodeName },
		//				as = ret.as = [],
		//				es = ret.es = [],
		//				lisT, s, ch;
		//			ch = cdir.split("-");
		//			ret.h = ch.shift();
		//			if(ch.length) ret.p = ch;
		//			for(var i = 0; i < attrs.length; ++i) {
		//				as.push(attrCompile(attrs[i]));
		//			}
		//			childCompile(ele.childNodes, ret.es);
		//			return ret;
		//		},
		parseElement = function(ele) {
			var env = { sh: {}, dir: {} },
				chs = childCompile(ele.childNodes);
			$.extend(env.sh, ch_val_buider);
			$.extend(env.dir, ch_dir_container);
			return {
				"shell": function(name, hand) {
					if(hand) {
						env.sh[name] = hand;
						return this;
					} else return env.sh[name];
				},
				"dir": function(name, hand) {
					if(hand) {
						env.dir[name] = hand;
						return this;
					} else return env.dir[name];
				},
				"fill": function(pe, data) {
					env.es = [];
					env.ds = [];
					env.is = [];
					env.ce = pe, env.cd = data;
					for(var i = 0; i < chs.length; ++i) {
						var ch = chs[i];
						env.dir[ch.h].call(ch, env);
					}
					return this;
				}
			};
		},
		parseCode = function(ele) {
			var ele=ele.jquery?ele[0]:ele, hand = parseElement(ele),
				$ele = $(ele),
				bh = util.nochange,
				lses = [];
			return $.extend(hand, {
				"val": function(data) {
					data = bh(data);
					if(false === data) return this;
					$ele.empty();
					var docf = doc.createDocumentFragment();
					this.fill(docf, data);
					ele.appendChild(docf);
					for(var i = 0; i < lses.length; ++i) {
						lses[i]();
					}
					return this;
				},
				"empty": function() {
					$(ele).empty();
					return this;
				},
				"listen": function(h) {
					if(h) lses.push(h);
					return this;
				},
				"before": function(h) {
					if(h) {
						bh = h;
					}
				}
			});
		},
		parseHtmlTemplate = function(c) {
			var $div = $("<div style='display:none;'></div>");
			$div.appendTo($body).html(c);
			var h = parseCode($div[0]);
			$div.remove();
			return $.extend(h, {
				"appendTo": function(pe, data) {
					var docf = doc.createDocumentFragment();
					this.fill(docf, data);
					pe.appendChild(docf);
				}
			});
		};
	return {
		"parse": parseElement,
		"parseCode": parseCode,
		"template": parseHtmlTemplate
	};
});