console-front/js/base.js

if(typeof jQuery === 'undefined') {
	throw new Error('this JavaScript requires jQuery')
} +

function($) {
	/*common css define 
	 * QF = query flag   
	 * CC = css class
	 */
	var
		CC_BRANCH_ITEM = "branch-item",
		QF_BRANCH_ITEM = ".branch-item > a",
		CC_TREE = "tree",
		QF_SELECT = ".select",
		CC_SELECT = "select",
		QF_HIDDEN = ".hidden",
		CC_HIDDEN = "hidden",
		QF_TEXT = ".text",
		CC_TEXT = "text",
		CC_FORM_ITEM = "form-item",
		QF_FORM_ITEM = ".form-item",
		CC_TRIM = "trim",
		CC_STRING = "string",
		CC_INT = "int",
		CC_BOOL = "bool",
		CC_FLOAT = "float",
		CC_SELECT_ITEM = "select-item",
		QF_SELECT_ITEM = ".select-item",
		CC_SELECT_CAPTION = "select-caption",
		QF_SELECT_CAPTION = ".select-caption",
		CC_READONLY = "readOnly",
		CC_SHOWONLY = "showOnly",
		QF_DROP_DOWN_CONTAINER = ".dd-ctn",
		CC_DROP_DOWN_CONTAINER = "dd-ctn",
		CC_DROP_DOWN_BACKGROUP = "dd-bg",
		QF_DROP_DOWN_BACKGROUP = ".dd-bg",
		CC_DROP_DOWN_HAND = "dd-hand",
		QF_DROP_DOWN_HAND = ".dd-hand",
		CC_DROP_DOWN_PANEL = "dd-drop",
		QF_DROP_DOWN_PANEL = ".dd-drop",
		CC_DROP_CLEAN = "dd-clean",
		QF_DROP_CLEAN = ".dd-clean",
		QF_OPEN = ".open",
		CC_OPEN = "open",
		CC_DISABLED = "disabled",
		QF_DISABLED = ".disabled :disabled";

	/*
	 * AK = attribate key
	 * DK = data key
	 * EN = element name
	 * TN = type name
	 * CK = const data key  
	 * 
	 */

	var AK_DEF_VAL = "defVal",
		AK_PLACEHOLDER = "placeholder",
		AK_ID = "id",
		AK_NAME = "name",
		AK_DICT_CODE = "dictCode",
		AK_CODE = "code",
		AK_READONLY = "readonly",
		AK_REQUIRED = "required",

		EN_HEAD, EN_BASE = "base",
		EN_SCRIPT = "script",
		EN_INPUT = "input",

		TN_STRING = CC_STRING,
		TN_NUMBER = "number",
		TN_ARRAY = "array",
		TN_OBJ = "object",
		TN_FNC = "function",
		TN_BOOL = "boolean",

		CK_TRUE = true,
		CK_FALSE = false,
		CK_UNDEF = undefined,
		CK_YYYYMMDD = "YYYYMMDD",
		CK_YYYY = "YYYY",
		CK_MM = "MM",
		CK_YYYYMM = "YYYYMM",

		DK_FORM_VALUE = "form_value";

	/**
	 * TK = template key
	 */
	var TK_TEXT_INPUT = "<input type='text' />",
		TK_SPAN = "<span></span>",
		TK_UL = "<ul></ul>",
		TK_LI = "<li></li>",
		TK_ICON = "<i class='icon'></i>",
		TK_DD_DROP = "<div class='dd-drop'></div>",
		TK_DD_HAND = "<a class='dd-hand' href='javascript:;'><i class='icon'></i></a>",
		TK_HIDDEN_INPUT = "<input type='hidden' />",
		doc = document,
		head = doc.head || doc.getElementsByTagName(EN_HEAD)[0] || doc.documentElement,
		baseElement = head.getElementsByTagName(EN_BASE)[0],
		noop = function() {},
		body = $("body"),
		returnFalse = function() {
			return CK_FALSE
		},
		returnTrue = function() {
			return CK_TRUE
		},
		_infoDiv = $("#g_info"),
		_errDiv = $("#g_err"),
		_warnDiv = $("#g_warn"),
		_msgDiv = $("#g_msg"),
		_loadingDiv = $("#g_loading"),
		_g_css_ref = 1,
		_g_script_ref = 1,
		_g_err_msg = {
			"1": function() {
				window.location.href = "login.html";
			}
		},
		_g_layer_curr = { index: 5000000, remove: noop, css: noop },
		layer_remove = function() {
			this.shade.remove();
			this.ctn.empty();
			this.ctn.remove();
			this.prev.css("display", "block");
			_g_layer_curr = this.prev;
		},
		_g_loadRef = 0;

	var util = {
		createModalLayer: function(p) {
			var inx = _g_layer_curr.index + 2;
			var ly = { index: inx, remove: layer_remove, prev: _g_layer_curr };
			ly.shade = $("<div class='layer-shade layer-" + inx + "' style='z-index:" + inx + ";'></div>").appendTo(body);
			++inx;
			ly.ctn = $("<div class='layer-ctn layer-" + inx + "' style='z-index:" + inx + ";'></div>").appendTo(body);
			ly.prev = _g_layer_curr;
			_g_layer_curr = ly;
			if(p) {
				if(typeof p === "string") {
					ly.ctn.html(p);
				} else if(typeof p == "function") {
					p.call(ly.ctn);
				} else if(p.jquery) {
					ly.ctn.append(p);
				}
			}
			return ly;
		},
		closeModalLayer: function() {
			_g_layer_curr.remove();
		},

		// parent is body z-index = 9999999
		// *弹出错误信息，会自动消失
		//cnt String or jquery obj
		//msg container is div
		//$(msg container).text(String)  or $(msg container).append(jquery obj); 
		error: function(cnt, timeInternal) {
			var $errCtn = $("<div class='err-ctn'><i class='icon click-hide-parent'></i></div>").appendTo(_errDiv);
			$(TK_SPAN).appendTo($errCtn).html(cnt);
			setTimeout(function() {
				$errCtn.remove()
			}, timeInternal ? timeInternal : 10000);
		},
		//弹出警告信息，会自动消失  ref  Util.error
		warn: function(cnt, timeInternal) {
			var $warnCtn = $("<div class='warn-ctn'><i class='icon click-hide-parent'></i></div>").appendTo(_warnDiv);
			$(TK_SPAN).appendTo($warnCtn).html(cnt);
			setTimeout(function() {
				$warnCtn.remove()
			}, timeInternal ? timeInternal : 3000);
		},
		//弹出提示信息，会自动消失 ref  Util.error
		msg: function(cnt, timeInternal) {
			var $msgCtn = $("<div class='msg-ctn'><i class='icon click-hide-parent'></i></div>").appendTo(_msgDiv);
			$(TK_SPAN).appendTo($msgCtn).html(cnt);
			setTimeout(function() {
				$msgCtn.remove()
			}, timeInternal ? timeInternal : 2000);
		},

		//弹出加载信息遮罩    parent  is  body     z-index =  9999998; 
		showLoading: function() {
			++_g_loadRef;
			if(_g_loadRef === 1) {
				_loadingDiv.show()
			}

		},
		//隐藏加载信息遮罩    parent  is  body     z-index =  9999998; 
		hideLoading: function() {
			--_g_loadRef;
			if(_g_loadRef === 0) {
				_loadingDiv.hide()
			}
		},
		/*
		 * 弹出提示信息，不会自动消失    parent is body z - index 5000000 - 9999997
		 */
		alertMsg: function(title, content,hand) {
			if(content){
				if($.isFunction(content)){
					hand = content;
					content = title;
					title = "提示";
				}
			}else{
				content = title;
				title = "提示";
			}
			hand=hand || noop;
			var ly = util.createModalLayer('<div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h4 class="modal-title"></h4></div><div class="modal-body"><p></p></div><div class="modal-footer"><button type="button" class="btn">关闭</button></div></div></div>');
			ly.ctn.find(".modal-title").text(title);
			$content = ly.ctn.find("p").text(content);
			ly.ctn.find("button").on("click", function() {
				util.closeModalLayer();
				hand();
			});
		},
		/*
		 *弹出确认信息，不会自动消失    parent is body z - index 1000000 - 4999999 
		 * btns is Array 
		 * btns like [{catpion:"button caption",handler:function(){}},...]
		 */
		boxMsg: function(obj) {
			var ly = util.createModalLayer('<div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h4 class="modal-title"></h4></div><div class="modal-body"><p></p></div><div class="modal-footer"></div></div></div>');
			ly.ctn.find(".modal-title").text(obj.title || "确认");
			ly.ctn.find("p").text(obj.content);
			var m_footer = ly.ctn.find(".modal-footer"),
				btnH = function(btn) {
					var $btn = $('<button type="button" class="btn"></button>').appendTo(m_footer);
					var caption = btn.caption || "未命名的",
						handler = btn.hand || noop;
					$btn.text(caption);
					$btn.on("click", function() {
						util.closeModalLayer();
						handler();
					});
				};

			for(var i = 0; i < obj.btns.length; ++i) {
				btnH(obj.btns[i]);
			}
		},

		/*
		 *弹出确认信息，不会自动消失    parent is body z - index 1000000 - 4999999 
		 * == Util.boxMsg(cnt,[{caption:"确定"，handler:yesHandler},{caption:"取消",handler:noHandler}]);
		 */
		confirmMsg: function(cnt, yesHandler, noHandler) {},

		loadScript: function(url) {
			var node = doc.createElement(EN_SCRIPT);
			node.async = CK_TRUE;
			node.src = url;
			node.charset = "UTF-8";
			var supportOnload = "onload" in node;
			util.showLoading();
			if(supportOnload) {
				//todo:dddd
				node.onload = function() {
					node.onerror = null;
					node.onload = null;
					util.hideLoading();
				};
				//todo:dddd
				node.onerror = function() {
					util.error("load script error:" + url);
					node.onload = null;
					node.onerror = null;
					util.hideLoading();
				};
			} else {
				//todo:dddd
				node.onreadystatechange = function() {
					if(/loaded|complete/.test(node.readyState)) {
						node.onreadystatechange = null;
						util.msg("load script over:" + url);
						util.hideLoading();
					}
				};
			}
			baseElement ?
				head.insertBefore(node, baseElement) :
				head.appendChild(node);
		},
		loadCSS: function(href) {
			var link = doc.createElement('link');

			link.rel = 'stylesheet';
			link.href = href;
			link.media = 'all';
			var id = "g_css_" + _g_css_ref;
			++_g_css_ref;
			link.id = id;
			head.appendChild(link);
			return id;
		},
		removeCSS: function(id) {
			var node = doc.getElementById(id);
			if(node) {
				head.removeChild(node);
			}
		},
		regErrorHandler: function(key, handler) {
			_g_err_msg[key] = handler;
		},
		ajax: function(method, pUrl, pData, sh, eh) {
			util.showLoading();
			$.ajax({
				type: method,
				url: pUrl,
				//cache: false,
				traditional:true,
				data: pData,
				contentType: method == "put" ? "application/json" : "application/x-www-form-urlencoded",
			}).done(function(rd) {
				if(rd.success) {
					sh(rd.data);
				} else {
					if(eh) {
						var eht = $.type(eh);
						if(eht == TN_FNC) {
							eh(rd.code, rd.msg, rd.detailMsg);
						} else if(eht == TN_BOOL) {
							if(eht) {
								util.error("load resource error:" + pUrl + "\n" + (rd.detailMsg ? rd.detailMsg : ""));
							}
						} else {
							var msg = eh["" + rd.code] || _g_err_msg["" + rd.code];
							if(msg) {
								if($.type(msg) == TN_FNC) {
									msg(rd.code, rd.msg, rd.detailMsg);
								} else {
									util.error(msg ? msg : "未定义的错误");
								}
							}
						}
					}
				}
			}).fail(function(jqXHR, textStatus, errorThrown) {
				util.msg("load resouce[" + pUrl + "] error:" + textStatus);
			}).always(util.hideLoading);
		},
		get: function(url, data, sh, eh) {
			util.ajax("get", url, data, sh, eh);
		},
		post: function(url, data, sh, eh) {
			util.ajax("post", url, data, sh, eh);
		},
		put: function(url, data, sh, eh) {
			if(data && ("string"!=$.type(data))){
				data =JSON.stringify(data);
			}
			util.ajax("put", url, data, sh, eh);
		},
		del: function(url, sh, eh) {
			util.ajax("post", url, null, sh, eh);
		},
	};

	//begin dropdown
	//QF == query flag
	//CC == css class 

	var dd_clearMenus = function(e) {
			if(e && e.which === 3) return
			$(QF_DROP_DOWN_BACKGROUP).remove()
			$(QF_DROP_DOWN_CONTAINER).each(function() {
				var $this = $(this)
				var relatedTarget = {
					relatedTarget: this
				}
				if(!$this.hasClass(CC_OPEN)) return
				$this.trigger(evt = $.Event('hide.jr.dropdown', relatedTarget))
				if(evt.isDefaultPrevented()) return
				$this.removeClass(CC_OPEN).trigger('hidden.jr.dropdown', relatedTarget)
				if(!$this.hasClass(CC_DROP_CLEAN)) return
				$this.find(QF_DROP_DOWN_PANEL).remove();
			});
		},
		dd_toggle = function(e) {
			var $this = $(this);
			var $ddc = $this.parents(QF_DROP_DOWN_CONTAINER);
			if(!$ddc.length) return;
			if($ddc.is(QF_DISABLED)) return;
			var isActive = $ddc.hasClass(CC_OPEN);
			dd_clearMenus();
			if($ddc.hasClass(CC_FORM_ITEM) && ($ddc.hasClass(CC_READONLY) || $ddc.hasClass(CC_SHOWONLY))) return;
			if(!isActive) {
				var relatedTarget = {
					relatedTarget: this
				}
				$ddc.trigger(e = $.Event('show.jr.dropdown', relatedTarget))
				if(e.isDefaultPrevented()) return
				$ddc.toggleClass(CC_OPEN).trigger('shown.jr.dropdown', relatedTarget)
			}
			return CK_FALSE
		},

		//end dropdown

		//begin dict
		dict_dictCache = {},
		dict_dictHandleCache = {},
		dict_dictGuid = 1,
		dict_handerArray = "handlers",
		dict_baseUri = "/ajax/sys/dict/item/",
		dict_load = function(dictCode) {
			util.showLoading();
			$.ajax({ url: dict_baseUri + dictCode, type: "get", dataType: "json" }).done(function(data) {
				util.hideLoading();
				if(data.success) {
					data = data.data;
					dict_dictCache[dictCode] = data;
					var handlers = dict_dictHandleCache[dictCode];
					if(handlers && handlers.length) {
						for(var i = 0; i < handlers.length; ++i) {
							handlers[i](data);
						}
						delete dict_dictHandleCache[dictCode];
					}
				} else {
					var m = "load dict[" + dictCode + "] error";
					util.error(m);
				}
			}).fail(function() {
				util.hideLoading();
				var m = "load dict[" + dictCode + "] error";
				util.error(m);
			});
		},
		dict_apply = function(dictCode, handler) {
			var dict = dict_dictCache[dictCode];
			if(!dict) {
				var hs = dict_dictHandleCache[dictCode];
				if(!hs) {
					dict_dictHandleCache[dictCode] = hs = [];
					dict_load(dictCode);
				}
				hs.push(handler);
			} else {
				handler(dict);
			}
		},
		dict_refresh = function(dictCode, handler) {
			if(handler) {
				var hs = dict_dictHandleCache[dictCode];
				if(!hs) {
					dict_dictHandlerCache[dictCode] = hs = [];
				}
				hs.push(handler);
			}
			var dict = dict_dictCache[dictCode];
			if(dict) {
				delete dict_dictCache[dictCode];
				util.loadScript(dict_baseUri + dictCode + ".js");
			}
		},
		/*
		 * content:[{code:"12345",caption:"",shortCode:"",enabled:true,children:[{code:"",catpion:"",enabled:true,children:[]]}},....]
		 * 
		 */
		dict_define = function(dictCode, content, dynamic) {
			if(!dynamic) {
				dict_dictCache[dictCode] = dict_dictCache[dictCode] || content;
			}
			var handlers = dict_dictHandleCache[dictCode];
			if(handlers && handlers.length) {
				for(var i = 0; i < handlers.length; ++i) {
					handlers[i](content);
				}
				delete dict_dictHandleCache[dictCode];
			}
		},
		dict_get = function(dict, code) {
			if(code) {
				for(var i = 0; i < dict.length; ++i) {
					var item = dict[i];
					if(code === item.code) {
						return item.caption;
					} else if(item.children && item.children.length) {
						var ret = dict_get(item.children, code);
						if(ret) return ret;
					}
				}
			}
			return CK_FALSE;
		},
		dict_display = function() {
			$(".do-dict-display").each(function() {
				var $this = $(this),
					dictCode = $this.attr("dict");
				if(dictCode) {
					dict_apply(dictCode, function(dict) {
						var dh = dict_get(dict, $this.attr("code"));
						$this.html(dh ? dh : "");
						$this.removeClass("do-dict-display");
					});
				}
			});
		},

		//end dict

		Jhidden = function(ele) {
			if($.type(ele) == CC_STRING) {
				this.name = ele;
			} else {
				this.name = ele.attr(AK_NAME) || ele.attr(AK_ID);
				if(!this.name) {
					throw "Attribute[name] is invalid";
				}
				ele.data(DK_FORM_VALUE, this);
			}
		},

		Jtext = function(ele) {
			this.name = ele.attr(AK_NAME) || ele.attr(AK_ID);
			if(!this.name) {
				throw "Attribute[name] is invalid";
			}
			this.trimed = ele.hasClass(CC_TRIM);
			this.readOnly = ele.hasClass(CC_READONLY);
			this.showOnly = ele.hasClass(CC_SHOWONLY);
			this.ele = ele;
			this.dv = ele.attr(AK_DEF_VAL) || "";
			this.dt = 0;
			if(ele.hasClass(CC_INT)) {
				this.dt = 1;
			} else if(ele.hasClass(CC_FLOAT)) {
				this.dt = 2;
			}
			ele.data(DK_FORM_VALUE, this);
		},
		Jtextarea = function(ele) {
			this.name = ele.attr(AK_NAME) || ele.attr(AK_ID);
			if(!this.name) {
				throw "Attribute[name] is invalid";
			}
			this.trimed = ele.hasClass(CC_TRIM);
			this.readOnly = ele.hasClass(CC_READONLY);
			this.showOnly = ele.hasClass(CC_SHOWONLY);
			this.ele = ele;
			this.dv = ele.attr(AK_DEF_VAL) || "";
			ele.data(DK_FORM_VALUE, this);
		},
		Jselect = function(ele) {
			this.name = ele.attr(AK_NAME) || ele.attr(AK_ID);
			if(!this.name) {
				throw "Attribute[name] is invalid";
			}
			this.readOnly = ele.hasClass(CC_READONLY);
			this.showOnly = ele.hasClass(CC_SHOWONLY);
			this.dictCode = ele.attr(AK_DICT_CODE);
			this.showInvalidItem = ele.attr("show-invalid-item");
			this.ele = ele;
			this.dv = ele.attr(AK_DEF_VAL) || "";
			this.isBool = ele.hasClass(CC_BOOL);
			this.isTree = ele.hasClass(CC_TREE);
			ele.data(DK_FORM_VALUE, this);
		},
		select_display = function(select, code, caption) {
			select.codeEle.val(code ? code : "");
			select.captionEle.text(code ? caption : "");
		},
		select_change = function(select, code) {
			if(select.codeEle.val() !== code) {
				select.codeEle.val(code);
				dict_apply(select.dictCode, function(dc) {
					var cap = code ? dict_get(dc, code) : "";
					select_display(select, cap ? code : null, cap);
				});
			}
		},
		Jmselect = function(ele) {
			this.name = ele.attr(AK_NAME) || ele.attr(AK_ID);
			if(!this.name) {
				throw "Attribute[name] is invalid";
			}
			this.readOnly = ele.hasClass(CC_READONLY);
			this.showOnly = ele.hasClass(CC_SHOWONLY);
			this.dictCode = ele.attr(AK_DICT_CODE);
			this.showInvalidItem = ele.attr("show-invalid-item");
			this.ele = ele;
			this.dv = [];
			var defV = ele.attr(AK_DEF_VAL);
			if(defV && defV != "[]") {
				this.dv = JSON.parse(defV);
			}
			this.isTree = ele.hasClass(CC_TREE);
			ele.data(DK_FORM_VALUE, this);
		},
		mselect_remove = function(e) {
			$(this).parent().remove();
		},
		mselect_add = function(mselect, code, init_add) {
			var found = false;
			if(!init_add) {
				mselect.captionEle.find(QF_SELECT_CAPTION).each(function() {
					if($(this).find(EN_INPUT).val() == code) {
						found = true;
						return false;
					}
				});
			}
			if(!found) {
				var $li = $("<li><div>x</div></li>");
				$li.addClass(CC_SELECT_CAPTION).append($(TK_HIDDEN_INPUT).val(code)).appendTo(mselect.captionEle);
				if((!mselect.readOnly) && (!mselect.showOnly)) {
					$li.children('div').on("click.jr_mselect_remove_api", mselect_remove);
				}
				dict_apply(mselect.dictCode, function(dict) {
					var cp = dict_get(dict, code);
					if(cp) {
						$li.append($(TK_SPAN).html(cp));
					} else {
						$li.append($("<span style='color:red;'></span>").html("error"));
					}
				});
				return true;
			}
		},
		mselect_change = function(mselect, value) {
			mselect.captionEle.empty();
			if(value && value.length) {
				for(var i = 0; i < value.length; ++i) {
					var cv = value[i];
					if(cv) {
						mselect_add(mselect, cv, true);
					}
				}
			}
		},
		select_buildListDrop = function(dict) {
			var $ul = $(TK_UL);
			for(var i = 0; i < dict.length; ++i) {
				var item = dict[i];
				if(item.enabled || this.showInvalidItem) {
					var $li = $("<li class='select-item'></li>");
					$li.attr(AK_CODE, item.code);
					$li.text(item.caption);
					$li.appendTo($ul);
				}
			}
			$ul.find(QF_SELECT_ITEM).on("click.jr_select_api", select_selectItem);
			return $ul;
		},
		select_buildTreeDrop = function(dict) {
			var $ul = $(TK_UL);
			for(var i = 0; i < dict.length; ++i) {
				var item = dict[i];
				if(item.enabled || this.showInvalidItem) {
					var $li = $(TK_LI);
					if(item.children && item.children.length) {
						var $ti = $("<a href='javascript:void(0)'><i class='icon'></a>");
						$ti.attr(AK_CODE, item.code).append($(TK_SPAN).text(item.caption));
						$li.addClass(CC_BRANCH_ITEM).append($ti).append(select_buildTreeDrop.call(this, item.children));
					} else {
						$li.addClass(CC_SELECT_ITEM).attr(AK_CODE, item.code).text(item.caption);
					}
					$li.appendTo($ul);
				}
			}
			$ul.find(QF_SELECT_ITEM).on("click.jr_select_api", select_selectItem);
			$ul.find(QF_BRANCH_ITEM).on("click.jr_select_api", select_branchItem);
			return $ul;
		},
		select_selectItem = function(e) {
			var $this = $(this);
			var select = $this.parents(QF_FORM_ITEM);
			if(select && select.length) {
				select = $(select).data(DK_FORM_VALUE);
				if(select && select.selectItem) {
					select.selectItem($this, e);
				}
			}
		},
		select_branchItem = function(evt) {
			$(this).toggleClass(CC_OPEN);
			evt.stopPropagation();
		},
		date_year = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
		date_leapYear = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
		date_isleap = function(y) {
			return(y % 4 === 0 && y % 100 !== 0) || y % 400 === 0;
		},
		date_validDate = function(v) {
			if(v.length != 8) return false;
			for(var i = 0; i < 8; ++i) {
				var c = v.charAt(i);
				if(c > '9' || c < '0') return false;
			}
			var m = parseInt(v.substring(4, 6)) - 1;
			if(m < 0 || m > 11) return false;
			var d = parseInt(v.substring(6, 8));
			var ym = date_isleap(parseInt(v.substring(0, 4))) ? date_leapYear : date_year;
			if(d < 1 || d > ym[m]) return false;
			return true;
		},
		date_fmt = function(v) {
			return(v > 9 ? "" : "0") + v;
		},
		date_MS_IN_DAY = 24 * 60 * 60 * 1000,
		date_incDay = function(d) {
			return new Date(d.getTime() + date_MS_IN_DAY);
		},
		date_decDay = function(d) {
			return new Date(d.getTime() - date_MS_IN_DAY);
		},
		date_dayFmt = function(d) {
			return "" + d.getFullYear() + date_fmt(d.getMonth() + 1) + date_fmt(d.getDate());
		},
		date_now = function() {
			var d = new Date();
			return "" + d.getFullYear() + date_fmt(d.getMonth() + 1) + date_fmt(d.getDate()) + date_fmt(d.getHours()) + date_fmt(d.getMinutes()) + date_fmt(d.getSeconds());
		},
		date_change = function(date, val) {
			if(val) {
				if(val == "current") {
					val = date_now().substr(0, 8);
				}
				var dt = val.substring(0, 4) + "-" + val.substring(4, 6) + "-" + val.substring(6, 8);
				date.captionEle.text(dt);
				date.valEle.val(val);
			} else {
				date.valEle.val("");
				date.captionEle.text(date.nullVal ? date.nullVal : "");
			}
		},
		Jdate = function(ele) {
			this.name = ele.attr(AK_NAME) || ele.attr(AK_ID);
			if(!this.name) {
				throw "Attribute[name] is invalid";
			}
			this.readOnly = ele.hasClass(CC_READONLY);
			this.showOnly = ele.hasClass(CC_SHOWONLY);
			this.ele = ele;
			this.dv = ele.attr(AK_DEF_VAL);
			this.nullVal = ele.attr("nullVal");
			ele.data(DK_FORM_VALUE, this);
		},
		datetime_change = function(date, val) {
			if(val) {
				if(val == "current") {
					val = date_now();
				}
				var dt = val.sustring(0, 4) + "-" + val.substring(4, 6) + "-" + val.substring(6, 8) + " " + val.substring(8, 10) + ":" + val.substring(10, 12) + ":" + val.substring(12);
				date.captionEle.text(dt);
				date.valEle.val(val);
			} else {
				date.valEle.val("");
				date.captionEle.text(date.nullVal ? date.nullVal : "");
			}
		},
		Jdatetime = function(ele) {
			this.name = ele.attr(AK_NAME) || ele.attr(AK_ID);
			if(!this.name) {
				throw "Attribute[name] is invalid";
			}
			this.readOnly = ele.hasClass(CC_READONLY);
			this.showOnly = ele.hasClass(CC_SHOWONLY);
			this.ele = ele;
			this.dv = ele.attr(AK_DEF_VAL);
			this.nullVal = ele.attr("nullVal");
			ele.data(DK_FORM_VALUE, this);
		},
		FORM_ITEM_CREATER = [Jhidden, Jtext, Jselect, Jmselect, Jdate, Jdatetime, Jtextarea],

		serialize = function(obj, name, val, r) {
			var ret = r || "";
			var tn = $.type(val);
			if(tn == TN_BOOL) {
				ret = ret + name + "=" + (val ? "1" : "0") + "&";
			} else if(tn == TN_NUMBER) {
				ret = ret + name + "=" + val + "&";
			} else if(tn == TN_STRING) {
				if(val)
					ret = ret + name + "=" + encodeURIComponent(val) + "&";
			} else if(tn == TN_FNC) {
				ret = serialize(obj, name, val.call(obj), ret)
			} else if(tn == TN_ARRAY) {
				for(var i = 0; i < val.length; ++i) {
					ret = serialize(obj, name, val[i], ret);
				}
			} else if(tn == TN_OBJ) {
				ret = ret + name + "=" + encodeURIComponent(JSON.stringify(val)) + "&";
			}
			return ret;
		},
		g_form_uploader_file_ref = 1,
		upload_remove = function(form) {
			form.addClass("hide");
			setTimeout(function() { form.remove(); }, 1000);
		},
		upload_create = function(uploader) {
			var form, $form, finput, $file;
			form = doc.createElement("form");
			form.setAttribute("enctype", "multipart/form-data");
			form.setAttribute("class", "upload-form");
			form.setAttribute("testRef", "" + (new Date()).getTime());
			finput = doc.createElement("input");
			finput.setAttribute("type", "file");
			finput.setAttribute("name", "filename");
			if(uploader.accept) finput.setAttribute("accept", uploader.accept);
			form.appendChild(finput);
			$form = $(form);
			$file = $(finput);
			$file.on("change", function() {
				console.log("entry file change")
				var files = finput.files,
					file, fsize, xhr, formData, eobj, state;
				console.log("files.len=" + files.length);
				if(files.length) {
					file = files[0];
					fsize = file.size;
					if(uploader.maxSize && uploader.maxSize < fsize) {
						util.error("上传文件太大[size > " + fsize + "]");
						return;
					}
					$file.off("change");
					upload_remove($form);
					upload_create(uploader);
					var over = function() {
							xhr.onerror = null;
							xhr.onload = null;
							xhr.ontimeout = null;
							xhr.onabort = null;
							if(xhr.upload) xhr.upload.onprogress = null;
						},
						af = function() {
							if(!state) {
								xhr.abort();
								raiseError("abort");
							}
						},
						eContext = { name: file.name, size: file.size, type: file.type, abort: af },
						raiseError = function(er, data) {
							if(!state) {
								over();
								state = er;
								if(uploader.fail) uploader.fail.call(eContext, er, data);
							}
						},
						formData = new FormData(form);
					xhr = new XMLHttpRequest();
					xhr.onerror = function() {
						raiseError("error");
					};
					xhr.onabort = function() {
						raiseError("abort");
					};
					xhr.ontimeout = function() {
						raiseError("timeout");
					};
					xhr.onload = function() {
						if(!state) {
							if(xhr.status == 200) {
								var ro, rs = xhr.responseText;
								if(rs) {
									try {
										ro = JSON.parse(rs);
									} catch(err) {
										raiseError("parse", err);
									}
									if(ro.success) {
										over();
										state = "done";
										if(uploader.done) uploader.done.call(eContext, ro.data);
									} else {
										raiseError("logic", ro);
									}
								} else {
									raiseError("emptyResponseText");
								}
							} else {
								raiseError("invalidHttpStatus", xhr.statusText);
							}
						}
					};
					if(uploader.start) uploader.start.call(eContext);
					xhr.open("POST", uploader.uri);
					if(xhr.upload) xhr.upload.onprogress = function(event) {
						if(event.lengthComputable && uploader.notity) {
							uploader.notity.call(eContext, event.total, event.loaded);
						}
					};
					if(uploader.timeout) {
						try {
							xhr.timeout = uploader.timeout;
						} catch(er) {
							setTimeout(function() {
								raiseError("timeout");
							}, uploader.timeout);
						}
					}
					xhr.send(formData);
				}
			});
			$form.appendTo(uploader.ele);
		},
		upload_def_fail_hanler = function(etype, ep) {
			util.error("upload error[" + type + "]:" + (ep ? JSON.stringify(ep) : ""));
		},
		Jupload = function(pele) {
			this.ele = pele;
			console.log(pele)
			this.maxSize = parseInt(pele.attr("fileMaxSize") || "1048576");
			this.accept = pele.attr("accept");
			this.uri = pele.attr("uri");
			this.fail = upload_def_fail_hanler;
			pele.data(DK_FORM_VALUE, this);
		},
		Jform = function(ele) {
			this.items = {};
			var that = this;
			ele.find(QF_FORM_ITEM).each(function() {
				var $this = $(this);
				for(var i = 0; i < FORM_ITEM_CREATER.length; ++i) {
					var item = FORM_ITEM_CREATER[i].build($this);
					if(item) {
						that.items[item.name] = item;
						break;
					}
				}
			});
		},
		UploadPlugin = function(options) {
			if(this.length) {
				var ele = $(this[0]);
				var ret = ele.data(DK_FORM_VALUE);
				if(!ret) {
					ret = new Jupload(ele);
					if(options) {
						$.extend(ret, options);
					}
					upload_create(ret);
				}
				return ret;
			}
		},
		FormPlugin = function(val) {
			if(this.length) {
				var form = $(this[0]);
				var ret = form.data(DK_FORM_VALUE);
				if(!ret) {
					ret = new Jform(form);
					for(var key in ret.items) {
						ret.items[key].render();
					}
					if(val) {
						ret.init(val);
					}
					form.data(DK_FORM_VALUE, ret);
				}
				return ret;
			}
		},
		_version = "1.1";
	util.dictDisplay = dict_display;
	Jhidden.build = function(ele) {
		return ele.hasClass(CC_HIDDEN) ? new Jhidden(ele) : CK_FALSE;
	};
	Jtext.build = function(ele) {
		return ele.hasClass(CC_TEXT) ? new Jtext(ele) : CK_FALSE;
	};
	Jtextarea.build = function(ele) {
		return ele.hasClass("textarea") ? new Jtextarea(ele) : CK_FALSE;
	}
	Jselect.build = function(ele) {
		return ele.hasClass(CC_SELECT) ? new Jselect(ele) : CK_FALSE;
	};
	Jmselect.build = function(ele) {
		return ele.hasClass("mselect") ? new Jmselect(ele) : CK_FALSE;
	};
	Jdate.build = function(ele) {
		return ele.hasClass("date") ? new Jdate(ele) : CK_FALSE;
	};
	Jdatetime.build = function(ele) {
		return ele.hasClass("datetime") ? new Jdatetime(ele) : CK_FALSE;
	};
	$.extend(Jhidden.prototype, {
		val: function(val) {
			if(val) {
				this.value = val;
			} else {
				return this.value;
			}
		},
		reset: function() {
			return this.value = this.dv;
		},
		render: noop,
		validate: function() {
			return CK_TRUE
		},
		setDefaultValue: function(value) {
			this.dv = value;
		},
	});
	$.extend(Jtext.prototype, {
		render: function() {
			this.ele.empty();
			if(this.showOnly) {
				this.ele.html("");
			} else {
				this.valEle = $(TK_TEXT_INPUT);
				if(this.ele.hasClass("password")) {
					this.valEle.attr("type", "password");
				}
				var tmp = this.ele.attr(AK_PLACEHOLDER);
				if(tmp) this.valEle.attr(AK_PLACEHOLDER, tmp);
				if(this.readOnly) this.valEle.prop(AK_READONLY, AK_READONLY);
				this.valEle.appendTo(this.ele);
			}
			this.val(this.dv);
		},
		val: function(val) {
			if(arguments.length) {
				var ct = (val === null ? "" : ("" + val));
				this.showOnly ? this.ele.text(ct) : this.valEle.val(ct);
			} else if(!this.isShowOnly) {
				var v = this.valEle.val();
				v = this.trimed ? $.trim(v) : v;
				return this.dt == 0 ? v : (v ? (this.dt == 1 ? parseInt(v) : parseFloat(v)) : 0);
			}
		},
		reset: function() {
			if(arguments.length) {
				this.dv = arguments[0];
			} else {
				this.val(this.dv);
			}
		},
		validate: function() {
			//			var vtext = this.valEle.val();
			//			if(this.trimed && vtext) vtext = $.trim(vtext);
			//			if(this.ele.attr(AK_REQUIRED)) {
			//				if(!vtext) return "required";
			//			}
			return true;
		}
	});
	$.extend(Jtextarea.prototype, {
		render: function() {
			this.ele.empty();
			if(this.showOnly) {
				this.ele.html("");
			} else {
				this.valEle = $("<textarea></textarea>");
				this.valEle.attr("rows", this.ele.attr("rows") || "3");
				this.valEle.attr("cols", this.ele.attr("cols") || "20");
				var tmp = this.ele.attr(AK_PLACEHOLDER);
				if(tmp) this.valEle.attr(AK_PLACEHOLDER, tmp);
				if(this.readOnly) this.valEle.prop(AK_READONLY, AK_READONLY);
				this.valEle.appendTo(this.ele);
			}
			this.val(this.dv);
		},
		val: function(val) {
			if(arguments.length) {
				var ct = (val === null ? "" : ("" + val));
				this.showOnly ? this.ele.text(ct) : this.valEle.val(ct);
			} else if(!this.isShowOnly) {
				var v = this.valEle.val();
				return this.trimed ? $.trim(v) : v;
			}
		},
		reset: function() {
			if(arguments.length) {
				this.dv = arguments[0];
			} else {
				this.val(this.dv);
			}
		},
		validate: function() {
			//			var vtext = this.valEle.val();
			//			if(this.trimed && vtext) vtext = $.trim(vtext);
			//			if(this.ele.attr(AK_REQUIRED)) {
			//				if(!vtext) return "required";
			//			}
			return true;
		}
	});
	$.extend(Jselect.prototype, {
		render: function() {
			var that = this;
			this.ele.empty();
			if(!this.ele.hasClass(CC_DROP_DOWN_CONTAINER)) this.ele.addClass(CC_DROP_DOWN_CONTAINER);
			this.codeEle = $(TK_HIDDEN_INPUT).appendTo(this.ele);
			this.captionEle = $(TK_SPAN).appendTo($(TK_DD_HAND).appendTo(this.ele));
			var closeIcon = $("<i class='close'></i>");
			this.captionEle.parent().append(closeIcon);
			//this.ele.append(this.codeEle).append(this.captionEle);
			select_change(this, this.dv);
			if((!this.readOnly) && (!this.showOnly)) {
				this.selectItemEle = $(TK_DD_DROP).append($("<div class='select-loading'></div>"));
				this.selectItemEle.appendTo(this.ele);
				dict_apply(this.dictCode, function(dd) {
					that.selectItemEle.empty();
					if(that.dropItem) {
						that.dropItem.call(that, dd);
					} else {
						that.selectItemEle.append((that.isTree ? select_buildTreeDrop : select_buildListDrop).call(that, dd));
					}
				});
			}
			closeIcon.on("click", function() {
				that.codeEle.val("");
				that.captionEle.text("");
			});
		},
		val: function(val) {
			if(arguments.length) {
				select_change(this, this.isBool ? (true===val ? "1" :(false===val? "0":"")) : (val ? val : ""));
			} else if(!this.isShowOnly) {
				var v = this.codeEle.val();
				return this.isBool ? (v ? (v==='1') : CK_UNDEF) : (v ? v : CK_UNDEF);
			}
		},
		reset: function() {
			if(arguments.length) {
				var val = arguments[0];
				this.dv = this.isBool ? (val ? "1" : "0") : (val ? val : "")
			} else select_change(this, this.dv);
		},
		validate: function() {
			return true;
			//			var vtext = this.codeEle.val();
			//			if(this.ele.attr(AK_REQUIRED)) {
			//				if(!vtext) return "required";
			//			}
		},

		selectItem: function($item, evt) {
			var val = $item.attr(AK_CODE);
			select_change(this, val ? val : "");
		}
	});
	$.extend(Jmselect.prototype, {
		render: function() {
			this.ele.empty();
			if(!this.ele.hasClass(CC_DROP_DOWN_CONTAINER)) this.ele.addClass(CC_DROP_DOWN_CONTAINER);
			this.captionEle = $(TK_UL).appendTo($(TK_DD_HAND).appendTo(this.ele));
			mselect_change(this, this.dv);

			if((!this.readOnly) && (!this.showOnly)) {
				this.selectItemEle = $(TK_DD_DROP).append($("<div class='select-loading'></div>"));
				this.selectItemEle.appendTo(this.ele);
				dict_apply(this.dictCode, (function(that) {
					return function(dd) {
						that.selectItemEle.empty();
						if(that.dropItem) {
							that.dropItem.call(that, dd);
						} else {
							that.selectItemEle.append((that.isTree ? select_buildTreeDrop : select_buildListDrop).call(that, dd));
						}
					}
				})(this));
			}
		},
		val: function(val) {
			if(arguments.length) {
				mselect_change(this, val);
				return this;
			} else if(!this.isShowOnly) {
				var ret = [];
				this.captionEle.find(EN_INPUT).each(function() {
					ret.push($(this).val);
				})
				return ret;
			}
		},
		reset: function() {
			if(arguments.length) {
				var val = arguments[0];
				this.dv = val ? val : [];
			} else mselect_change(this, this.dv);
		},
		validate: returnTrue,
		selectItem: function($item, evt) {
			if(!mselect_add(this, $item.attr(AK_CODE)))
				evt.stopPropagation();
		}
	});
	$.extend(Jdate.prototype, {
		render: function() {
			this.ele.empty();
			if(!this.ele.hasClass(CC_DROP_DOWN_CONTAINER)) this.ele.addClass(CC_DROP_DOWN_CONTAINER);
			if(!this.ele.hasClass(CC_DROP_CLEAN)) this.ele.addClass(CC_DROP_CLEAN);
			this.valEle = $(TK_HIDDEN_INPUT);
			this.captionEle = $(TK_SPAN);
			var closeIcon = $("<i class='close'></i>");
			$(TK_DD_HAND).append(this.valEle).append(this.captionEle).append(closeIcon).appendTo(this.ele);
			date_change(this, this.dv);
			var that = this;
			closeIcon.on("click",function(){
				that.valEle.val("");
				that.captionEle.text("");
			});

		},
		val: function(val) {
			if(arguments.length) {
				date_change(this, val);
				return this;
			} else if(!this.isShowOnly) {
				var ret = this.valEle.val();
				return ret ? ret : CK_UNDEF;
			}
		},
		reset: function() {
			if(arguments.length) {
				this.dv = arguments[0];
			} else date_change(this, this.dv);
		},
		validate: returnTrue,
		show: function($ctn) {
			if(this.readOnly || this.showOnly) return;
			var val = this.valEle.val();
			var n = date_now();
			val = val ? (date_validDate(val) ? val : n) : n;
			var $div = $("<div class='dd-drop date'></div>").appendTo(this.ele);
			this.showDay($div, parseInt(val.substring(0, 4)), parseInt(val.substring(4, 6)) - 1);
		},
		showDay: function(div, y, m) {
			div.empty();
			var table = $("<table></table>").appendTo(div).addClass("day");
			table.attr("year", "" + y);
			table.attr("month", "" + (m + 1));
			var head = $("<thead></thead>").appendTo(table);
			var body = $("<tbody></tbody>").appendTo(table);
			var foot = $("<tfoot></tfoot>").appendTo(table);
			var caption = $("<tr><th class='prev-year'><i class='icon-arrow-left'></i></th><th class='prev-month'><i class='icon-chevron-left'></i></th><th colspan='3' class='switch'></th><th class='next-month'><i class='icon-chevron-right'></i></th><th class='next-year'><i class='icon-arrow-right'></i></th></tr><tr><th class='dow'>日</th><th class='dow'>一</th><th class='dow'>二</th><th class='dow'>三</th><th class='dow'>四</th><th class='dow'>五</th><th class='dow'>六</th></tr>").appendTo(head).find(".switch");
			caption.html(date_fmt(m + 1) + "月 " + y + "年");
			var dd = new Date();
			dd.setFullYear(y);
			dd.setMonth(m);
			dd.setDate(1);
			var dayInWeek = dd.getDay();
			var days = ["<tr>"];
			for(var i = 0; i < dayInWeek; ++i) {
				var cd = date_dayFmt(new Date(dd.getTime() - ((dayInWeek - i) * date_MS_IN_DAY)));
				days.push("<td class='no-current-month' day='" + cd + "'>" + cd.substring(6, 8) + "</td>");
			}
			var ld = date_isleap(y) ? date_leapYear[m] : date_year[m];
			for(var i = 0; i < ld; ++i) {
				var cd = date_dayFmt(dd);
				days.push("<td class='day-item' day='" + cd + "'>" + cd.substring(6, 8) + "</td>");
				if(dd.getDay() == 6) days.push("</tr><tr>");
				dd = date_incDay(dd);
			}
			dayInWeek = dd.getDay();
			if(dayInWeek) {
				for(var i = dayInWeek; i < 7; ++i) {
					var cd = date_dayFmt(dd);
					days.push("<td class='no-current-month' day='" + cd + "'>" + cd.substring(6, 8) + "</td>");
					dd = date_incDay(dd);
				}
			} else {
				days.pop();
			}
			days.push("</tr>");
			body.html(days.join(""));
		}
	});
	$.extend(Jform.prototype, {
		init: function(options) {
			if($.type(options) == TN_FNC) {
				options.call(this);
			} else {
				for(var key in options) {
					var io = this.items[key] || (this.items[key] = new Jhidden(key));
					io.val(options[key]);
				}
			}
		},
		item: function(name) {
			return this.items[name];
		},
		validate: function() {
			for(var key in this.items) {
				if(!this.items[key].validate()) return CK_FALSE;
			}
			return CK_TRUE;
		},
		reset: function(data) {
			if(data) {
				for(var key in data) {
					(this.items[key] || (this.items[key] = new Jhidden(key))).reset(data[key]);
				}
			} else {
				for(var key in this.items) {
					this.items[key].reset();
				}
			}
			return this;
		},
		val: function(data) {
			if(!data) {
				if(!this.validate()) return CK_FALSE;
				var ret = {};
				for(var key in this.items) {
					var val = this.items[key].val();
					if(val !== CK_UNDEF) {
						ret[key] = val;
					}
				}
				return ret;
			}
			for(var key in data) {
				(this.items[key] || (this.items[key] = new Jhidden(key))).val(data[key]);
			}
			return this;
		},
		queryString: function() {
			if(!this.validate()) return CK_FALSE;
			var qs = "";
			for(var key in this.items) {
				var obj = this.items[key];
				var val = obj.val();
				qs = serialize(obj, key, val, qs);
			}
			if(qs.length > 1) {
				qs.substr(0, qs.length - 1);
			}
			return qs;
		},
		get: function(url, data, check, eh) {
			if(CK_FALSE === data) return;
			var self = this;
			util.get(url, data, function(rd) {
				if(check(rd)) {
					self.reset();
					self.val(rd);
				}
			}, eh);
		},
		post: function(url, data, check, eh) {
			if(CK_FALSE === data) return;
			var self = this;
			util.post(url, data, function(rd) {
				if(check(rd)) {
					self.reset();
					self.val(rd);
				}
			}, eh);
		},
		doGet: function(url, sh, eh) {
			var data = this.val();
			if(data !== CK_FALSE) {
				util.get(url, data, sh, eh);
			}
		},
		doPost: function(url, sh, eh) {
			var data = this.val();
			if(data !== CK_FALSE) {
				util.post(url, data, sh, eh);
			}
		},
		doPut: function(url, sh, eh) {
			var data = this.val();
			if(data !== CK_FALSE) {
				util.put(url, data, sh, eh);
			}
		},
		doDel: function(url, sh, eh) {
			var data = this.val();
			if(data !== CK_FALSE) {
				util.del(url, data, sh, eh);
			}
		},
	});

	$.fn.form = FormPlugin;
	$.fn.form.Constructor = Jform;
	$.fn.upload = UploadPlugin;
	$.fn.upload.Constructor = Jupload;
	$.util = util;
	(function() {
		var DK_CODE_TEMPLATE_FUNC = "code_templat_func",
			reg_strikethrough_all = /-/g,
			g_codeRef = 1,
			qf = function(pnd) {
				var cr = pnd.children;
				for(var i = 0; i < cr.length; ++i) {
					var nd = cr[i];
					if(nd.nodeType == 1) {
						var $nd = $(nd);
						if($nd.hasClass("code-tpl")) {
							$nd.removeClass("code-tpl");
							return nd;
						}
						$nd = qf(nd);
						if($nd) return $nd;
					}
				};
				return null;
			},

			parseCodeTemplate = function(ele, handlers) {
				var hds = handlers;
				var childCode = null;
				while((childCode = qf(ele[0]))) {
					var $child = $(childCode);
					var key = $child.attr("code-func");
					if(key) {
						var cf = "_" + g_codeRef;
						++g_codeRef;
						hds[cf] = parseCodeTemplate($(childCode), hds);
						var ccode = "{{" + key + "-" + cf + "}}";
						if($child.hasClass("code-tag-hlod")) {
							$child.html(ccode);
						} else {
							//							console.log(childCode)
							//							console.log(childCode.parentNode);
							//doc.createTextNode("{{"+key+"-"+cf+"}}");
							//this.parentNode.replaceChild(this,doc.createTextNode("{{"+key+"-"+cf+"}}"));
							childCode.parentNode.insertBefore(document.createTextNode("{{" + key + "-" + cf + "}}"), childCode);
							//replaceChild(this,document.createTextNode("{{"+key+"-"+cf+"}}"));
							$child.remove();
						}
					}
				}
				var src = $.trim(ele.html());
				//				console.log(src);
				var ret = [],
					index = 0,
					len = src.length,
					b, e, ni;
				while(index < len) {
					b = src.indexOf('{{', index);
					if(b != -1) {
						ni = b + 2;
						var e = src.indexOf('}}', ni);
						if(e == -1) break;
						if(b > index) {
							ret.push({
								f: "_copy",
								k: null,
								sv: [src.substring(index, b)]
							});
						}
						if(e > ni) {
							var sh = src.substring(ni, e);
							var shlist = sh.split('-');
							var h = {
								pv: []
							};
							h.k = shlist[0];
							if(shlist.length == 1) {
								h.f = "toString";
							} else {
								h.f = shlist[1];
								for(var i = 2; i < shlist.length; ++i) {
									h.pv.push(shlist[i]);
								}
							}
							h.sv = sh;
							ret.push(h);
						}
						index = e + 2;
					} else {
						break;
					}
				}
				if(index < len) {
					ret.push({
						f: "_copy",
						k: null,
						sv: [src.substring(index, len)]
					});
				}
				//data
				return function(data, k, _index, pv, sv, hds) {
					var r = [];
					for(var i = 0; i < ret.length; ++i) {
						var h = ret[i];
						r.push((hds[h.f] || hds["_def"])(data, h.k, _index, h.pv, h.sv, hds));
						//.apply({"data":data,"key":h.k,"index":_index,"hds":hds}, h.pv));
					}
					return r.join("");
				}
			},
			hc_base_fnc = {
				"_def": function(data, key, _index, pv, sv, hds) {
					return "<!--" + sv.replace(reg_strikethrough_all, ' - ') + "-->";
				},
				"toString": function(data, key, _index, pv, sv, hds) {
					var v = data[key];
					return v ? v.toString() : (v === 0 ? "0" : (v === false ? "false" : ""));
				},
				"_copy": function(data, key, _index, pv, sv, hds) {
					return sv
				},
				"list": function(data, key, _index, pv, sv, hds) {
					var v = data[key] || [],
						fn = pv[0],
						r = [];
					if(v && v.length) {
						for(var i = 0; i < v.length; ++i) {
							var h = hds[fn] || hds["_def"];
							r.push(h(v[i], null, i, null, null, hds));
						}
					}
					return r.join("");
				},
				"emptylist": function(data, key, _index, pv, sv, hds) {
					var v = data[key] || [];
					if(!v.length) {
						return(hds[pv[0]] || hds["_def"])(data, null, null, null, null, hds);
					}
				},
				"[]": function(data, key, _index, pv, sv, hds) { return _index + 1 },
				"json": function(data, key, _index, pv, sv, hds) {
					return data ? (data[key] ? JSON.stringify(data[key]) : "") : "";
				},
				"bool": function(data, key) {
					return data ? (data[key] ? "是" : (data[key] === false ? "否" : "")) : "";
				},
			},
			HtmlCode = function(ele) {
				this.ele = ele;
				this.fnc = {};
				this.listener = [];
				$.extend(this.fnc, hc_base_fnc);
				ele.data(DK_CODE_TEMPLATE_FUNC, this);
			};

		$.extend(HtmlCode.prototype, {
			val: function(data) {
				if(!this.hand) {
					this.hand = parseCodeTemplate(this.ele, this.fnc);
				}
				this.ele.html(this.hand(data, null, -1, null, null, this.fnc));
				for(var i = 0; i < this.listener.length; ++i) {
					if(CK_FALSE === this.listener[i].call(this, data)) return;
				}
			},
			empty: function() {
				this.ele.empty();
			},
			shell: function(name, func) {
				if(name) {
					if(func) {
						this.fnc[name] = func;
					} else {
						return this.fnc[name];
					}
				} else {
					return this.fnc;
				}
			},
			addValueListener: function(h) {
				this.listener.push(h)
			},

		});
		var CodePlugin = function() {
			if(this.length) {
				var code = $(this[0]);
				var ret = code.data(DK_CODE_TEMPLATE_FUNC);
				if(!ret) {
					ret = new HtmlCode(code);
				}
				return ret;
			}
		};
		$.fn.code = CodePlugin;
		$.fn.code.Constructor = HtmlCode;
	})();
	(function() {
		var DK_DATA_TABLE = "dk_data_table",
			DataTable = function(ele) {
				this.ele = ele;
				this.codeRef = ele.find(".dt-tpl").code();
				this.formRef = ele.find(".dt-form").form();
				this.uri = ele.attr("loadUri");
				this.eh = true;
				this.ele.data(DK_DATA_TABLE, this);

			};
		$.extend(DataTable.prototype, {
			load: function() {
				var qd = this.formRef.val();
				if(qd === CK_FALSE) return;
				if(this.ch) {
					this.ch === true ? this.codeRef.empty() : this.ch();
				}
				var self = this;
				util.get(self.uri, qd, function(data) {
					self.codeRef.val({ "data": data, "length": data ? data.length : 0 });
				}, self.eh);
			},
			error: function(eh) {
				this.eh = eh;
			},
			beforLoad: function(ch) { this.ch = ch }
		});
		var DataTablePlugin = function() {
			if(this.length) {
				var dt = $(this[0]);
				var ret = dt.data(DK_DATA_TABLE);
				if(!ret) {
					ret = new DataTable(dt);
				}
				return ret;
			}
		}
		$.fn.dg = DataTablePlugin;
		$.fn.dg.Constructor = DataTable;
		var DK_PAGE_DATA_TABLE = "dk_page_data_table",
			pdt_pager_builder = function(data) {
				if(data.total) {
					var pages = Math.ceil(data.total / data.pageSize),
						no = data.pageNo,
						i = no - 2,
						hc = [];
					hc.push("<li class='");
					if(no > 1) {
						hc.push("active' no='" + (no - 1) + "'");
					} else {
						hc.push("disabled'");
					}
					hc.push("><a href='javascript:;'>«</a></li>");
					hc.push("<li class='" + (no == 1 ? "curr'" : "active' no='1'") + "><a href='javascript:;'>1</a></li>");
					if(no > 4) hc.push("<li><a href='javascript:;'>...</a></li>");
					for(i = Math.max(2, no - 2); i < no; ++i) {
						hc.push("<li class='active' no='" + i + "'><a href='javascript:;'>" + i + "</a></li>");
					}
					if(no != 1) {
						hc.push("<li class='curr'><a href='javascript:;'>" + no + "</a></li>");
					}
					i = no + 1;
					var min = Math.min(pages, no + 3);
					for(; i < min; ++i) {
						hc.push("<li class='active' no='" + i + "'><a href='javascript:;'>" + i + "</a></li>");
					}
					if(pages - no > 3) hc.push("<li><a href='javascript:;'>...</a></li>");
					if(pages != no) hc.push("<li class='active' no='" + pages + "'><a href='javascript:;'>" + pages + "</a></li>");
					hc.push("<li class='");
					if(no != pages) {
						hc.push("active' no='" + (no + 1) + "'");
					} else {
						hc.push("disabled'");
					}
					hc.push("><a href='javascript:;'>»</a></li>");
					this.pagerEle.html(hc.join(""));
					var self = this;
					this.pagerEle.children("li.active").on("click", function() {
						self.goPage(parseInt($(this).attr("no")));
					});
				} else {
					this.pagerEle.empty();
				}
			},
			pdt_build_pageIndex = function(data, key, pageSize, pageNo) {
				var bi = pageSize * (pageNo - 1) + 1;
				for(var i = 0; i < data.length; ++i) {
					data[i][key] = bi++;
				}
			},
			PageDataTable = function(ele) {
				this.ele = ele;
				this.codeRef = ele.find(".dt-tpl").code();
				this.formRef = ele.find(".dt-form").form();
				this.pagerEle = ele.find(".dt-pager");
				this.uri = ele.attr("loadUri");
				this.pagerPrefix = ele.attr("pagerPrefix") ? "_" : "";
				this.pageSize = parseInt(ele.attr("pageSize") || "1");
				this.pageNo = parseInt(ele.attr("pageNo") || "10");
				this.ph = pdt_pager_builder;
				this.ele.data(DK_PAGE_DATA_TABLE, this);
				this.eh = true;
				this.pageIndex = ele.attr("pageIndex");
			};
		$.extend(PageDataTable.prototype, {
			error: function(eh) { this.eh = eh },
			beforLoad: function(ch) { this.ch = ch },
			load: function() {
				var qd = this.formRef.val();
				if(qd === CK_FALSE) return;
				this.cache = qd || {};
				this.cache[this.pagerPrefix + "pageNo"] = this.pageNo;
				this.cache[this.pagerPrefix + "pageSize"] = this.pageSize;
				this.reload();
			},
			reload: function() {
				if(this.ch) {
					this.ch === true ? (this.codeRef.empty() || this.pagerEle.empty()) : this.ch();
				}
				var self = this;
				util.get(self.uri, this.cache, function(data) {
					self.total = data.total;
					data.length = data.data.length;
					if(self.pageIndex) {
						pdt_build_pageIndex(data.data, self.pageIndex, data.pageSize, data.pageNo);
					}
					self.codeRef.val(data);
					self.ph(data);
				}, self.eh);
			},
			goPage: function(pageNo, pageSize) {
				this.cache[this.pagerPrefix + "pageNo"] = pageNo;
				this.cache[this.pagerPrefix + "pageSize"] = (pageSize || this.cache[this.pagerPrefix + "pageSize"]);
				this.reload();
			},
			buildPager: function(ph) { this.ph = ph }
		});
		var PageDataTablePlugin = function() {
			if(this.length) {
				var dt = $(this[0]);
				var ret = dt.data(DK_PAGE_DATA_TABLE);
				if(!ret) {
					ret = new PageDataTable(dt);
				}
				return ret;
			}
		}
		$.fn.pdg = PageDataTablePlugin;
		$.fn.pdg.Constructor = PageDataTable;
	})();

	(function() {
		var spa_modal_index = 0,
			spa_load_res = function() {
				var self = this;
				if(this.resUri) {
					util.get(self.resUri, null, function(data) {
						/**
						 * res =[{id:"",uri:"",css:"",script:""},{id:"",uri:"",css:"",script:""},...........]
						 */
						self.res = {};
						for(var i = 0; i < data.length; ++i) {
							var item = data[i];
							self.res[item.id] = item;
						}
						if(self.menuUri) {
							spa_load_menu.call(self);
						} else {
							self.showMain();
						}
					}, {})
				}
			},
			spa_load_menu = function() {
				var self = this;
				util.get(this.menuUri, null, function(menu) {
					self.menu = menu;
					spa_build_menu.call(self);
					self.showMain();
				}, function(errCode, errMsg, errDetailMsg) {
					util.error("load spa menu data error");
				});
			},
			spa_build_menu = function() {
				if(this.menuEle && this.menu) {
					var pEle = $("<ul class='nav nav-root'></ul>");
					spa_build_menu_item(this, pEle, this.menu);
					pEle.appendTo(this.menuEle);
					var self = this;
					this.menuEle.find(".nav-hand").on("click", function(e) {
						var $this = $(this);
						pEle.find(".nav-hand.active").removeClass("active");
						$this.addClass("active");
						if($this.hasClass("spa-modal")) {
							self.showModal($this.attr("res"));
						} else {
							location.hash = "#" + $this.attr("res");
							self.showMain();
						}
					});
					this.menuEle.find(".nav-branch-hand").on("click", function(e) {
						var prt = $(this).parent();
						if(prt.hasClass("open")) {
							prt.removeClass("open");
						} else {
							prt.parent().children(".open").removeClass("open");
							prt.addClass("open");
						}
					});
				}
			},
			spa_build_menu_item = function(that, pEle, items) {
				var item, res, caption, iconClass;
				for(var i = 0; i < items.length; ++i) {
					item = items[i];
					var $li = $("<li></li>");
					var $a = $("<a href='javascript:;'></a>").appendTo($li);
					caption = item.caption;
					iconClass = item.icon || (item.res ? "book" : "branch");
					$a.html("<i class='icon-" + iconClass + "'></i>" + caption);
					if(item.res) {
						$a.attr("res", item.res).addClass("nav-hand");
						if(item.modal) {
							$a.addClass("spa-modal");
						}
					} else {
						$a.append($("<i class='icon fold'></i>")).addClass("nav-branch-hand");
						$li.addClass("nav-parent");
						var $ul = $("<ul class='nav'></ul>").appendTo($li);
						spa_build_menu_item(that, $ul, item.children);
					}
					$li.appendTo(pEle);
				}
			},
			spa_loadModelCss = function(model) {
				if(model.css) {
					var found = false;
					$("link").each(function() {
						if(model.css == this.getAttribute("href")) {
							var ref = parseInt(this.getAttribute("spa-css-ref") || "1");
							this.setAttribute("spa-css-ref", "" + (ref + 1));
							found = true;
							return false;
						}
					});
					if(!found) {
						var link = doc.createElement('link');
						link.rel = 'stylesheet';
						link.href = model.css;
						link.media = 'all';
						link.setAttribute("spa-css-ref", "1");
						head.appendChild(link);
					}
				}
			},
			spa_showMainInternal = function(model) {
				spa_cleanMain.call(this);
				this.main = model;
				if(model.css) spa_loadModelCss.call(this, model);
				if(model.html) this.mainEle.html(model.html);
				this.mainEle.attr("spa-model-id", model.id);
				if(model.factory && model.factory.main) {
					model.factory.main.call(this);
				}
			},
			spa_showModalInternal = function(model, data) {
				if(model.css) spa_loadModelCss.call(this, model);
				var ly = util.createModalLayer(model.html);
				++spa_modal_index;
				//				console.log(ly.ctn)
				ly.ctn.addClass("spa-modal").addClass("spa-modal-index-" + spa_modal_index).attr("spa-model-id", model.id);
				if(model.factory && model.factory.modal) {
					model.factory.modal.call(this, data);
				}
			},
			spa_cacheModel = function(model) {
				var m = this.cache[model.id] = {};
				m.html = model.html;
				m.factory = model.factory;
				m.css = model.css;
				m.id = model.id;
				m.data = model.data;
				delete this.res[model.id];
				return m;
			},
			spa_afterLoadByMain = function(model, data) {
				spa_showMainInternal.call(this, spa_cacheModel.call(this, model));
			},
			spa_afterLoadByModal = function(model, data) {
				spa_showModalInternal.call(this, spa_cacheModel.call(this, model), data);
			},
			spa_loadModel = function(model, handler, data) {
				var self = this;
				if(model.html) {
					model.state = 11;
					if(model.script) {
						spa_loadModelScript.call(self, model, handler, data);
					} else {
						handler.call(self, model, data);
					}
				} else if(model.uri) {
					util.showLoading();
					model.state = 10;
					$.ajax({ url: model.uri, dataType: "html", type: "GET" }).done(function(hc) {
						model.state = 11;
						model.html = hc;
						util.hideLoading();
						if(model.script) {
							spa_loadModelScript.call(self, model, handler, data);
						} else {
							handler.call(self, model, data);
						}
					}).fail(function() {
						model.state = 12;
						util.hideLoading();
						util.error("load resource[" + model.id + "] html error");
					});
				}
			},
			spa_removeModelCss = function(model) {
				if(model.css) {
					$("link").each(function() {
						if(model.css == this.getAttribute("href")) {
							var ref = parseInt(this.getAttribute("spa-css-ref") || "1");
							if(ref == 1) {
								this.parentNode.removeChild(this);
							} else {
								this.setAttribute("spa-css-ref", "" + (ref - 1));
							}
						}
					});
				}
			},
			spa_loadModelScript = function(model, handler, data) {
				var self = this;
				model.factory = this.scriptCache[model.script];
				if(model.factory) {
					model.state = 31;
					handler.call(this, model, data);
					return;
				}
				var node = doc.createElement(EN_SCRIPT);
				node.async = CK_TRUE;
				node.src = model.script;
				node.charset = "UTF-8";
				var supportOnload = "onload" in node;
				util.showLoading();
				window.spa_define = function(factoryBuilder) {
					model.state = 30;
					util.showLoading();
					try {
						self.scriptCache[model.script] = model.factory = factoryBuilder.call(null, self);
						model.state = 31;
						util.hideLoading();
					} catch(error) {
						model.state = 32;
						util.hideLoading();
						util.error("init model[" + model.id + "] error");
					}
					handler.call(self, model, data);
				}

				if(supportOnload) {
					node.onload = function() {
						if(model.state < 21) model.state = 21;
						node.onerror = null;
						node.onload = null;
						head.removeChild(node);
						util.hideLoading();
					};
					node.onerror = function() {
						if(model.state < 22) {
							model.state = 22;
							util.error("load script error:" + model.script);
							node.onload = null;
							node.onerror = null;
						}
						head.removeChild(node);
						util.hideLoading();
					};
				} else {
					node.onreadystatechange = function() {
						if(/loaded|complete/.test(node.readyState)) {
							node.onreadystatechange = null;
							if(model.state < 21) {
								model.state = 21;
								var to = model.timeout || 1000;
								setTimeout(function() {
									if(model.state == 21) {
										model.state = 22;
										util.error("load script error:" + model.script);
										head.removeChild(node);
										util.hideLoading();
									}
								}, model.timeout || 1000);
							} else {
								head.removeChild(node);
								util.hideLoading();
							}
						}
					};
				}
				model.state = 20;
				baseElement ?
					head.insertBefore(node, baseElement) :
					head.appendChild(node);
			},
			spa_cleanMain = function() {
				if(this.main) {
					spa_removeModelCss.call(this, this.main);
					if(this.main.factory && this.main.factory.mainDestory) this.main.factory.mainDestory.call(this);
					this.mainEle.empty();
				}
			},

			SPA = function(ele) {
				this.ele = ele;
				ele.data(DK_FORM_VALUE, this);
				this.menuEle = ele.find(".spa-menu");
				this.mainEle = ele.find(".spa-main");
				this.menuUri = ele.attr("menu");
				this.resUri = ele.attr("resource");
				this.cache = {};
				this.scriptCache = {};
			};

		$.extend(SPA.prototype, {
			init: function() {
				spa_load_res.call(this);
			},
			getModel: function(id) {
				return this.cache ? this.cache[id] : this.res[id];
			},
			showModal: function(id, data) {
				if(this.cache[id]) {
					spa_showModalInternal.call(this, this.cache[id], data);
				} else {
					var model = this.res[id];
					if(model) {
						spa_loadModel.call(this, model, spa_afterLoadByModal, data);
					} else {
						util.error("invalid resource id[" + id + "]");
					}
				}
			},
			showMain: function() {
				var id = location.hash;
				if(id && id.length > 1) {
					id = id.substring(1);
				} else return;
				if(this.main && id == this.main.id) return;
				if(this.cache[id]) {
					spa_showMainInternal.call(this, this.cache[id]);
				} else {
					var model = this.res[id];
					if(model) {
						spa_loadModel.call(this, model, spa_afterLoadByMain);
					} else {
						util.error("invalid resource id[" + id + "]");
					}
				}
			},
			getLastModalIndex: function() {
				return spa_modal_index;
			},
			getLastModalCtn: function() {
				return $(".spa-modal-index-" + spa_modal_index);
			},
			getLastModalModel: function() {
				var ctn = $(".spa-modal-index-" + spa_modal_index);
				var id = modalCtn.attr("spa-model-id");
				return getModel(id);
			},
			closeModal: function() {
				var ctn = $(".spa-modal-index-" + spa_modal_index);
				var id = ctn.attr("spa-model-id");
				var inx = _g_layer_curr.index + 1;
				if(ctn.hasClass("layer-" + inx)) {
					var model = this.cache ? this.cache[id] : this.res[id];
					if(model) {
						if(model.factory.modalDestory) model.factory.modalDestory.call(this);
						if(model.css) spa_removeModelCss.call(this, model);
						--spa_modal_index;
						util.closeModalLayer();
					}
				} else {
					util.error("can't close modal:has top layer ");
				}
			}
		});

		$.buildSpa = function() {
			var sbody = $("body");
			if(sbody.length == 1 && sbody.hasClass("spa-page")) {
				$.spa = new SPA(sbody);
				$.spa.init();
			}
		};
	})();
	$(doc).on("click.jr_dropdown_api", dd_clearMenus);
	$(doc).on("click.jr_dropdown_api", QF_DROP_DOWN_HAND, dd_toggle);

	$(doc).on("show.jr.dropdown", ".dd-ctn.date,.dd-ctn.datetime,.dd-ctn.time", function() {
		var $dateCtn = $(this);
		var date = $dateCtn.data(DK_FORM_VALUE);
		if(date && date.show) {
			date.show();
		}
	});
	$(doc).on("click", ".dd-ctn.date .day .day-item ,.dd-ctn.date .day .no-current-month", function() {
		var $this = $(this);
		var $dateCtn = $this.parents(".dd-ctn.date");
		var date = $dateCtn.data(DK_FORM_VALUE);
		if(date && date.val && $this.attr("day")) {
			date.val($this.attr("day"));
		}
	});
	$(doc).on("click", ".day .prev-year", function(e) {
		var $this = $(this);
		var table = $this.parents("table");
		if(table) {
			var year = table.attr("year");
			if(year) {
				var month = table.attr("month");
				if(month) {
					month = parseInt(month) - 1;
					year = parseInt(year) - 1;
					var dddrop = table.parents(".dd-drop.date");
					if(dddrop) {
						$ddc = dddrop.parents(".dd-ctn");
						if($ddc) {
							var date = $ddc.data(DK_FORM_VALUE);
							if(date && date.showDay) {
								date.showDay(dddrop, year, month);
								e.stopPropagation();
							}
						}
					}
				}
			}
		}
	});
	$(doc).on("click", ".day .prev-month", function(e) {
		var $this = $(this);
		var table = $this.parents("table");
		if(table) {
			var year = table.attr("year");
			if(year) {
				var month = table.attr("month");
				if(month) {
					month = parseInt(month) - 1;
					year = parseInt(year);
					if(month > 0) {
						month--;
					} else {
						year--;
						month = 11;
					}
					var dddrop = table.parents(".dd-drop.date");
					if(dddrop) {
						$ddc = dddrop.parents(".dd-ctn");
						if($ddc) {
							var date = $ddc.data(DK_FORM_VALUE);
							if(date && date.showDay) {
								date.showDay(dddrop, year, month);
								e.stopPropagation();
							}
						}
					}
				}
			}
		}
	});
	$(doc).on("click", ".day .next-year", function(e) {
		var $this = $(this);
		var table = $this.parents("table");
		if(table) {
			var year = table.attr("year");
			if(year) {
				var month = table.attr("month");
				if(month) {
					month = parseInt(month) - 1;
					year = parseInt(year) + 1;
					var dddrop = table.parents(".dd-drop.date");
					if(dddrop) {
						$ddc = dddrop.parents(".dd-ctn");
						if($ddc) {
							var date = $ddc.data(DK_FORM_VALUE);
							if(date && date.showDay) {
								date.showDay(dddrop, year, month);
								e.stopPropagation();
							}
						}
					}
				}
			}
		}
	});
	$(doc).on("click", ".day .next-month", function(e) {
		var $this = $(this);
		var table = $this.parents("table");
		if(table) {
			var year = table.attr("year");
			if(year) {
				var month = table.attr("month");
				if(month) {
					month = parseInt(month) - 1;
					year = parseInt(year);
					if(month == 11) {
						year++;
						month = 0;
					} else {
						month++;
					}
					var dddrop = table.parents(".dd-drop.date");
					if(dddrop) {
						$ddc = dddrop.parents(".dd-ctn");
						if($ddc) {
							var date = $ddc.data(DK_FORM_VALUE);
							if(date && date.showDay) {
								date.showDay(dddrop, year, month);
								e.stopPropagation();
							}
						}
					}
				}
			}
		}
	});
	$(doc).on("click", ".click-hide-parent", function() {
		$(this).parent().hide();
	});
}(jQuery);