iuni-core.js

function $DelayLoadImg(o, undefined) {
var othis = this;
othis._newNum = 0;
othis._selfId = (++othis.constructor._newNum);
othis._selfName = ".$DelayLoadImg" + othis._selfId;


if (o != undefined) {
othis.oContent = $id(o).getElementsByTagName("img");
} else {
othis.oContent = document.images;
}
othis.init = function() {
var othis = this;


if (othis.oContent.length == 0) {
return false;
}


othis.oLoadItems = new Array();
for (var i = 0, len = othis.oContent.length; i < len; i++) {
if (othis.oContent[i].attributes["init_src"]) {
othis.oLoadItems.push(eval('$(othis.oContent[i])'));
}
}
if (othis.oLoadItems.length == 0) {
return false;
}


eval('$(window)').bind("scroll" + othis._selfName + " resize" + othis._selfName, othis, othis.fnLoad);
othis.fnLoad();
};
othis.fnLoad = function(e) {
var othis = (e && e.data) || this;
var owin = eval('$(window)'),
oLoad = othis.oLoadItems;
var scrollStart = owin.scrollTop(),
winH = owin.height(),
end = scrollStart + winH;


var sum = oLoad.length;
for (var i = 0; i < sum; i++) {


if (oLoad[i].attr("src") == oLoad[i].attr("init_src")) {
oLoad.splice(i, 1);
i--;
sum--;
continue;
}


var offTop = parseInt(oLoad[i].offset().top);
var offBottom = parseInt(offTop + (oLoad[i].outerHeight() || othis.height));


if ((offTop >= scrollStart && offTop <= end) || (offBottom >= scrollStart && offBottom <= end || (offTop < scrollStart && offBottom > end))) {
oLoad[i].attr("src", oLoad[i].attr("init_src"));
oLoad.splice(i, 1);
i--;
sum--;
}
}


if (sum == 0) {
eval('$(window)').unbind("scroll" + othis._selfName + " resize" + othis._selfName);
}
};
othis.init();
}


function $addClass(ids, cName) {
$setClass(ids, cName, "add");
}
/**
 * url添加参数
 * @param {Object} url 要处理的url
 * @param {Object} param 要添加的参数名
 * @param {Object} value 要添加的参数值,注意需要编码处理
 * @param {Object} replace 是否替换url中的同名参数
 */
function $addParam(url, param, value, replace) {
param += '=';
var a = document.createElement('a');
a.href = url;
var search = a.search.replace(/^\?+/, '');


search = search ? search.split('&') : [];
if (replace) {
//替换相同参数,把原参数数据清除
for (var i = search.length; i--;) {
if (search[i].indexOf(param) == 0) {
search.splice(i, 1);
}
}
}


search.push(param + value);


a.search = '?' + search.join('&'); //ie6


return a.href;
}
/**
 * url添加参数
 * @param {Object} url 要处理的url
 * @param {Object} param 要添加的参数对象,名值对
 * @param {Object} replace 是否替换url中的同名参数
 */
function $addParams(url, param, replace) {
var a = document.createElement('a');
a.href = url;
var search = a.search.replace(/^\?+/, '');
search = search ? search.split('&') : [];
//合并参数
for (var i = 0, len = search.length; i < len; i++) {
var p = search[i].split('='),
p0 = p[0],
p1 = typeof p[1] == 'undefined' ? '' : p[1],
t = typeof param[p0] != 'undefined';
if (t && replace) {
continue;
}
if (t) {
if ($isArray(param[p0])) {
param[p0].unshift(p1);
} else {
param[p0] = [p1, param[p0]];
}
} else {
param[p0] = p1;
}
}
//拼接参数
var s = [];
for (var p in param) {
var v = param[p];
if ($isArray(v)) {
for (var i = 0, len = v.length; i < len; i++) {
s.push(p + '=' + v[i]);
}
} else {
s.push(p + '=' + v);
}
}
a.search = s.join('&');
//返回
return a.href;
}


function $addSelect(e, t, v) {
var o = new Option(t, v);
e.options[e.options.length] = o;
return o;
}
/**
 * 添加token标识,防csrf用
 * @param {Object} url 要添加标识的url
 * @param {Object} tokenname token参数名称,默认为tk,由接口确定
 * @param {Object} key token校验key,默认为tgt数据,由接口确定
 */
function $addToken(url, tokenname, key) {
tokenname = tokenname || 'tk';
var tgt;
if (key || (tgt = $getCookie('tgt'))) {
return $addParam(url, tokenname, key || $t33(tgt), true);
}
return url;
}


function $after(fn, after) {
return function() {
var ret = fn.apply(this, arguments);
if (ret === false) {
return false;
}
after.apply(this, arguments);
return ret;
};
};
/**
 * 数组添加元素,判断元素在数组中是否存在,如不存在则添加到末尾,否则返回
 * @param {Object} arr 要添加的数组,可为空
 * @param {Object} obj 要添加的元素
 * 
 * 返回:返回处理后的数组
 */
function $arrAddUniq(arr, obj) {
if (!arr) {
arr = [obj];
return arr;
}
for (var i = arr.length; i--;) {
if (arr[i] === obj) {
return arr;
}
}
arr.push(obj);
return arr;
}
/**
 * 查找数组,返回查找结果
 * @param {Object} arr 要查找的数组
 * @param {Object} fn 查找判断函数
 * @param {Object} num 要查找的数量,负数表示不限制数量,默认为不限制数量
 * 
 * 返回,如果要查找的数量为1,返回当前查找到对对象,否则返回查找到的对象列表
 */
function $arrFind(arr, fn, num) {
num = num || -1;
if (!arr || arr.length == 0) {
return num == 1 ? null : [];
}
var result = [],
l = 0;
for (var i = 0, len = arr.length; i < len; i++) {
if (fn(arr[i])) {
result.push(arr[i]);
if (++l == num) {
return num == 1 ? result[0] : result;
}
}
}
return num == 1 ? null : result;
}
/**
 * 将多个数组按照属性值合并对象,组成一个数组并返回,如{a:[1,2],b:[1.1,2.2]}合并后返回的内容是[{a:1,b:1.1},{a:2,b:2.2}]
 * @param {Object} obj 不同属性对应的数组
 */
function $arrMergeProperties(obj) {
var keys = $keys(obj),
arr = [];
var maxLen = $arrNear(keys, function(k) {
return obj[k].length;
});
for (var i = 0; i < maxLen; i++) {
var item = {};
$each(keys, function(k) {
item[k] = obj[k][i];
});
arr.push(item);
}
return arr;
}
/**
 * 从数组中查找最符合要求的元素
 * @param {Object} arr 要查找的数组
 * @param {Object} fn 数组元素调用函数,返回值越大表示越符合要求,小于等于0表示放弃
 * @param {Object} num 要查找的数量
 */
function $arrNear(arr, fn, num) {
num = num || -1;
if (!arr || arr.length == 0) {
return num == 1 ? null : [];
}
var h = null,
e = null,
l = 0;
$each(arr, function(x, i) {
var d = fn(x);
if (d > 0) {
if (!h) {
h = e = {
p: null,
n: null,
o: x,
d: d,
i: i
};
l = 1;
} else {
var c = e;
while (c) {
if (c.d < d) {
c = c.p;
} else {
c.n = {
p: c,
n: c.n,
o: x,
d: d,
i: i
};
if (c.n.n) {
c.n.n.p = c.n;
} else {
e = c.n;
}
l++;
break;
}
}
if (!c) {
h.p = {
p: null,
n: h,
o: x,
d: d,
i: i
};
h = h.p;
l++;
}
if (l > num) {
e = e.p;
e.n.p = null;
e.n = null;
}
}
}
});
if (l == 1) {
return h ? {
index: h.i,
value: h.o
} : null;
} else {
var arr = [];
while (h) {
arr.push({
index: h.i,
value: h.o
});
h = h.n;
}
return arr;
}
}
/**
 * 数组reduce操作,用于简化或降级(reduce)数组,Javascript 1.8提供Array.prototype.reduce,本函数提供功能与其相同
 * reduce自左向右遍历数组的每一个元素并调用迭代器,迭代返回操作结果作为下一个迭代的初始值
 * @param {Array} arr 需要作reduce操作的数组
 * @param {Function} iterator 迭代器,支持四个参数,前一个迭代结果值(memo)、当前迭代对象(x)、索引(index)和数组(array)本身
 * @param {Any} memo 迭代初始值
 */
function $arrReduce(arr, iterator, memo) {
if (arr.reduce) {
return arr.reduce(iterator, memo);
}
$each(arr, function(x, i) {
memo = iterator(memo, x, i, arr);
});
return memo;
}
/**
 * 从数组中移除指定元素,返回移除的数量
 * @param {Object} arr 要移除的数组
 * @param {Object} target 要移除的元素
 * @param {Object} compFunc 自定义比较函数,可以为空
 * 
 * 返回移除的数量
 */
function $arrRemove(arr, target, compFunc) {
var num = 0,
len = arr.length;
for (var c = 0; c < len; c++) {
if (compFunc ? compFunc(arr[c], target) : (arr[c] === target)) {
arr.splice(c--, 1);
num++;
}
}
return num;
}
/**
 * 遍历数组,迭代器异步执行,发生错误或者完成遍历后回调
 * @param {Array} arr 需要遍历的数组
 * @param {Function} iterator 迭代器,支持2个参数,1:当前迭代的对象,2:迭代函数执行完毕的回调函数
 * @param {Function} callback 迭代完成回调函数,如果迭代过程出错会传入一个错误参数
 */
function $asyncEach(arr, iterator, callback) {
callback = callback || function() {};
if (!arr.length) {
return callback();
}
var completed = 0;
$each(arr, function(x) {
iterator(x, $limitCalls(function(err) {
if (callback) {
if (err) {
callback(err);
callback = null;
} else {
if (++completed >= arr.length) {
callback(null);
}
}
}
}));
});
}
/**
 * 顺序遍历数组,迭代器异步执行,发生错误或者完成遍历后回调,类似于$asyncEach,不同点在于$asyncEachSeries是顺序遍历,下一个元素的迭代器执行需要等代上一个元素迭代器执行完成,而$asyncEach不需要等待
 * @param {Object} arr 需要遍历的数组
 * @param {Object} iterator 迭代器,支持2个参数,1:当前迭代的对象,2:迭代函数执行完毕的回调函数
 * @param {Object} callback 迭代完成回调函数,如果迭代过程出错会传入一个错误参数
 */
function $asyncEachSeries(arr, iterator, callback) {
callback = callback || function() {};
if (!arr.length) {
return callback();
}
var completed = 0;
var iterate = function() {
iterator(arr[completed], $limitCalls(function(err) {
if (callback) {
if (err) {
callback(err);
callback = null;
} else {
completed += 1;
if (completed >= arr.length) {
callback(null);
} else {
iterate();
}
}
}
}));
};
iterate();
}
/**
 * 类似于$asyncEach,但在执行完毕时会返回每个执行的结果.如果其中一个执行出现错误,返回的数组中将仅包含已经成功执行了的结果
 * @param {Object} arr 需要遍历的数组
 * @param {Object} iterator 迭代函数,支持2个参数,1:当前迭代的对象,2:迭代函数执行完毕的回调函数,回调函数允许传递2个参数,分别是错误信息和结果信息
 * @param {Object} callback 完成或错误后的回调,带有2个参数,1:错误信息,无错误则为空,2:已经成功执行了的结果数组
 */
function $asyncMap(arr, iterator, callback) {
var results = [];
arr = $map(arr, function(x, i) {
return {
index: i,
value: x
};
});
$asyncEach(arr, function(x, callback) {
iterator(x.value, function(err, v) {
results[x.index] = v;
callback(err);
});
}, function(err) {
callback(err, results);
});
}
/**
 * 类似于$asyncEachSeries,但在执行完毕时会返回每个执行的结果.如果其中一个执行出现错误,返回的数组中将仅包含已经成功执行了的结果
 * @param {Object} arr 需要遍历的数组
 * @param {Object} iterator 迭代函数,支持2个参数,1:当前迭代的对象,2:迭代函数执行完毕的回调函数,回调函数允许传递2个参数,分别是错误信息和结果信息
 * @param {Object} callback 完成或错误后的回调,带有2个参数,1:错误信息,无错误则为空,2:已经成功执行了的结果数组
 * 
 * 注:该函数及其类似于$asyncMap,区别点是$asyncMap的遍历不会等待,而$asyncEachSeries的遍历必须在上一个元素遍历完成后执行
 */
function $asyncMapSeries(arr, iterator, callback) {
var results = [];
arr = $map(arr, function(x, i) {
return {
index: i,
value: x
};
});
$asyncEachSeries(arr, function(x, callback) {
iterator(x.value, function(err, v) {
results[x.index] = v;
callback(err);
});
}, function(err) {
callback(err, results);
});
}


function $attr(attr, val, node) {
var results = [],
node = node || document.body;
walk(node, function(n) {
var actual = n.nodeType === 1 && (attr === "class" ? n.className : n.getAttribute(attr));
if (typeof actual === 'string' && (actual === val || typeof val !== 'string')) {
results.push(n);
}
});
return results;


function walk(n, func) {
func(n);
n = n.firstChild;
while (n) {
walk(n, func);
n = n.nextSibling;
}
}
}
/**
 * 向上遍历查找属性为特定值的节点
 * @param {Object} attr 属性名
 * @param {Object} val 属性值
 * @param {Object} node 节点
 * @param {Object} top 遍历的最高节点(不包括)
 * @param {Object} recursion 是否在找到后继续遍历
 */
function $attrParent(attr, val, node, top, recursion) {
var result = [],
top = top || document.body;
var fn = val ? (typeof val == 'function' ? val : val.test ? val.test : function(av) {
return av === val;
}) : function(av) {
return av !== null;
};
while (node && node != top) {
var av = node.getAttribute(attr);
if (fn.call(val, av, node)) {
result.push(node);
if (!recursion) {
break;
}
}
node = node.parentNode;
}
return recursion ? result : result[0];
}


function $before(before, fn) {
return function() {
if (fn.apply(this, arguments) === false) {
return false;
}
return before.apply(this, arguments);
}
}
/**
 * 返回一个封装函数,该封装函数绑定函数fn的this对象,如果context参数后面带有更多的参数,那么更多的那些参数将成为函数fn的前几个预置参数,封装函数的参数会跟在预置函数后面
 * @param {Object} fn 需要绑定的函数
 * @param {Object} context 需要绑定的this对象
 */
function $bindContext(fn, context) {
if (arguments.length < 3 && !context) {
return this;
}
var slice = Array.prototype.slice;
var args = slice.call(arguments, 2);
var bound = function() {
return fn.apply(context, arguments.length ? args.concat(slice.apply(arguments)) : args);
};
return bound;
}


function $bindEvent(dom, handle, type) {
if (!dom || !handle) {
return;
}
type = type || 'click';
if (dom instanceof Array) {
for (var i = 0, l = dom.length; i < l; i++) {
$bindEvent(dom[i], handle, type);
}
return;
}
if (type instanceof Array) {
for (var i = 0, l = type.length; i < l; i++) {
$bindEvent(dom, handle, type[i]);
}
return;
}


function setHandler(dom, type, handler, wrapper) {
var eid = dom.__eventId = dom.__eventId || $incNum();
$bindEvent.__allHandlers = $bindEvent.__allHandlers || {};
$bindEvent.__allHandlers[eid] = $bindEvent.__allHandlers[eid] || {};
$bindEvent.__allHandlers[eid][type] = $bindEvent.__allHandlers[eid][type] || [];
$bindEvent.__allHandlers[eid][type].push({
handler: handler,
wrapper: wrapper
});
}


function createDelegate(handle, context) {
return function(e) {
return handle.call(context, $eventNormalize(e || window.event));
};
}
if (type == 'wheel' || type == 'mousewheel' || type == 'DOMMouseScroll') {
//对wheel,mousewheel,DOMMouseScroll做一致性兼容
type = ('onwheel' in document || document.documentMode >= 9) ? 'wheel' : (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel";
}
if (window.addEventListener) {
var wrapper = createDelegate(handle, dom);
setHandler(dom, type, handle, wrapper)
dom.addEventListener(type, wrapper, false);
} else if (window.attachEvent) {
var wrapper = createDelegate(handle, dom);
setHandler(dom, type, handle, wrapper)
dom.attachEvent("on" + type, wrapper);
} else {
dom["on" + type] = handle;
}
}


function $child(node, val, fn) {
var results = [],
node = node || document.body,
typeval = typeof val,
test;
if (typeval == 'string') {
val = val.toUpperCase();
test = function(tagName, node) {
return tagName == val;
}
} else {
test = typeval == 'function' ? val : function() {
return true;
}
}
walk(node.firstChild, function(n) {
if (n && n.nodeType === 1 && test(n.nodeName.toLowerCase(), n)) {
results.push(n);
fn && fn(n);
}
});
return results;


function walk(n, func) {
func(n);
while (n && (n = n.nextSibling)) {
func(n, func);
}
}
}


function $clone(obj, deep) {
if (!obj) {
return obj;
}
if ($isArray(obj)) {
var clone = new Array(obj.length);
for (var i = obj.length; i--;) {
clone[i] = deep ? $clone(obj[i], deep) : obj[i];
}
return clone;
} else if (Object.prototype.toString.call(obj) == "[object Object]") {
var clone = {};
for (var k in obj) {
if (obj.hasOwnProperty(k)) {
clone[k] = deep ? $clone(obj[k], deep) : obj[k];
}
}
return clone;
} else {
return obj;
}
}
/**
 * 返回预置参数的柯里化函数
 * @param {Object} fn 需要柯里化的函数
 */
function $curry(fn) {
if (arguments.length < 2) {
return fn;
}
var slice = Array.prototype.slice,
args = slice.call(arguments, 1);
return function() {
return fn.apply(this, arguments.length ? args.concat(slice.apply(arguments)) : args);
}
}


function $cut_text(str, num) {
try {
var index = 0;
for (var i = 0, l = str.length; i < l; i++) {
if ((/[^\x00-\xFF]/).test(str.charAt(i))) {
index += 2;
} else {
index++;
}
if (index > num) {
return (str.substr(0, i) + '..');
}
}
return str;
} catch (e) {
return str;
}
}


function $delClass(ids, cName) {
$setClass(ids, cName, "remove");
}


function $delCookie(name, path, domain, secure) {
//删除cookie
var value = $getCookie(name);
if (value != null) {
var exp = new Date();
exp.setMinutes(exp.getMinutes() - 1000);
path = path || "/";
document.cookie = name + '=;expires=' + exp.toGMTString() + (path ? ';path=' + path : '') + (domain ? ';domain=' + domain : '') + (secure ? ';secure' : '');
}
}
/**
 * 延迟一个函数执行时间,在一定时间后执行
 * @param {Object} fn 要执行的函数
 * @param {Object} timeout 延迟的时间,单位毫秒
 * 
 * 返回延时的定时器,如果需要中途取消延时,可操作该定时器
 * 注:如执行函数需要参数,直接添加到timeout参数后面即可
 */
function $delay(fn, timeout) {
var args = Array.prototype.slice.call(arguments, 2);
return setTimeout(function() {
return fn.apply(fn, args);
}, timeout);
}


function $display(ids, state) {
var state = state || '';
if (typeof(ids) == "string") {
var arr = ids.split(',');
for (var i = 0, len = arr.length; i < len; i++) {
var o = $id(arr[i]);
o && (o.style.display = state);
}
} else if (ids.length) {
for (var i = 0, len = ids.length; i < len; i++) {
ids[i].style.display = state;
}
} else {
ids.style.display = state;
}
}
/**
 * 
 * 异步的类似于$doWhilst的操作,但是判断条件是相反的,语义上$doWhilst是当条件不成立时中断循环,$utile是当条件成立时中断循环
 * @param {Object} test 条件测试函数,测试while条件是否成立
 * @param {Object} iterator 异步执行函数,条件测试为true时调用,传入一个callback的函数参数,当语句执行完成后回调callback表示当前执行完成,执行下一步
 * @param {Object} callback 完成条件循环后进行回调,正常回调时无传入参数,错误时传入一个错误参数
 */
function $doUntil(iterator, test, callback) {
iterator(function(err) {
if (err) {
return callback(err);
}
if (!test()) {
$doUntil(iterator, test, callback);
} else {
callback();
}
});
}
/**
 * 异步的类似于do...while的操作
 * @param {Object} iterator 异步执行函数,条件测试为true时调用,传入一个callback的函数参数,当语句执行完成后回调callback表示当前执行完成,执行下一步
 * @param {Object} test 条件测试函数,测试while条件是否成立
 * @param {Object} callback 完成条件循环后进行回调,正常回调时无传入参数,错误时传入一个错误参数
 * 
 * 注:iterator类似于do...while语句中的需要执行的代码部分,由于是异步的,使用callback回调表示执行完成
 * 如果执行出现错误,可在callback回调添加一个错误参数,那么循环将会终止,并直接回调执行完成函数
 */
function $doWhilst(iterator, test, callback) {
iterator(function(err) {
if (err) {
return callback(err);
}
if (test()) {
$doWhilst(iterator, test, callback);
} else {
callback();
}
});
}
/**
 * 给dom元素做fixed定位,dom元素必须可以脱离所有文档流控制,即dom元素的所有父节点及祖父节点不能有position设置
 * IE6下通过定时调节位置的方式来实现
 * @param {Object} dom dom节点
 * @param {Object} pos 定位,可以设定left,top,bottom,right定位
 */
function $domFixed(dom, pos) {
var posKey = ['left', 'top', 'bottom', 'right'];
if ($isBrowser('ie6')) {
var checkPos = function() {
dom.style.position = 'absolute';
for (var i = posKey.length; i--;) {
if (typeof pos[posKey[i]] == 'number') {
var offset = pos[posKey[i]];
switch (posKey[i]) {
case "top":
offset += $getPageScrollTop();
break;
case "left":
offset += $getPageScrollLeft();
break;
case "bottom":
offset += $getPageHeight() - $getPageScrollTop() - $getWindowHeight();
break;
case "right":
offset += $getPageWidth() - $getPageScrollLeft() - $getWindowWidth();
break;
}
dom.style[posKey[i]] = offset + 'px';
}
}
}
if (dom.__fixedTimer) {
clearInterval(dom.__fixedTimer);
dom.__fixedTimer = 0;
}
checkPos();
//定时调度
dom.__fixedTimer = setInterval(checkPos, 100);
return dom.__fixedTimer;
} else {
//支持fixed属性的浏览器
dom.style.position = 'fixed';
for (var i = posKey.length; i--;) {
if (typeof pos[posKey[i]] == 'number') {
dom.style[posKey[i]] = pos[posKey[i]] + 'px';
}
}
}
}


function $each(jn, fn) {
var len = jn.length;
if ("number" === typeof len) {
for (var i = 0; i < len; i++) {
try {
fn(jn[i], i, jn);
} catch (e) {
if ($break(e)) {
break;
} else {
throw e;
};
}
}
} else {
for (var k in jn) {
try {
fn(jn[k], k, jn);
} catch (e) {
if ($break(e)) {
break;
} else {
throw e;
};
}
}
}
}


function $evalJSON(str) {
var json = str.replace(/^\/\*-secure-([\s\S]*)\*\/\s*$/, '$1'),
cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
if (cx.test(json)) {
json = json.replace(cx, function(a) {
return '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
});
}
try {
if ($isJSON(json))
return eval('(' + json + ')');
} catch (e) {}
throw new SyntaxError('Badly formed JSON string: ' + json);
}
/**
 * 扩展属性,将第二个参数起到最后一个参数的所有属性复制到dest上去
 * @param {Object} dest
 */
function $extend(dest) {
dest = dest || {};
var len = arguments.length;
if (len > 1) {
for (var i = 1; i < len; i++) {
var src = arguments[i];
if (src) {
//复制属性
for (var property in src) {
if (src.hasOwnProperty(property)) {
dest[property] = src[property];
}
}
}
}
}
return dest;
}


function $flashChecker() {


try {
var active = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
return true;
} catch (e) {
if (navigator.plugins && navigator.plugins.length > 0) {
var swf = navigator.plugins["Shockwave Flash"];
if (swf) {
return true;
}
}
}


return false;


}
/**
 * 格式化时间函数
 * @param {Object} time 时间,Date对象
 * @param {Object} opt 选项,可以是格式化字符串,也可以是更多参数的选项
 * 选项参数说明如下,判断优先级从上至下
 * ftin1d:如果存在,当要格式的时间和当前时间同一天内时,使用该格式化字符串
 * ftin1w:如果存在,当要格式的时间和当前时间同一周内时,使用该格式化字符串
 * ftlt1w:如果存在,当要格式的时间和当前时间小于一周时,使用该格式化字符串
 * ftin1m:如果存在,当要格式的时间和当前时间同一月内时,使用该格式化字符串
 * ftcustom:通过函数自定义格式化串,该参数为以上参数中最高优先级
 * 如:ftcustom:function(time){return time.getData()<10?'Y-M 上旬':time.getData()<20?'Y-M 中旬':'Y-M 下旬'}
 * ft:格式化字符串
 * 格式化参数
 * Y-年份,四位数字
 * y-年份,两位数字
 * M-月份,补零
 * m-月份,不补零
 * mc-月份,中文
 * me-月份,英文缩写月份
 * D-日,补零
 * d-日,不补零
 * w-周,数字
 * wc-周,中文字符
 * we-周,英文缩写周
 * H-24时,补零
 * h-12时,补零
 * Hz-24时,不补零
 * hz-12时,不补零
 * apc-上午,下午
 * ape- am,pm
 * N-分,补零
 * n-分,不补零
 * S-秒,补零
 * s-秒,不补零
 * I-毫秒,补零
 * i-毫秒,不补零
 * ftOpt:扩展格式化参数,定制化
 * 如:apc1:function(time){var h=time.getHour;return h<6?'凌晨':h<11?'上午':h<14?'中午':h<19?'下午':'晚上'}
 */
function $formatDate(time, opt) {
if (!$formatDate.__data) {
//基础字段
$formatDate.__data = {
Y: function(time) {
return time.getFullYear();
},
y: function(time) {
return time.getFullYear().substring(2);
},
M: function(time) {
return fillZero(time.getMonth() + 1, 2);
},
m: function(time) {
return time.getMonth() + 1;
},
mc: function(time) {
return ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'][time.getMonth()];
},
me: function(time) {
return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][time.getMonth()];
},
D: function(time) {
return fillZero(time.getDate(), 2);
},
d: function(time) {
return time.getDate();
},
w: function(time) {
return time.getDay();
},
wc: function(time) {
return ['日', '一', '二', '三', '四', '五', '六'][time.getDay()];
},
we: function(time) {
return ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][time.getDay()];
},
H: function(time) {
return fillZero(time.getHours(), 2);
},
h: function(time) {
return fillZero(time.getHours(), 2);
},
Hz: function(time) {
return time.getHours();
},
hz: function(time) {
return time.getHours();
},
apc: function(time) {
return time.getHours() < 12 ? '上午' : '下午';
},
ape: function(time) {
return time.getHours() < 12 ? 'am' : 'pm';
},
N: function(time) {
return fillZero(time.getMinutes(), 2);
},
n: function(time) {
return time.getMinutes();
},
S: function(time) {
return fillZero(time.getSeconds(), 2);
},
s: function(time) {
return time.getSeconds();
},
I: function(time) {
return fillZero(time.getMilliseconds(), 3);
},
i: function(time) {
return time.getMilliseconds();
}
};
$formatDate.__compData = genCompData($formatDate.__data);
}
//初始化选项
if (typeof opt == 'string') {
opt = {
ft: opt
};
}
if (!opt || (!opt.ft && !opt.ftcustom)) {
opt = {
ft: 'Y-M-D H:N:S'
};
}
if (!time) {
time = new Date();
}
//选择时间格式化字段
var now = new Date(),
tc = now.getTime() - time.getTime(),
ft;
if (opt.ftcustom) {
//自定义时间格式
ft = opt.ftcustom(time);
} else if (opt.ftin1d && tc < 86400000 && now.getDate() == time.getDate()) {
//同一日内
ft = opt.ftin1d;
} else if (opt.ftin1w && tc < 604800000 && (now.getDay() > time.getDay() || tc < 86400000)) {
//同一周内
ft = opt.ftin1w;
} else if (opt.ftlt1w && tc < 604800000) {
//小于一周
ft = opt.ftlt1w;
} else if (opt.ftin1m && tc < 2678400000 && now.getMonth() == time.getMonth()) {
//同一月内
ft = opt.ftlt1w;
} else {
//其他
ft = opt.ft;
}
//自定义格式化字段
var compData = $formatDate.__compData,
curCompData = {};
if (opt.ftOpt) {
curCompData = genCompData(opt.ftOpt);
}
//生成格式化内容
var result = [],
last = '',
texts = {},
next = false;
for (var i = 0, len = ft.length; i <= len; i++) {
if (i < len) {
var c = ft.charAt(i);
if (next) {
//转义字符
result.push(c);
next = false;
continue;
} else {
if (c == '\\') {
//进入转义
if (!last) {
next = true;
continue;
} else {
var testText = last + c,
c1 = compData[testText],
c2 = curCompData[testText];
}
} else {
var testText = last + c,
c1 = compData[testText],
c2 = curCompData[testText];
}
}
} else {
c = testText = c1 = c2 = null;
}
if (i < len && (c1 || c2)) {
//有匹配到的内容,尝试继续匹配
last = testText;
} else {
//无匹配到内容
if (last) {
var text;
//有历史匹配内容
if (texts[last]) {
text = texts[last];
//回溯1
c && i--;
} else if (curCompData[last] && curCompData[last][0]) {
text = texts[last] = curCompData[last][0](time);
//回溯1
c && i--;
} else if (compData[last] && compData[last][0]) {
text = texts[last] = compData[last][0](time);
//回溯1
c && i--;
} else {
text = last.substring(0, 1);
//无对应数据,回溯全部
i -= last.length;
}
result.push(text);
last = '';
} else {
//无历史匹配内容
c && result.push(c);
continue;
}
}
}
//返回结果
return result.join('');
//生成比较数据
function genCompData(data) {
var testObj = {};
for (var k in data) {
for (var i = k.length; i; i--) {
var s = k.substring(0, i);
if (!testObj[s]) {
testObj[s] = [0, 0];
}
if (i == k.length) {
testObj[s][0] = data[k];
} else {
testObj[s][1] = 1;
}
}
}
return testObj;
}
//填零函数
function fillZero(d, len) {
d = d.toString();
for (var i = len - d.length; i-- > 0;) {
d = '0' + d;
}
return d;
}
}
/**
 * 模版渲染引擎
 * @param {String} tpl 模版字符串
 * @param {Object} data 模版渲染数据,对象格式,如果不传入该值,模版渲染引擎会返回编译后的模版代码函数,程序可调用该函数并传入模版数据来获取渲染结果
 */
function $formatTpl(tpl, data) {
var code = "var p=[];with(obj){p.push(" + tpl.replace(/[\r\t\n]/g, " ").replace(/<%/g, '\t').replace(/%>/g, '\r').replace(/(^|\r)([^\t]*)(\t|$)/g, function($0, $1, $2, $3) {
return $1 + $toJSON($2) + $3;
}).replace(/\t\s*\=([^\r]*)\r/g, ');p.push($1);p.push(').replace(/\t([^\r]*)\r/g, ');$1\rp.push(') + ");}return p.join('');";
var func = new Function("obj", code);
return data ? func(data) : func;
}
/**
 * 获得字符数组,将字符串转换为数组,会正确处理html转义字符进行处理,如'测试&lt;&gt;'会被转换为['测','试','&lt;','&gt;']
 * @param {Object} str 要转换的字符串
 * @param {Object} enableEscape 支付支持html转义字符
 */
function $getCharArray(str, enableEscape) {
if (!$getCharArray.feature_split_normal) {
$getCharArray.feature_split_normal = '1,2'.split(/(,)/g).length == 3 ? 1 : -1;
}
if (typeof enableEscape != undefined && !enableEscape) {
var charArr = [];
for (var i = 0, len = str.length; i < len; i++) {
charArr.push(str.charAt(i));
}
return charArr;
}
//把字符串根据转义字符切分
var reg = /(&#\d+;|&[a-z0-9]+;)/ig,
arr = str.split(reg),
escCode;
if ($getCharArray.feature_split_normal == -1) {
//部分浏览器使用正则切分会忽略正则里面的子匹配,在此进行修复
var __bugfixed0 = 0;
$each(str.match(reg) || [], function(code, i) {
if ((typeof arr[i * 2] == 'undefined') || (arr[i * 2] != str.substring(__bugfixed0, __bugfixed0 + arr[i * 2].length))) {
//补齐空缺,bug,空内容会被忽略
arr.splice(i * 2, 0, '');
}
insertIndex = i * 2 + 1;
__bugfixed0 += arr[i * 2].length + code.length;
arr.splice(insertIndex, 0, code);
});
}
var charArr = [],
escCode;
$each(arr, function(str, i) {
if (i % 2 == 1 && (escCode = $isEscapeSequense(str))) {
//转义字符
charArr.push('&#' + escCode + ';');
} else {
for (var j = 0, len = str.length; j < len; j++) {
var c = str.charAt(j);
charArr.push(c == '&' ? '&#38;' : c);
}
}
});
return charArr;
}
/**
 * 获取字符串中每个字符的显示宽度
 * @param {String} str 字符串
 * @param {Object} opt 选项
 *
 * 选项值:
 * fontStyles:文字的样式
 * domTag:字符所放的标签,默认pre
 * callback:回调,返回包含每个字符显示宽度的对象
 * chaWidth:用于提高效率,缓存之前获取的宽度。
 */
function $getCharWidth(str, opt) {
opt = $extend({
fontStyles: {},
callback: null,
chaWidth: {},
domTag: 'pre'
}, opt);
//创建等待队列
$getCharWidth.waitList = $getCharWidth.waitList || [];
if (!opt.callback) {
return;
}
if (!str) {
opt.callback(opt.chaWidth);
return;
}
if ($getCharWidth.status == 1) {
//加入等待队列
$getCharWidth.waitList.push([str, opt]);
return;
}
//需要判断的字符
var fontStyles = opt.fontStyles || {},
callback = opt.callback,
chaWidth = opt.chaWidth || {},
domTag = opt.domTag;
//处理字符串转义字符
var escCode, newChaWidth = {};
//遍历需要计算宽度的字符
$each($isArray(str) ? str : $getCharArray(str), function(x) {
if (!chaWidth[x] && !newChaWidth[x]) {
if (x.length > 1 || $isAllowedUnicode(x.charCodeAt(0))) {
chaWidth[x] = newChaWidth[x] = -1;
}
}
});
//处理数组,要计算宽度的字符。采用分批计算方式
var chars = $keys(newChaWidth),
charLen = chars.length;
if (!charLen) {
callback(opt.chaWidth);
//判断等待队列
if ($getCharWidth.waitList.length) {
$getCharWidth.apply(null, $getCharWidth.waitList.shift());
}
return;
}
//初始化dom节点,用于计算宽度
var arrLen = charLen > 512 ? 256 : charLen,
arr = new Array(arrLen);
for (var i = 0; i < arrLen; i++) {
arr[i] = 0;
}
var range = document.createDocumentFragment();
var doms = $map(arr, function(x, i, arr) {
var dom = document.createElement(domTag);
$setStyles(dom, fontStyles);
$setStyles(dom, {
position: 'absolute',
left: 0,
top: 0,
visibility: 'hidden',
zIndex: i,
whiteSpace: 'pre'
});
range.appendChild(dom);
return dom;
});
var node = document.createElement('div');
$setStyles(node, {
position: 'absolute',
left: 0,
top: 0,
visibility: 'hidden',
zIndex: 9999
});
node.appendChild(range);
document.body.appendChild(node);
//遍历字符,获取宽度
var c = 0;
$getCharWidth.status = 1;
$whilst(function() {
return c < charLen;
}, function(cb) {
var i = 0;
node.style.display = 'none';
var chs = $map(doms, function(dom) {
if (c < charLen) {
var ch = chars[c];
dom.innerHTML = ch;
c++;
i++;
return ch;
}
});
node.style.display = '';
setTimeout(function() {
$each(chs, function(ch, i) {
if (ch) {
var dom = doms[i];
var cw = dom.clientWidth;
if (cw > 0) {
chaWidth[ch] = cw;
}
}
});
cb();
});
}, function(success) {
document.body.removeChild(node);
callback(chaWidth);
$getCharWidth.status = 0;
//判断等待队列
if ($getCharWidth.waitList.length) {
$getCharWidth.apply(null, $getCharWidth.waitList.shift());
}
});
}


function $getCookie(name) {
//读取COOKIE
var reg = new RegExp("(^| )" + name + "(?:=([^;]*))?(;|$)"),
val = document.cookie.match(reg);
return val ? (val[2] ? unescape(val[2]) : "") : null;
}
/**
 * 获取事件相对页面坐标
 * @param {Object} e 鼠标事件
 */
function $getEventCoords(e) {
e = e || window.event;
if (e.pageX || e.pageY) {
return {
x: e.pageX,
y: e.pageY
};
}
return {
x: e.clientX || 0 + document.body.scrollLeft - document.body.clientLeft,
y: e.clientY || 0 + document.body.scrollTop - document.body.clientTop
};
}


function $getOffset(ele, oRefer) { //oRefer是定位参照物。可以不写,不写就是和浏览器的绝对位置
//注意:oRefer必须是ele的offset祖先,要不然取到的值是ele距离body的绝对偏移量
oRefer = oRefer || document.body;
var x = ele.offsetLeft;
var y = ele.offsetTop;
p = ele.offsetParent; //重在理解好offsetParent


while (p != oRefer && p != document.body) {


if (window.navigator.userAgent.indexOf('MSIE 8.0') > -1) { //ie8有个bug(边框问题)
x += p.offsetLeft;
y += p.offsetTop;
} else {
x += p.offsetLeft + p.clientLeft;
y += p.offsetTop + p.clientTop;
}
p = p.offsetParent;


}
var obj = {};
obj.left = x;
obj.top = y;
return obj;
}


function $getPageHeight() {
var doeCath = document.compatMode == 'BackCompat' ? document.body : document.documentElement;
//IE、Opera 认为 scrollHeight 是网页内容实际高度,可以小于 clientHeight,NS、FF 认为 scrollHeight 是网页内容高度,不过最小值是 clientHeight,改为统一FF标准
return Math.max(doeCath.scrollHeight, doeCath.clientHeight);
}


function $getPageScrollLeft() {
var doeCath = document.compatMode == 'BackCompat' ? document.body : document.documentElement;
return doeCath.scrollLeft;
}


function $getPageScrollTop() {
var docCath = document.compatMode == 'BackCompat' ? document.body : document.documentElement;
return docCath.scrollTop;
}


function $getPageWidth() {
var doeCath = document.compatMode == 'BackCompat' ? document.body : document.documentElement;
//IE、Opera 认为 scrollWidth 是网页内容实际宽度,可以小于 clientWidth,NS、FF 认为 scrollWidth 是网页内容宽度,不过最小值是 clientWidth,改为统一FF标准
return Math.max(doeCath.scrollWidth, doeCath.clientWidth);
}


function $getQuery(name, url) {
var u = arguments[1] || window.location.search,
reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"),
r = u.substr(u.indexOf("\?") + 1).match(reg);
return r != null ? r[2] : "";
}


function $getSingle(fn) {
var ret;
return function() {
return ret || (ret = fn.apply(this, arguments));
};
};


function $getStack(e, d) {
if (e && e.stack) {
var s = e.stack.replace(/(?:http:)[^:]*:(.*)/g, "$1").replace(/[\n\s]/g, "").replace(/@/g, "at").split("at"),
l = d ? d + 1 : s.length - 1;
return s.slice(1, l).join(":");
} else if (arguments.callee.caller.caller) {
var curr = arguments.callee.caller.caller,
c, o = [];
while (curr) {
c = curr;
o.push(c.toString().replace(/[\t\n\r]/g, "").substring(0, 100));
curr = curr.caller;
}
return o.join(":");
} else {
return "";
}
}


function $getTarget(e, parent, tag) {
var e = e || window.event,
tar = e.srcElement || e.target;
if (parent && tag && tar.nodeName.toLowerCase() != tag) {
while (tar = tar.parentNode) {
if (tar == parent || tar == document.body || tar == document) {
return null;
} else if (tar.nodeName.toLowerCase() == tag) {
break;
}
}
};
return tar;
}


function $getToken() {
var tgt = $getCookie('tgt');
if (!tgt) {
return '';
}
return $t33(tgt);
}


function $getWindowHeight() {
var docCath = document.compatMode == 'BackCompat' ? document.body : document.documentElement;
return docCath.clientHeight;
}


function $getWindowWidth() {
var docCath = document.compatMode == 'BackCompat' ? document.body : document.documentElement;
return docCath.clientWidth;
}


function $get_file_size(unit, amount) {
return ({
'K': 1024,
'M': 1024 * 1024,
'G': 1024 * 1024 * 1024
}[unit] || 1) * amount;
}


function $get_try(fn) {


try {
return fn();
} catch (e) {
return null;
}
return null;


}


function $hasClass(old, cur) {
if (!old || !cur) return null;
var arr = old.split(' ');
for (var i = 0, len = arr.length; i < len; i++) {
if (cur == arr[i]) {
return cur;
}
};
return null;
}


function $id(id) {
return typeof(id) == "string" ? document.getElementById(id) : id;
}


function $inArray(t, arr) {
for (var i = arr.length; i--;) {
if (arr[i] === t) {
return i * 1;
}
};
return -1;
}
/**
 * 获取自增数字
 */
function $incNum(acc) {
acc = acc || $incNum;
acc.num = acc.num || 0;
return acc.num++;
}


function $initBadjs() {
var errorStr = "";
window.onerror = function(msg, url, l) {
var stack = $getStack(),
ts = msg.replace(/\n/g, " ") + "|" + encodeURIComponent(url + ":" + stack) + "|" + l;
//记录信息,调试需要的时候调用
$initBadjs._last_err_msg = {
msg: msg,
url: url,
l: l,
stack: stack
};
if (errorStr.indexOf(ts) == -1 || $initBadjs._badjs_allow_resend) {
errorStr += ts + ",";
$sendBadjs(msg, url, l + ":" + stack);
}
return false;
}
}
/**
 *判断是否数组 
 * @param {Object} value
 */
function $isArray(value) {
return Object.prototype.toString.call(value) == '[object Array]';
}
/**
 * 浏览器判断函数
 * @param {String} str
 */
function $isBrowser(str) {
if (!$isBrowser.att) {
str = str.toLowerCase();
var b = navigator.userAgent.toLowerCase();
var att = [];
att['firefox'] = b.indexOf("firefox") != -1;
att['opera'] = b.indexOf("opera") != -1;
att['safari'] = b.indexOf("safari") != -1;
att['chrome'] = b.indexOf("chrome") != -1;
att['gecko'] = !att['opera'] && !att['safari'] && b.indexOf("gecko") > -1;
att['ie'] = !att['opera'] && b.indexOf("msie") != -1;
att['ie6'] = !att['opera'] && b.indexOf("msie 6") != -1;
att['ie7'] = !att['opera'] && b.indexOf("msie 7") != -1;
att['ie8'] = !att['opera'] && b.indexOf("msie 8") != -1;
att['ie9'] = !att['opera'] && b.indexOf("msie 9") != -1;
att['ie10'] = !att['opera'] && b.indexOf("msie 10") != -1;
$isBrowser.att = att;
}
return $isBrowser.att[str];
}


function $isJSON(str) {
if (/^\s*$/.test(str)) {
return false;
}
str = str.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@');
str = str.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']');
str = str.replace(/(?:^|:|,)(?:\s*\[)+/g, '');
return (/^[\],:{}\s]*$/).test(str);
}
/**
 * 判断对象是否undefined
 * @param {Object} variable
 */
function $isUndefined(variable) {
return typeof variable == 'undefined' ? true : false;
}


function $is_tel(tel) {
if (/(^(\d{2,4}[-_-—]?)?\d{3,8}([-_-—]?\d{3,8})?([-_-—]?\d{1,7})?$)|(^0?1[35]\d{9}$)/.test(tel)) {
return true;
}
return false;
};
/**
 * 请求jsonp数据
 * @param {Object} opt 请求选项,具体选项及默认值如下
 * url:'',//url
 * data:{},//请求数据,key-value对,拼接到url上去,需要自行处理encode
 * timeout:0,//超时设置,单位毫秒
 * charset:'utf8',//编码
 * addToken:true,//是否添加token
 * tokenName:'tk',//token参数名
 * tokenValue:'',//token参数值
 * callbackParam:'callback',//回调参数名
 * callbackName:'__jsonpcallback',//回调参数
 * callback:null,//回调函数
 * errorback:null//错误回调函数
 */
function $jsonp(opt) {
//选项
opt = $extend({
url: '', //url
data: {}, //请求数据,key-value对,拼接到url上去,需要自行处理encode
timeout: 0, //超时设置,单位毫秒
charset: 'utf8', //编码
addToken: true, //是否添加token
tokenName: 'tk', //token参数名
tokenValue: '', //token参数值
callbackParam: 'callback', //回调参数名
callbackName: '__jsonpcallback', //回调参数
callback: null, //回调函数
errorback: null //错误回调函数
}, opt);


var callback = opt.callback,
errorback = opt.errorback,
callbackName = opt.callbackName,
script, timer, success = false;
//回调函数设置
$jsonp.index = ($jsonp.index || 0) + 1;
while (window[callbackName + $jsonp.index]) {
$jsonp.index++;
}
callbackName += $jsonp.index;
//设置回调
window[callbackName] = function(data) {
success = true;
//取消超时
timer && (timer = clearTimeout(timer));
//清理script
clear();
if (!arguments.callee.timeout) {
//正常回调,非超时
if (arguments.length > 1) {
//如果参数数量大于1,非内部定义规范标准格式jsonp回调,直接回调,不做处理
callback.apply(this, arguments);
} else {
//无返回数据,错误
if (!data) {
errorback && errorback();
} else {
//标准数据
var returnCode = data.returnCode;
//返回码正确
if (parseInt(returnCode) == 0) {
callback && callback(data);
} else {
//返回错误
errorback && errorback(data);
}
}
}
}
};
//发送请求
send();
//发送请求
function send() {
var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
script = document.createElement("script");
script.charset = opt.charset;
var data = opt.data;
data.dtype = 'jsonp';
//添加token
if (opt.addToken) {
var token = opt.tokenValue;
if (!token) {
var tgt = $getCookie('tgt');
token = tgt ? $t33(tgt) : '';
}
data[opt.tokenName] = token;
}
//禁止浏览器缓存
data[new Date().getTime()] = '';
//超时设置
var timeout = opt.timeout;
if (timeout) {
timer = setTimeout(function() {
window[callbackName].timeout = true;
//清理script
clear();
//超时
errorback && errorback({
returnCode: 9999,
errorCode: 9999,
msg: '请求响应超时'
});
timer = 0;
}, timeout);
}
//设置回调
var callbackParam = opt.callbackParam;
data[callbackParam] = callbackName;
//拼装url
url = $addParams(opt.url, data, true);
//监听事件
script.onload = script.onreadystatechange = function() {
var uA = navigator.userAgent.toLowerCase();
if (!(!(uA.indexOf("opera") != -1) && uA.indexOf("msie") != -1) || /loaded|complete/i.test(this.readyState)) {
//加载完成,取消超时
timer && (timer = clearTimeout(timer));
if (!success) {
//清理script
clear();
//错误
errorback && errorback({
returnCode: 9999,
errorCode: 9999,
msg: '请求响应错误'
});
}
}
};
script.onerror = function() {
//取消超时
timer && (timer = clearTimeout(timer));
timer = 0;
//清理script
clear();
//错误
errorback && errorback({
returnCode: 9999,
errorCode: 9999,
msg: '请求响应错误'
});
};
//设置url
script.src = url;
head.appendChild(script);
}
//清除回调函数
function clear() {
//取消回调
window[callbackName] = undefined;
if (script) {
//取消事件
script.onerror = script.onload = script.onreadystatechange = null;
//取消script
script.parentNode && script.parentNode.removeChild(script);
}
}
}
/**
 * 获取对象的属性名集合
 */
function $keys(obj) {
if (typeof obj != 'object') {
return null;
}
if (Object.keys) {
return Object.keys(obj);
}
var keys = [];
for (var k in obj) {
if (obj.hasOwnProperty(k)) {
keys.push(k);
}
}
return keys;
}
/**
 * 封装函数,限制函数的执行次数,返回一个只允许被调用有限次数的函数,超过次数的调用会报出异常
 * @param {Function} fn 需要被封装的函数
 * @param {Number} lim 限制的次数,默认为1次
 */
function $limitCalls(fn, lim) {
var lim = lim || 1;
return function() {
if (lim <= 0)
throw new Error("function was already called for limited times.");
lim--;
fn.apply(this, arguments);
}
}


function $loadCss(path) {
$loadCss.cache = $loadCss.cache || {};
if (!$loadCss.cache[path]) {
var l = document.createElement('link');
l.setAttribute('type', 'text/css');
l.setAttribute('rel', 'stylesheet');
l.setAttribute('href', path);
l.setAttribute("id", "loadCss" + Math.random());
document.getElementsByTagName("head")[0].appendChild(l);
$loadCss.cache[path] = true;
}
return true;
}


function $loadScript(url, callback) {
var head = document.head || document.getElementsByTagName('head')[0] || document.documentElement,
script, options, s;
if (typeof url === "object") {
options = url;
url = undefined;
}
s = options || {};
url = url || s.url;
callback = callback || s.success;
script = document.createElement('script');
script.async = s.async || false;
script.type = 'text/javascript';
if (s.charset) {
script.charset = s.charset;
}
if (s.cache === false) {
url = url + (/\?/.test(url) ? '&' : '?') + (new Date()).getTime();
}
script.src = url;
head.insertBefore(script, head.firstChild);
if (callback) {
document.addEventListener ? script.addEventListener('load', callback, false) : (script.onreadystatechange = function() {
if (/loaded|complete/.test(script.readyState)) {
script.onreadystatechange = null;
callback();
}
});
}
}
/**
 * 遍历数组调用迭代器,保存迭代器调用结果到数组,最后返回结果
 * @param {Object} arr 需要遍历的数组
 * @param {Object} iterator 迭代器,传入三个参数,当前遍历到的元素,元素索引,原数组
 */
function $map(arr, iterator) {
if (arr.map) {
return arr.map(iterator);
}
var results = [];
$each(arr, function(x, i) {
results.push(iterator(x, i, arr));
});
return results;
}
/**
 * 命名空间定义函数,多个命名空间用逗号‘,’隔开
 */
function $namespace(name) {
for (var arr = name.split(','), r = 0, len = arr.length; r < len; r++) {
for (var i = 0, k, name = arr[r].split('.'), parent = {}; k = name[i]; i++) {
i === 0 ? eval('(typeof ' + k + ')==="undefined"?(' + k + '={}):"";parent=' + k) : (parent = parent[k] = parent[k] || {});
}
}
}
//分页组件
function $page(opt) {
opt = $extend({
tpl: '<div class="paginator"><%if(showPre){%><span class="<%=cpn<=1?"page-pre-disabled":"page-pre"%>" <%=cpn<=1?"":"pn_tag=\'goto-"+(cpn-1)+"\'"%>>上一页</span><%}%><%if(showFirst&&min>1){%><span class="page-this" pn_tag="goto-1">1</span><%}%><%if(min>(showFirst?2:1)){%><span class="page-break">...</span><%}%><%for(;min<=max;min++){%><a href="#nolink" class="<%=cpn==min?"cur":""%>" pn_tag="goto-<%=min%>"><%=min%></a><%}%><%if(max<(showLast?pn-1:pn)){%><span class="page-break">...</span><%}%><%if(showLast&&max<pn){%><a href="#nolink" pn_tag="goto-<%=pn%>"><%=pn%></a><%}%><%if(showNext){%><span class="<%=cpn>=max?"page-next-disabled":"page-next"%>" <%=cpn>=max?"":"pn_tag=\'goto-"+(cpn+1)+"\'"%>>下一页</span><%}%><%if(showInput){%><span class="page-skip"> 到第<input type="text" input="<%=pnid%>" value="<%=cpn<pn?(cpn+1):(cpn>1)?(cpn-1):cpn%>" maxlength="4" οnchange="this.value=this.value.replace(/[^\\d]+/g,\'\')">页<button pn_tag="gotoinput-<%=pnid%>">确定</button></span><%}%></div>', //模版
container: null, //翻页组件dom容器
showPn: 10, //显示的页数
showPnPre: 4, //前置显示的页数
showFirst: true, //是否显示第一页
showLast: true, //是否显示最后页
showPre: true, //是否显示上一页
showNext: true, //是否显示下一页
showInput: true, //是否显示快速跳转页
callback: null, //回调
pnid: $incNum()
}, opt);


if (!opt.container || opt.container.pnid) {
return;
}
opt.container.pnid = opt.pnid;


var data = {
num: 100, //总条目数
ps: 20, //每页条目数
pn: 5, //总页数
cpn: 1 //当前页数
};
//模版渲染函数
var renderFn = $formatTpl(opt.tpl);


/**
* 设置数据
* @param {Object} num 条目数
* @param {Object} ps 每页条目数
* @param {Object} cpn 当前页
*/
function set(num, ps, cpn) {
if (num < 0) {
num = 0;
}
if (ps < 3) {
ps = 3;
} else if (ps > 50) {
ps = 50;
}
data.num = num;
data.ps = ps;
data.pn = Math.ceil(num / ps);
gotoPn(cpn);
}


/**
* 跳转到指定页
* @param {Object} cpn
*/
function gotoPn(cpn) {
cpn = parseInt(cpn);
if (isNaN(cpn) || cpn < 1) {
cpn = 1;
} else if (cpn > data.pn) {
cpn = data.pn;
}
data.cpn = cpn;
render();
opt.callback && opt.callback(cpn);
}


//渲染html
function render() {
//显示列表的最小,最大页
var min = Math.max(data.cpn - opt.showPnPre, 1),
max = Math.min(data.pn, min + opt.showPn);
min = Math.max(1, max - opt.showPn);
var html = renderFn({
num: data.num,
ps: data.ps,
pn: data.pn,
cpn: data.cpn,
min: min,
max: max,
showFirst: opt.showFirst,
showLast: opt.showLast,
showPre: opt.showPre,
showNext: opt.showNext,
showInput: opt.showInput,
pnid: opt.pnid
});
opt.container.innerHTML = html;
}


//绑定事件
function bindEvent() {
$bindEvent(opt.container, function(e) {
var el = $getTarget(e, this),
tag;
while (el && el != this && !(tag = el.getAttribute('pn_tag'))) {
el = el.parentNode;
}
if (tag) {
var tagInfo = tag.split('-');
switch (tagInfo[0]) {
//跳转到指定页
case 'goto':
var page = tagInfo[1];
gotoPn(page);
break;
case 'gotoinput':
var page = $attr('input', tagInfo[1], opt.container)[0].value;
gotoPn(page);
break;
}
}
});
}
//绑定事件
bindEvent();


//返回对象接口
return {
init: function(num, ps, cpn) {
set(num, ps, cpn);
},
go: function(cpn) {
gotoPn(cpn);
}
};
};
/**
 * 转换参数到字符串
 * @param {Object} param
 * @param {Object} encode
 */
function $parseParamToStr(param, encode) {
//拼接参数
var s = [];
for (var p in param) {
var v = param[p];
if ($isArray(v)) {
for (var i = 0, len = v.length; i < len; i++) {
s.push(p + '=' + encode ? encode(v[i]) : v[i]);
}
} else {
s.push(p + '=' + encode ? encode(v) : v);
}
}
a.search = s.join('&');
}
/**
 * 简易字符串解析替换,将字符串中的{#seg#}替换为data数据中seg对应的属性值,seg字段规范内容为字母,数字,下划线
 * @param {Object} str 要解析的字符串
 * @param {Object} data 替换数据
 * @param {Object} unReplaceIfNotDefine 是否不替换未定义属性的{#seg#}段为空
 */
function $parseStr(str, data, unReplaceIfNotDefine) {
return str.replace(/{#\s*([\w\d_]+)\s*#}/g, function($0, $1) {
var d = data[$1],
t = typeof d == 'undefined';
if (t && unReplaceIfNotDefine) {
return $0;
}
return t ? '' : d;
});
}
/**
 * 将字符串解析为参数对象
 * @param {Object} str
 */
function $parseStrToParam(str) {
var param = {};
search = str ? str.split('&') : [];
//合并参数
for (var i = 0, len = search.length; i < len; i++) {
var p = search[i].split('='),
p0 = p[0],
p1 = typeof p[1] == 'undefined' ? '' : p[1],
t = typeof param[p0] != 'undefined';
if (t) {
if ($isArray(param[p0])) {
param[p0].unshift(p1);
} else {
param[p0] = [p1, param[p0]];
}
} else {
param[p0] = p1;
}
}
return param;
}
/**
 * 解析排版文字,将文字按照宽度排版分解成行,回调排版后的所有行内容列表。
 * 注:因排版计算随浏览器区别比较大,目前该函数只支持以下样式控制下的展示计算:
 * white-space:pre-wrap(IE8以下使用pre代替),word-wrap:break-word,word-break:break-all,word-spacing:0
 * 即:不合并空格,自动换行,中断所有词组,空格默认宽度展示。
 * @param {String} text 文字
 * @param {Object} conf 配置,包括宽度设置,是否使用<br/>强制换行选项
 * @param {Object} fontStyle 字体样式,主要为字体系列(font-family),字体尺寸(font-size),字体粗细(font-weight),字体异体(font-variant),字体样式(font-style),等一些列字体样式
 * @param {Function} callback 回调,返回计算完成后的行内容列表
 * @param {Object} chaCache 文字宽度缓存,相同字体样式的运算建议使用一个对象作为文字宽度缓存,这样可以极大提高程序的运行效率
 */
function $parseTypesetText(text, conf, fontStyle, callback, chaCache) {
conf = $extend({
calcChar: true,
width: 0, //宽度
useBr: false //使用<br/>断行,默认不使用
}, conf);
//文字缓存
chaCache = chaCache || {};
//获取文字宽度
if (conf.calcChar) {
$getCharWidth(text, {
fontStyles: fontStyle,
chaWidth: chaCache,
callback: splitText
});
} else {
splitText(chaCache);
}


function splitText(chaWidth) {
var lines = [],
curW = 0,
curLine = [];
//遍历文字,输出行
$each($getCharArray(text), function(c) {
if (c == '\n') {
curLine.push(c);
//换行
newLine();
} else if (chaWidth[c] > 0) {
var width = chaWidth[c];
if (width > 0) {
if ((curW + width) > conf.width) {
newLine();
}
curLine.push(c);
curW += width;
}
}
});
if (curLine.length > 0) {
newLine();
}
//回调
callback && callback(lines);
//新行
function newLine() {
if (conf.useBr) {
if (curLine.length == 0) {
curLine.push(' ');
}
curLine.push('<br/>');
}
lines.push(curLine.join(''));
curW = 0;
curLine.length = 0;
}
}
}
/**
 * 解析排版文字,将文字按照宽度排版分解成行并返回
 * 注:因排版计算随浏览器区别比较大,目前该函数只支持以下样式控制下的展示计算:
 * white-space:pre-wrap(IE8以下使用pre代替),word-wrap:break-word,word-break:break-all,word-spacing:0
 * 即:不合并空格,自动换行,中断所有词组,空格默认宽度展示。
 * @param {String} text 文字
 * @param {Object} conf 配置,包括宽度设置,是否使用<br/>强制换行选项
 * @param {Object} chaWidth 文字宽度
 */
function $parseTypesetTextSync(text, conf, chaWidth) {
conf = $extend({
width: 0, //宽度
useBr: false //使用<br/>断行,默认不使用
}, conf);


var lines = [],
curW = 0,
curLine = [];
//遍历文字,输出行
$each($getCharArray(text), function(c) {
if (c == '\n') {
curLine.push(c);
//换行
newLine();
} else if (chaWidth[c] > 0) {
var width = chaWidth[c];
if (width > 0) {
if ((curW + width) > conf.width) {
newLine();
}
curLine.push(c);
curW += width;
}
}
});
if (curLine.length > 0) {
newLine();
}
//返回
return lines;
//新行
function newLine() {
if (conf.useBr) {
if (curLine.length == 0) {
curLine.push(' ');
}
curLine.push('<br/>');
}
lines.push(curLine.join(''));
curW = 0;
curLine.length = 0;
}
}
/**
 * 解析url,返回协议,域名,端口,url,路径,参数,锚点
 * @param {Object} url
 */
function $parseUrl(url) {
var a = document.createElement('a');
a.href = url;
return {
protocol: a.protocol,
hostname: a.hostname,
port: a.port,
href: a.href,
pathname: a.pathname,
search: a.search,
hash: a.hash
};
}
/**
 * 预加载资源
 * @param {Object} url 加载资源url
 * @param {Object} callback 加载完成回调
 */
function $preload(url, callback) {
var img = new Image(0);
img.onload = img.onerror = img.onabort = function() {
img.onload = img.onerror = img.onabort = null;
callback && callback(img);
};
img.src = url;
}
/**
 * 阻止事件默认行为
 * @param {Object} e,事件对象
 */
function $preventDefault(e) {
e = e || window.event;
if (e) {
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
}
}
/**
 * 发送URL请求进行数据上报
 * @param {Object} uri
 * @param {Object} param 可选
 */
function $report(url, param) {
param = param || {};
var arr = [];
for (var k in param) {
arr.push(k + '=' + param[k]);
}
arr.push(new Date().getTime());
var reportUrl = url + (url.indexOf('?') != -1 ? '&' : '?') + arr.join('&');
var img = new Image(0);
img.onload = img.onerror = img.onabort = function() {
img.onload = img.onerror = img.onabort = null;
};
img.src = reportUrl;
}


function $sendBadjs(msg, src, d) {
//编码
function encode(str) {
if (str && str.replace) {
return encodeURIComponent(str.replace(/\|/g, '_'));
}
return '';
}
if (!$sendBadjs.path) {
var w = window,
hn = location.hostname.split('.');
hn.reverse();
hn.length = 2;
hn.push('rd');
hn.reverse();
hn = hn.join('.');
$sendBadjs.path = 'http://' + hn + '/dp/rptData';
}
var ts = encode(msg.replace(/\n/g, " ").replace(/\|/g, ";").replace(/-/g, '_') + "-" + src.replace(/\|/g, ";").replace(/-/g, '_') + "-" + d.replace(/\|/g, ";").replace(/-/g, '_'));
//页面ID,用于标识页面
var pageId = encode(w['__PAGEID'] || (location.protocol + '//' + location.host + location.pathname));
var uid = encode($getCookie('uid'));
var sid = encode($getCookie('sid'));
$report($sendBadjs.path, {
id: pageId,
type: 'badjs',
data: ts,
uid: uid,
sid: sid
});
}


function $setClass(ids, cName, kind) {
if (typeof(ids) == "string") {
var arrDom = ids.split(",");
for (var i = 0, len = arrDom.length; i < len; i++) {
setClass($id(arrDom[i]), cName, kind);
}
}
if (ids instanceof Array) { //一堆的元素集合  array
for (var i = 0, len = ids.length; i < len && ids[i]; i++) {
setClass(ids[i], cName, kind);
}
} else {
setClass(ids, cName, kind);
};


function setClass(obj, cName, kind) {
if (!obj) { //做校验,避免异常
return;
}
var oldName = obj.className,
arrName = oldName ? oldName.split(' ') : [];
if (kind == "add") {
if (!$hasClass(oldName, cName)) {
arrName.push(cName);
obj.className = arrName.join(' ');
}
} else if (kind == "remove") {
var newName = [];
for (var i = 0, len = arrName.length; i < len; i++) {
if (cName != arrName[i] && ' ' != arrName[i]) {
newName.push(arrName[i]);
}
};
obj.className = newName.join(' ');
}
}
}


function $setCookie(name, value, expires, path, domain, secure) {
//写入COOKIES
var exp = new Date(),
expires = arguments[2] || null,
path = arguments[3] || "/",
domain = arguments[4] || null,
secure = arguments[5] || false;
expires ? exp.setMinutes(exp.getMinutes() + parseInt(expires)) : "";
document.cookie = name + '=' + escape(value) + (expires ? ';expires=' + exp.toGMTString() : '') + (path ? ';path=' + path : '') + (domain ? ';domain=' + domain : '') + (secure ? ';secure' : '');
}


function $setStyles(dom, styles) {
for (var key in styles) {
var v = styles[key];
key = key.replace(/-(\w)/g, function($0, $1) {
return $1.toUpperCase();
});
dom.style[key] = v;
}
}


function $set_default_value(dom, value) {


dom[0].onfocus = function() {
if (dom.val() === value) {
dom.val('');
dom.removeClass('color_gray1');
}
};




dom[0].onblur = function() {
if (dom.val() === '') {
dom.val(value);
dom.addClass('color_gray1');
}
};


dom.removeAttr('placeholder');


setTimeout(function() {
if (dom.val() === '') {
dom.val(value);
dom.addClass('color_gray1');
}
}, 100);


return {
get_val: function() {
var val = dom.val();
if (val === value) {
return '';
}
return val;
}
}


}
/**
 * 滑动条组件
 * @param {Object} opt 选项
 * 选项内容
 * dom 滑动条放置的dom元素,必须
 * direction 方向,横向:x/纵向:y
 * length 滑动条总长度
 * tpl 滑动条html模版,可按照一定约束定制
 * min 滑动条调节范围的最小单元
 * max 滑动条调节范围的最大单元
 * cur 滑动条当前范围
 * ps 滑动条范围
 * barOffset 滑动条左右偏移,滑动条总长度减去左右偏移后为滑动条实际可滑动范围
 * barBorder 滑动条边框宽度
 * onStartMove 回调,开始移动事件,在mousedown的时候触发
 * onReleaseMove 回调,结束移动事件,在mouseup的时候触发
 * onUnitRange 回调,滑动条单元范围变化,在滑动到范围变化的时候触发
 * onOffset 回调,滑动条偏移像素,在滑动条发生滑动触发,值为相对当前单元位置的偏移值
 *
 * 返回:
 * 滑动条对象,提供以下方法
 * setCurRange:function(begin,end,align) 设置当前内容单元范围
 * 参数:begin 内容开始单元,end 内容结束单元,align 滑动条是否对齐单元
 *
 * setTotalRange:function(min,max)设置滑动条表示最大最小单元
 * 参数:min 内容最小单元,max 内容最大单元
 *
 * destroy:function()在滑动条组件需要销毁时调用,解除内部事件绑定,清空html
 *
 * getState:function()获取滑动条当前状态
 * 返回:
 * {
 * min 滑动条表示最小单元
 * max 滑动条表示最大单元
 * length 滑动条长度
 * ps 滑动条范围
 * begin 滑动条当前范围开始
 * end 滑动条当前范围结束
 * offset 滑动条当前范围开始偏移像素
 * mstate 滑动条当前鼠标状态,鼠标按下:down/鼠标放开:up
 * }
 */
function $sliderBar(opt) {


opt = $extend({
dom: null, //滑动条放置的dom元素,必须
direction: 'x', //方向,横向:x/纵向:y
length: 500, //滑动条总长度
tpl: '<div class="slider slider-<%=direction%>" s_tag="main"><span class="slider-min" s_tag="start">-</span><div class="slider-area"><span class="slider-bar" s_tag="bar"></span></div><span class="slider-max" s_tag="end">+</span></div>',
min: 1, //滑动条调节范围的最小单元
max: 100, //滑动条调节范围的最大单元
cur: [1, 10], //滑动条当前范围
ps: 10, //滑动条范围
barOffset: 0, //滑动条左右偏移,滑动条总长度减去左右偏移后为滑动条实际可滑动范围
barBorder: 1, //滑动条边框宽度
onStartMove: null, //回调,开始移动事件,在mousedown的时候触发
onReleaseMove: null, //回调,结束移动事件,在mouseup的时候触发
onUnitRange: null, //回调,滑动条单元范围变化,在滑动到范围变化的时候触发
onOffset: null, //回调,滑动条偏移像素,在滑动条发生滑动触发,值为相对当前单元位置的偏移值
autoHide: true //自动隐藏
}, opt);


var main, start, end, bar, barParent;


function init() {
if (opt.ps) {
opt.cur[1] = opt.cur[0] + opt.ps - 1;
} else {
opt.ps = opt.cur[1] - opt.cur[0] + 1;
}
opt.dom.innerHTML = $formatTpl(opt.tpl, opt);
var dom = opt.dom;
main = $attr('s_tag', 'main', dom)[0];
start = $attr('s_tag', 'start', dom)[0];
end = $attr('s_tag', 'end', dom)[0];
bar = $attr('s_tag', 'bar', dom)[0];
barParent = opt.dom.childNodes[0];
bindEvent();
flush();
}


//长度,滑动条总偏移,滑动条总长,滑动条边框
var length = opt.length,
barOffset = opt.barOffset,
barTotalLen = length - 2 * barOffset,
barBorder = opt.barBorder;
//位移偏差,滑动条起始位置便宜,滑动条长度
var pixoffset = 0,
barStartOffset = 0,
barWidth = 0;
//位置变更标志
var posChange = false;
//刷新显示
function flush() {
//处理bar位置
var min = opt.min,
max = opt.max,
mm = max - min,
cur0 = opt.cur[0],
cur1 = opt.cur[1],
cur0Len = Math.round((cur0 - min) * barTotalLen / mm),
cur1Len = Math.round((cur1 - min) * barTotalLen / mm),
barLength = cur1Len - cur0Len,
barStart = barOffset + cur0Len;
//判断位置是否发生变更
if ((barWidth != barLength) || (barStartOffset != barStart + pixoffset)) {
posChange = true;
}
//设置显示
if (opt.direction == 'x') {
main.style.width = length + 'px';
bar.style.width = (barWidth = barLength) - 2 * barBorder + 'px';
bar.style.left = (barStartOffset = barStart + pixoffset) + 'px';
} else {
main.style.height = length + 'px';
bar.style.height = (barWidth = barLength) - 2 * barBorder + 'px';
bar.style.top = (barStartOffset = barStart + pixoffset) + 'px';
}
if (cur0 == min && cur1 == max) {
opt.autoHide && $display(opt.dom, 'none');
} else {
$display(opt.dom, 'block');
}
}


//设置显示长度 
function setLength(len) {
var pf = Math.round(pixoffset * len / length);
length = len;
barTotalLen = length - 2 * barOffset;
//重设范围
setCurRange(opt.cur[0], opt.cur[1], pf)
}


//移动像素
function move(len) {
//滑动条起始和结束位置


var bs = barStartOffset - barOffset + len,
be = bs + barWidth;
//单元数量
var min = opt.min,
max = opt.max,
mm = max - min;


if (bs <= 0) {
//已经移动到最小
goStart();
return;
}
if (be >= barTotalLen) {
//已经移动到最大
goEnd();
return;
}
//起始位置,偏移
var begin = Math.floor(bs * mm / barTotalLen) + min,
end = begin + opt.ps - 1,
beginOff = bs - Math.round((begin - min) * barTotalLen / mm);
if (begin < opt.min) {
begin = opt.min;
end = begin + opt.ps - 1;
beginOff = 0;
}
if (end >= opt.max) {
end = opt.max;
begin = opt.max - opt.ps + 1;
beginOff = 0;
}
//设置位置
setCurRange(begin, end, beginOff);
}


function moveTo(left) {
var len = left - barStartOffset + barOffset;
move(len);
}


//设置当前单元范围
function setCurRange(begin, end, pf) {
if (begin <= opt.min) {
begin = opt.min;
}
if (end >= opt.max) {
end = opt.max;
pf = 0;
}
var ps = end - begin + 1;
if (ps <= 0) {
//范围不合法
return;
}
opt.ps = ps;
var newRange = [begin, end];
//单元变化
if (begin != opt.cur[0] || end != opt.cur[1]) {
opt.cur = newRange;
opt.onUnitRange && opt.onUnitRange(newRange, (begin / opt.max).toFixed(2));
}
if (typeof pf == 'number') {
//偏移变化
if (pf != pixoffset) {
pixoffset = pf;
opt.onOffset && opt.onOffset(pf, newRange, (begin / opt.max).toFixed(2));
}
}
flush();
}


//设置全部单元
function setTotalRange(min, max) {
opt.min = min;
opt.max = max;
flush();
}


//开始
function goStart() {
setCurRange(opt.min, opt.min + opt.ps - 1, 0);
if (opt.onMove) {
opt.onMove(opt.min, opt.ps);
}
}


//结束
function goEnd() {
setCurRange(opt.max - opt.ps + 1, opt.max, 0);
if (opt.onMove) {
opt.onMove(opt.max - opt.ps, opt.max);
}
}


//鼠标左键状态,鼠标位置
var mstate = 'up',
mpos;


//按下按钮
function mouseDown(e) {
if (mstate == 'up') {
//更改状态
mstate = 'down';
//更改样式
$addClass(bar, 'slider-bar-cur');
//绑定document事件
documentBind();
//记录初始坐标
mpos = $getEventCoords(e);
//开始移动
opt.onStartMove && opt.onStartMove();
}
//且阻止默认行为
$preventDefault(e);
return false;
}


//放开按钮
function mouseUp(e) {
if (mstate == 'down') {
//更改状态
mstate = 'up';
//更改样式
$delClass(bar, 'slider-bar-cur');
//释放document事件
documentRelease();
//计算鼠标位置
calculatemPos($getEventCoords(e));
//释放移动
opt.onReleaseMove && opt.onReleaseMove();
}
}


//移动
function mouseMove(e) {
if (mstate == 'down') {
//计算鼠标位置
calculatemPos($getEventCoords(e));
}
}


//计算鼠标位置
function calculatemPos(curPos) {
//距离偏移,总距离,当前位置
var lr, len = opt.length - 2 * opt.barOffset,
cur;
if (opt.direction == 'x') {
lr = curPos.x - mpos.x;
} else {
lr = curPos.y - mpos.y;
}
posChange = false;
move(lr);
//位置发生变更
if (posChange) {
mpos = curPos;
}
}


//绑定事件
function bindEvent() {
//到起始页
start && $bindEvent(start, goStart);
//到结束页
end && $bindEvent(end, goEnd);
$bindEvent(bar, mouseDown, 'mousedown');


$bindEvent(barParent, barClick, 'click');


}


function documentBind() {
$bindEvent(document.body, mouseMove, 'mousemove');
$bindEvent(document.body, mouseUp, 'mouseup');
$bindEvent(document.body, mouseUp, 'mouseleave');
}


function documentRelease() {
$unbindEvent(document.body, mouseMove, 'mousemove');
$unbindEvent(document.body, mouseUp, 'mouseup');
$unbindEvent(document.body, mouseUp, 'mouseleave');
}


function barClick(ev) {
var ev = ev || window.event,
target = ev.target || ev.srcElement,
eventCoords, left, width;
if (target === bar || target.parentNode === bar) {
$stopPropagation(ev);
return false;
}
eventCoords = $getEventCoords(ev);
//当前鼠标位置
left = $getOffset(bar).left;
width = bar.offsetWidth;
move(eventCoords.x - left - width / 2);
}


//销毁
function destroy() {
//取消事件
$unbindEvent(bar, mouseDown, 'mousedown');
if (mstate == 'down') {
documentRelease();
}
opt.dom.innerHTML = '';
}


//初始化
init();


return {
/**
* 设置当前内容单元范围
* @param {Object} begin 内容开始单元
* @param {Object} end 内容结束单元
* @param {Object} align 对齐单元
*/
setCurRange: function(begin, end, align) {
setCurRange(begin, end, align ? 0 : pixoffset);
},
/**
* 设置滑动条表示最大最小单元
* @param {Object} min
* @param {Object} max
*/
setTotalRange: function(min, max) {
setTotalRange(min, max);
},
/**
* 移动到百分比位置
*/
moveTo: function(pencent) {
var left = barParent.offsetWidth * pencent;
moveTo(left);
},
/**
* 设置显示长度
*/
setLength: function(length) {
setLength(length);
},
/**
* 销毁
*/
destroy: function() {
destroy();
},
/**
* 获取当前状态
*/
getState: function() {
return {
min: opt.min,
max: opt.max,
length: opt.length,
ps: opt.ps,
begin: opt.cur[0],
end: opt.cur[1],
offset: pixoffset,
mstate: mstate
};
},
onStartMove: function(cb) {
opt.onStartMove = cb;
},
onReleaseMove: function(cb) {
opt.onReleaseMove = cb;
},
onUnitRange: function(cb) {
opt.onUnitRange = cb;
},
onOffset: function(cb) {
opt.onOffset = cb;
}
};
}
/**
 * 阻止事件传播(冒泡)
 * @param {Object} e,事件对象
 */
function $stopPropagation(e) {
e = e || window.event;
if (e) {
if (e.stopPropagation) {
e.stopPropagation();
} else {
e.cancelBubble = true;
}
}
}
/**
 * 过滤字符串,将不支持的unicode字符去除掉
 * @param {Object} str 要过滤的字符串
 * @param {Object} enableEscape 是否支持html转义字符
 * @param {Object} enableMultiLine 是否支持换行
 */
function $strFilterUnicode(str, enableEscape, enableMultiLine) {
return $map($getCharArray(str, enableEscape), function(c) {
if (c == '\n' && enableMultiLine) {
return c;
}
return c.length > 1 ? c : $isAllowedUnicode(c.charCodeAt(0)) ? c : '';
}).join('');
}
/**
 * 过滤字符串,返回HTML可接受的内容,将不支持的标签转义,去除script代码防止xss攻击
 * @param {Object} str 要过滤的字符串
 * @param {Object} allowTags 允许的标签
 * @param {Object} allowML 允许换行
 */
function $strHTMLFilter(str, allowTags, allowML) {
//允许的标签
allowTags = allowTags || {};
if ($isArray(allowTags)) {
allowTags = $arrReduce(allowTags, function(memo, tag) {
memo[tag] = true;
return memo;
}, {});
}
var newStrArr = [],
lastIndex = 0;
//过滤处理所有标签
str.replace(/<\w+([\s\\\/]+("[^"]*"|'[^']*'|[^>])+)?>|<\/\w+>/gi, function($0, $1) {
//处理内容
var curIndex = str.indexOf($0);
var content = str.substring(lastIndex, curIndex);
newStrArr.push(content.replace('<', '&lt;').replace('>', '&gt;'));
lastIndex = curIndex + $0.length;
//处理标签
var tag;
if ($0.charAt(1) == '/') {
tag = $0.substring(2, $0.length - 1);
} else {
tag = $0.substring(1, $0.length - ($1 ? $1.length : 0) - 1);
}
//标签转小写
tag = tag.toLowerCase();
if (!allowTags[tag]) {
//不支持的标签,转换所有尖括号,文本内容不会造成攻击
newStrArr.push($0.replace(/[<>]/g, function(r) {
return "&#" + r.charCodeAt(0) + ";";
}));
return $0;
} else if ($1) {
var atts = [];
//支持的标签,过滤
//分析属性组
var props = $strFilterUnicode($strTrim($1).replace(/[\r\n\f]/g, '').replace(/[<>]/, function(r) {
return "&#" + r.charCodeAt(0) + ";";
}), true);
//分析属性
while (props) {
props = props.replace(/([^\s=]+)(\s*=\s*("[^"]*"|'[^']*')?)?/, function(p, att, eq, val) {
//非法属性,去掉
if (!/^[\w\._]+$/.test(att)) {
return '';
}
//事件
if (/^on\w+/i.test(att)) {
//事件触发,去掉
return '';
}
//路径
if (/(src$)|(href$)/i.test(att)) {
if (!val || val.length == 2) {
atts.push(att + '=""');
return '';
}
//url规则化
var info = $parseUrl(val.substring(1, val.length - 1));
if (/^http/i.test(info.protocol)) {
atts.push(att + '="' + info.href + '"');
return '';
}
//非规则url
return '';
}
atts.push(att + '=' + (val ? val : '""'));
return '';
}).replace(/^\s+/, '');
}
newStrArr.push($0.substring(0, tag.length + 1) + (atts.length ? (' ' + atts.join(' ')) : '') + '>');
return $0;
} else {
newStrArr.push($0);
return $0;
}
});
//将所有的非标签内容进行过滤
if (lastIndex != str.length - 1) {
newStrArr.push(str.substring(lastIndex).replace(/</g, '&lt;').replace(/>/g, '&gt;'));
}
//过滤字符
return $strFilterUnicode(newStrArr.join(''), true, allowML);
}
/**
 * 过滤字符串两边的空白
 * @param {Object} str
 */
function $strTrim(str) {
if (!str) {
return str;
}
return str.replace(/(^\s+)|(\s+$)/g, '');
}


function $t33(str) {
for (var i = 0, len = str.length, hash = 5381; i < len; ++i) {
hash += (hash << 5) + str.charAt(i).charCodeAt();
};
return hash & 0x7fffffff;
}
/**
 * 自动处理依赖顺序,处理有依赖关系的多个任务的执行,比如某些任务之间彼此独立,可以并行执行;但某些任务依赖于其它某些任务,只能等那些任务完成后才能执行。
 * @param {Object} tasks 任务map,任务名-任务数据对,任务数据是一个数组,数组前几项内容为依赖任务名,最后一项为任务,任务可以为函数或者带有handle函数的对象
 * @param {Object} callback 任务完成回调,可选,callback支持2个参数,错误参数和处理结果.如果有任务中途出错,则会把该错误传给最终callback
 * @param {Object} context 绑定任务函数的this对象,可选
 */
function $taskAuto(tasks, callback, context) {


var results = {},
taskStatus = {},
remainNum = 0,
slice = Array.prototype.slice,
sync = true;


//预处理
for (var name in tasks) {
remainNum++;
var task = tasks[name];
if (!$isArray(task)) {
tasks[name] = [task];
}
}


//开始执行任务
return exec();


//获取可执行的任务
function getExecableTask() {
var execTasks = [];
for (var name in tasks) {
if (!taskStatus[name]) {
var task = tasks[name];
if (task.length == 1) {
execTasks.push(name);
} else {
var execable = true;
for (var i = task.length - 1; i--;) {
var requireName = task[i];
if (taskStatus[requireName] != 2) {
execable = false;
break;
}
}
execable && execTasks.push(name);
}
}
}
return execTasks;
}


//执行任务
function exec() {
while (true) {
if (remainNum) {
var execTasks = getExecableTask();
if (execTasks.length > 0) {
var syncComplete = 0;
for (var i = execTasks.length; i--;) {
var taskName = execTasks[i],
task = tasks[taskName],
taskFn = task[task.length - 1],
taskType = typeof taskFn,
v;
//获得执行任务回调
var taskCallback = $limitCalls($curry(function(tname, err) {
if (taskStatus[tname] == 2) {
//已经同步设置,无需异步回调设值
return;
}
var args = slice.call(arguments, 2);
if (args.length <= 1) {
args = args[0];
}
results[tname] = args;
taskStatus[tname] = 2;
if (err) {
//发生错误
if (callback) {
//任务发生错误,处理以完成的任务,并回调.
callback(err, $clone(results));
callback = null;
}
} else {
//任务完成成功
remainNum--;
//回调
exec();
}
}, taskName));


//开始执行任务
taskStatus[taskName] = 1;
if (taskType == 'function') {
v = taskFn.call(context, taskCallback, results);
} else if (taskType == 'object' && taskFn.handle) {
v = taskFn.handle(taskCallback, results);
}
if ($isArray(v)) {
//任务直接返回数据,同步模式
syncComplete++;
var err = v[0],
args = slice.call(v, 1);
if (args.length <= 1) {
args = args[0];
}
results[taskName] = args;
taskStatus[taskName] = 2;
if (err) {
//发生错误
if (callback) {
callback(null, $clone(results));
callback = null;
}
if (sync) {
return [null, $clone(results)];
} else {
return;
}
} else {
//任务完成成功
remainNum--;
}
} else {
sync = false;
}
}
if (syncComplete > 0) {
//有同步执行完成任务,继续
continue;
} else {
return;
}
} else {
return;
}
} else {
if (callback) {
callback(null, results);
callback = null;
}
if (sync) {
return [null, results];
} else {
return;
}
}


}
}
}
/**
 * 获得一个任务数组的执行迭代器
 * @param {Object} tasks 任务列表,任务为函数或拥有handle执行方法的对象.
 */
function $taskIterator(tasks) {
var makeCallback = function(index) {
var fn = function() {
if (tasks.length) {
var t = tasks[index],
type = typeof t;
if (type == 'function') {
t.apply(this, arguments);
} else if (type == 'object' && t.handle) {
t.handle.apply(t, arguments);
}
}
return fn.next();
};
fn.next = function() {
return (index < tasks.length - 1) ? makeCallback(index + 1) : null;
};
return fn;
};
return makeCallback(0);
}
/**
 * 并行执行多个任务,在所有任务执行完成或某个任务出错后进行回调
 * @param {Array} tasks 任务列表,每个任务为一个函数或对象,当为函数时,可以绑定context为this对象,为对象时,会调用对象的handle函数
 * @param {Function} callback 完成所有任务后回调,可选
 * @param {Object} context 绑定任务函数的this对象,可选
 * 
 * 注:任务函数接收一个callback回调函数的参数,该回调函数在任务执行完成后或出错时调用,出错时传入错误信息
 */
function $taskParallel(tasks, callback, context) {
if (typeof callback != 'function') {
context = callback;
callback = undefined;
}
if (!context) {
context = this;
}
callback = callback || function() {};
var slice = Array.prototype.slice;
$asyncMap(tasks, function(fn, callback) {
var type = typeof fn,
cb = function(err) {
var args = slice.call(arguments, 1);
if (args.length <= 1) {
args = args[0];
}
callback.call(null, err, args);
};
if (type == 'function') {
fn.call(context, cb);
} else if (type == 'object' && t.handle) {
fn.handle(cb);
}
}, callback);
}
/**
 * 顺序执行任务,前一个任务的结果执行完成下一个任务才会开始,提取自async组件
 * @param {Object} tasks,任务列表,每个任务为一个函数或对象,当为函数时,可以绑定context为this对象,为对象时,会调用对象的handle函数
 *  任务调用参数为下一个任务的迭代器wrap,如果该任务执行完毕需要执行下一个任务,则调用该wrap,调用参数第一个参数为错误信息,之后的为当前任务的结果数据
 *  如果调用wrap带有错误信息,那么下一个任务将不会被执行,而会直接调用完成所有任务后的callback回调,并且传入错误信息和已经执行完成的结果
 * @param {Function} callback,完成所有任务后回调,可选
 * @param {Object} context,绑定任务函数的this对象,可选
 */
function $taskSeries(tasks, callback, context) {
if (typeof callback != 'function') {
context = callback;
callback = undefined;
}
if (!context) {
context = this;
}
callback = callback || function() {};
var slice = Array.prototype.slice;
if ($isArray(tasks)) {
$asyncMapSeries(tasks, function(fn, callback) {
if (fn) {
var type = typeof fn,
cb = function(err) {
var args = slice.call(arguments, 1);
if (args.length <= 1) {
args = args[0];
}
callback(err, args);
};
if (type == 'function') {
fn.call(this, cb);
} else if (type == 'object' && fn.handle) {
fn.handle(cb);
}
}
}, callback);
} else {
var results = {};
$asyncEachSeries($keys(tasks), function(k, callback) {
var fn = tasks[k],
type = typeof fn,
cb = function(err) {
var args = slice.call(arguments, 1);
if (args.length <= 1) {
args = args[0];
}
results[k] = args;
callback(err);
};
if (type == 'function') {
fn.call(this, cb);
} else if (type == 'object' && fn.handle) {
fn.handle(cb);
}
}, function(err) {
callback(err, results);
});
}
}
/**
 * 顺序执行任务,前一个任务的结果作为下一个任务的参数,提取自async组件
 * @param {Object} tasks,任务列表,每个任务为一个函数或对象,当为函数时,可以绑定context为this对象,为对象时,会调用对象的handle函数
 *  任务调用参数最后一个参数为下一个任务的迭代器wrap,如果该任务执行完毕需要执行下一个任务,则调用该wrap,调用参数第一个参数为错误信息,之后的为下一个任务接收到的参数
 *  如果调用wrap带有错误信息,那么下一个任务将不会被执行,而会直接调用完成所有任务后的callback回调,并且传入错误信息
 * @param {Function} callback,完成所有任务后回调,可选
 * @param {Object} context,绑定任务函数的this对象,可选
 */
function $taskWaterfall(tasks, callback, context) {
if (typeof callback != 'function') {
context = callback;
callback = undefined;
}
if (!context) {
context = this;
}
callback = callback || function() {};
if (!$isArray(tasks)) {
var err = new Error('First argument to waterfall must be an array of functions');
return callback.call(context, err);
}
if (!tasks.length) {
return callback.call(context);
}
var slice = Array.prototype.slice;
var wrapIterator = function(iterator) {
return function(err) {
if (err) {
callback.apply(context, arguments);
callback = function() {};
} else {
var args = slice.call(arguments, 1);
var next = iterator.next();
if (next) {
args.push(wrapIterator(next));
} else {
args.push(callback);
}
setTimeout(function() {
iterator.apply(context, args);
});
}
};
};
wrapIterator($taskIterator(tasks))();
}


function $throttle(fn, _interval) { //函数节流,防止onresize事件频繁触发


var __self = fn,
timer,
firstTime = true,
interval = _interval || 500;


return function() {


var args = arguments,
__me = this;


if (firstTime) {
__self.apply(__me, args);
return firstTime = false;
}


if (timer) {
return false;
}


timer = setTimeout(function() {


clearTimeout(timer);
timer = null;


__self.apply(__me, args);


}, interval);


};


}


function $toHTML(str) {
var r = (str || '').replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&nbsp;/g, " ").replace(/&#39;/g, "'");
return r;
}
/**
 *将对象转化为json字符串 
 */
function $toJSON(obj) {
var IS_DONTENUM_BUGGY = (function() {
for (var p in {
toString: 1
}) {
if (p === 'toString')
return false;
}
return true;
})();
var DONT_ENUMS = ['toString', 'toLocaleString', 'valueOf', 'hasOwnProperty', 'isPrototypeOf', 'propertyIsEnumerable', 'constructor'];
var _toString = Object.prototype.toString,
_hasOwnProperty = Object.prototype.hasOwnProperty,
NULL_TYPE = 'Null',
UNDEFINED_TYPE = 'Undefined',
BOOLEAN_TYPE = 'Boolean',
NUMBER_TYPE = 'Number',
STRING_TYPE = 'String',
OBJECT_TYPE = 'Object',
FUNCTION_CLASS = '[object Function]',
BOOLEAN_CLASS = '[object Boolean]',
NUMBER_CLASS = '[object Number]',
STRING_CLASS = '[object String]',
ARRAY_CLASS = '[object Array]',
DATE_CLASS = '[object Date]',
NATIVE_JSON_STRINGIFY_SUPPORT = window.JSON && typeof JSON.stringify === 'function' && JSON.stringify(0) === '0' && typeof JSON.stringify(function() {}) === 'undefined';
return Str('', {
'': obj
}, []);


function Type(o) {
switch (o) {
case null:
return NULL_TYPE;
case (void 0):
return UNDEFINED_TYPE;
}
var type = typeof o;
switch (type) {
case 'boolean':
return BOOLEAN_TYPE;
case 'number':
return NUMBER_TYPE;
case 'string':
return STRING_TYPE;
}
return OBJECT_TYPE;
}


function Str(key, holder, stack) {
var value = holder[key];
if (Type(value) === OBJECT_TYPE && typeof value.toJSON === 'function') {
value = value.toJSON(key);
}
var _class = _toString.call(value);
switch (_class) {
case NUMBER_CLASS:
case BOOLEAN_CLASS:
case STRING_CLASS:
value = value.valueOf();
}
switch (value) {
case null:
return 'null';
case true:
return 'true';
case false:
return 'false';
}
var type = typeof value;
switch (type) {
case 'string':
return inspectStr(value, true);
case 'number':
return isFinite(value) ? String(value) : 'null';
case 'object':
for (var i = 0, length = stack.length; i < length; i++) {
if (stack[i] === value) {
throw new TypeError("Cyclic reference to '" + value + "' in object");
}
}
stack.push(value);
var partial = [];
if (_class === ARRAY_CLASS) {
for (var i = 0, length = value.length; i < length; i++) {
var str = Str(i, value, stack);
partial.push(typeof str === 'undefined' ? 'null' : str);
}
partial = '[' + partial.join(',') + ']';
} else {
var keys = tokeys(value);
for (var i = 0, length = keys.length; i < length; i++) {
var key = keys[i],
str = Str(key, value, stack);
if (typeof str !== "undefined") {
partial.push(inspectStr(key, true) + ':' + str);
}
}
partial = '{' + partial.join(',') + '}';
}
stack.pop();
return partial;
}
}


function inspectStr(str, useDoubleQuotes) {
var specialChar = {
'\b': '\\b',
'\t': '\\t',
'\n': '\\n',
'\f': '\\f',
'\r': '\\r',
'\\': '\\\\'
};
var escapedString = str.replace(/[\x00-\x1f\\]/g, function(character) {
if (character in specialChar) {
return specialChar[character];
}
return '\\u00' + toPaddedString(character.charCodeAt(), 2, 16);
});
if (useDoubleQuotes)
return '"' + escapedString.replace(/"/g, '\\"') + '"';
return "'" + escapedString.replace(/'/g, '\\\'') + "'";
}


function toPaddedString(num, length, radix) {
var string = num.toString(radix || 10);
return times('0', length - string.length) + string;
}


function times(str, count) {
return count < 1 ? '' : new Array(count + 1).join(str);
}


function tokeys(object) {
if (Type(object) !== OBJECT_TYPE) {
throw new TypeError();
}
var results = [];
for (var property in object) {
if (_hasOwnProperty.call(object, property))
results.push(property);
}
if (IS_DONTENUM_BUGGY) {
for (var i = 0; property = DONT_ENUMS[i]; i++) {
if (_hasOwnProperty.call(object, property))
results.push(property);
}
}
return results;
}


}


function $ucfirst(str) {
if (!str) {
return str;
}
return str.replace(/^./, function(s) {
return s.toUpperCase();
});
}


function $unbindEvent(dom, handle, type) {
type = type || 'click';
if (!dom || !handle) {
return;
}
if (dom instanceof Array) {
for (var i = 0, l = dom.length; i < l; i++) {
$unbindEvent(dom[i], handle, type);
}
return;
}
if (type instanceof Array) {
for (var i = 0, l = type.length; i < l; i++) {
$unbindEvent(dom, handle, type[i]);
}
return;
}


function find(dom, type, handler) {
var eid = dom.__eventId;
if (!eid || !$bindEvent.__allHandlers || !$bindEvent.__allHandlers[eid] || !$bindEvent.__allHandlers[eid][type]) {
return null;
}
var wrapers = $bindEvent.__allHandlers[eid][type];
for (var i = wrapers.length; i--;) {
if (wrapers[i].handler == handler) {
var wrapper = wrapers[i].wrapper;
wrapers.splice(i, 1);
return wrapper;
}
}
return null;
}
if (type == 'wheel' || type == 'mousewheel' || type == 'DOMMouseScroll') {
//对wheel,mousewheel,DOMMouseScroll做一致性兼容
type = ('onwheel' in document || document.documentMode >= 9) ? 'wheel' : (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel";
}
if (window.removeEventListener) {
dom.removeEventListener(type, find(dom, type, handle) || handle, false);
} else if (window.detachEvent) {
dom.detachEvent("on" + type, find(dom, type, handle) || handle);
}
}
/**
 * 
 * 异步的类似于$whilst的操作,但是判断条件是相反的,语义上$whilst是当条件不成立时中断循环,$utile是当条件成立时中断循环
 * @param {Object} test 条件测试函数,测试while条件是否成立
 * @param {Object} iterator 异步执行函数,条件测试为true时调用,传入一个callback的函数参数,当语句执行完成后回调callback表示当前执行完成,执行下一步
 * @param {Object} callback 完成条件循环后进行回调,正常回调时无传入参数,错误时传入一个错误参数
 */
function $until(test, iterator, callback) {
if (!test()) {
iterator(function(err) {
if (err) {
return callback(err);
}
$until(test, iterator, callback);
});
} else {
callback();
}
}
/**
 * 异步的类似于while的操作,说明可参考$doWhilst
 * @param {Object} test 条件测试函数,测试while条件是否成立
 * @param {Object} iterator 异步执行函数,条件测试为true时调用,传入一个callback的函数参数,当语句执行完成后回调callback表示当前执行完成,执行下一步
 * @param {Object} callback 完成条件循环后进行回调,正常回调时无传入参数,错误时传入一个错误参数
 */
function $whilst(test, iterator, callback) {
if (test()) {
iterator(function(err) {
if (err) {
return callback(err);
}
$whilst(test, iterator, callback);
});
} else {
callback();
}
}


function $wrap_red(str, key_word) {


var reg = new RegExp('(' + key_word + ')', 'gi');
str = str.replace(reg, function(result) {
return '<span style="color:red">' + result + '</span>';
});
return str;
}
$Class = function() {


var create = function(fn, methods, parent) { //Class.create: 创建一个类,外部调用时只需传入构造函数fn


fn = fn || function() {};


var _initialize, _instances = [],
instance, _unique = 0,
ret, temp_class = function() {};


_initialize = function(args) {
fn.apply(this, args);
};


if (parent) {
temp_class.prototype = parent.prototype;
_initialize.prototype = new temp_class();
_initialize.prototype.constructor = _initialize;
_initialize.prototype.superClass = temp_class.prototype;
}


for (var i in methods) {
_initialize.prototype[i] = methods[i];
}


_initialize.prototype.implement = function() {
var fns = arguments[0].split('.'),
args = Array.prototype.slice.call(arguments, 1),
fn = this;
for (var i = 0, c; c = fns[i++];) {
fn = fn[c];
if (!fn) {
throw new Error('接口未实现');
}
}
return fn.apply(this, args);
};


var getInstance = function() { //获取类的一个实例对象
var args = Array.prototype.slice.call(arguments, 0),
__instance = new _initialize(args);


__instance.constructor = ret;


_instances[_unique++] = __instance;


return _instances[_unique - 1];
};


var empty = function() { //销毁类的所有实例对象


for (var i = 0, c; c = _instances[i++];) {
c = null;
}
_instances = [];
_instances.length = 0;
_unique = 0;
};


var getCount = function() { //返回类的实例对象个数
return _unique;
};


var getPrototype = function() { //返回类的prototype
return _initialize.prototype;
};


var sub = function(fn, methods) { //创建类的子类
var a = $Class.create(fn, methods, _initialize);
return a;
};


var interface = function(key, fn, a) { //给类添加原型函数


if (!_initialize) {
return;
}


var keys = key.split('.'),
__proto = _initialize.prototype,
last_key = keys.pop(),
__namespace;


if (keys.length) {
__namespace = keys[0];


if (!_initialize.prototype.hasOwnProperty(__namespace)) {
_initialize.prototype[__namespace] = {};
}


_initialize.prototype[__namespace][last_key] = fn;


} else {
_initialize.prototype[last_key] = fn;
}


};


ret = {
interface: interface, //给类添加原型方法
getInstance: getInstance, //获取类的实例对象
getInstances: function() { //获取类的所有实例,返回数组格式
return _instances;
},
empty: empty, //销毁类的所有实例
getCount: getCount, //获取类的所有实例个数
getPrototype: getPrototype, //获取类的prototype
sub: sub, //创建类的一个子类
initialize: _initialize //已废弃,待删
};


return ret;


};


return {
create: create //创建一个类
};
}();
$Event = (function() {


if (typeof $Event !== 'undefined') {
return $Event;
}


var global = this,
Event,
random = 'random';


Event = function() {


var _listen, _trigger, _remove, _slice = Array.prototype.slice,
_shift = Array.prototype.shift,
_unshift = Array.prototype.unshift,
namespaceCache = {},
create, find,
each = function(ary, fn) {
var ret;
for (var i = 0, l = ary.length; i < l; i++) {
var n = ary[i];
ret = fn.call(n, i, n);
}
return ret;
};


_listen = function(key, fn, cache) {
if (!cache[key]) {
cache[key] = [];
}
cache[key].push(fn);
};


_remove = function(key, cache, fn) {
if (cache[key]) {
if (fn) {
for (var i = cache[key].length; i--;) {
if (cache[key] === fn) {
cache[key].splice(i, 1);
}
}
} else {
cache[key] = [];
}
}
};


_trigger = function() {
var cache = _shift.call(arguments),
key = _shift.call(arguments),
args = arguments,
_self = this,
ret,
stack = cache[key];


if (!stack || !stack.length) {
return;
}


return each(stack, function() {
return this.apply(_self, args);
});


};


_create = function(namespace) {
var namespace = namespace || random;


var cache = {},
offlineStack = [], //是否支持离线事件 
ret = {
listen: function(key, fn, last) {
_listen(key, fn, cache);
if (offlineStack === null) {
return;
}
if (last === 'last') {
offlineStack.length && offlineStack.pop()();
} else if (last == 'none') {
//noop;
} else {
each(offlineStack, function() {
this();
});
}


offlineStack = null;
},
one: function(key, fn, last) {
_remove(key, cache);
this.listen(key, fn, last);
},
remove: function(key, fn) {
_remove(key, cache, fn);
},
trigger: function() {
var fn,
args,
_self = this;


_unshift.call(arguments, cache);


args = arguments;
fn = function() {
return _trigger.apply(_self, args);
};


if (offlineStack) {
return offlineStack.push(fn);
}
return fn();
}
};


return namespace ?
(namespaceCache[namespace] ? namespaceCache[namespace] : namespaceCache[namespace] = ret) : ret;


};


return {
create: _create,
one: function(key, fn, last) {
var event = this.create();
event.one(key, fn, last);
},
remove: function(key, fn) {
var event = this.create();
event.remove(key, fn);
},
listen: function(key, fn, last) {
var event = this.create();
event.listen(key, fn, last);
},
trigger: function() {
var event = this.create();
event.trigger.apply(this, arguments);
}
};


}();


return Event;




})();
$LocalStorage = (function() {


var storage = window.localStorage || getUserData() || null,
LOCAL_FILE = "localStorage";


return {


save: function(key, data) {


if (storage && data) {
storage.setItem(key, data);
return true;
}


return false;


},


get: function(key) {


if (storage) {
return storage.getItem(key);
}


return null;


},


remove: function(key) {


storage && storage.removeItem(key);


}


};


function getUserData() {


var container = document.createElement("div");
container.style.display = "none";


if (!container.addBehavior) {
return null;
}


container.addBehavior("#default#userdata");


return {


getItem: function(key) {


var result = null;


try {
document.body.appendChild(container);
container.load(LOCAL_FILE);
result = container.getAttribute(key);
document.body.removeChild(container);
} catch (e) {}


return result;


},


setItem: function(key, value) {


document.body.appendChild(container);
container.setAttribute(key, value);
container.save(LOCAL_FILE);
document.body.removeChild(container);


},
//               暂时没有用到
//                clear: function () {
//
//                    var expiresTime = new Date();
//                    expiresTime.setFullYear( expiresTime.getFullYear() - 1 );
//                    document.body.appendChild( container );
//                    container.expires = expiresTime.toUTCString();
//                    container.save( LOCAL_FILE );
//                    document.body.removeChild( container );
//
//                },


removeItem: function(key) {


document.body.appendChild(container);
container.removeAttribute(key);
container.save(LOCAL_FILE);
document.body.removeChild(container);


}


};


}


})();
$PageExecTime = (function() {
var startTime,
endTime,
callback;


return {
start: function() {
startTime = +new Date;
},
end: function(__callback) {
endTime = +new Date;
(__callback || callback || function() {})(endTime - startTime);
},
setCallback: function(__callback) {
callback = __callback || callback;
}
}


})();
$Propertychange = (function() {


$Propertychange = function(timer) {
this.timer = timer || 200;
this.t = null;
this.stack = [];
}




$Propertychange.prototype.add = function(input, fn) {
this.stack.push({
fValue: '',
input: input,
fn: fn
});
this.bind();
}




$Propertychange.prototype.addProchange = function(input, fn) {
for (var i = 0, c; c = this.stack[i++];) {
if (c.input === input) {


var oldFn = c.fn;


c.fn = function() {
oldFn(input.val());
fn(input.val());
}
return;
}
}
}




$Propertychange.prototype.bind = function() {


var self = this;


if (this.t) return;


this.t = setInterval(function() {


for (var i = 0, c; c = self.stack[i++];) {
var newValue = c.input.val();
if (newValue != c.fValue) {
var oldValue = c.fValue;
c.fValue = newValue;
c.fn.call(c.input[0], newValue, oldValue);
}
}


}, this.timer);
}




$Propertychange.prototype.unbind = function() {
clearTimeout(this.t);
this.t = null;
}




$Propertychange.prototype.remove = function(input) {
clearTimeout(this.t);
this.stack.length = 0;
}




$Propertychange.prototype.removeOne = function(input) {
for (var i = 0, c; c = this.stack[i++];) {
if (c.input === input) {
this.stack.splice(i, 1);
return;
}
}
}
return $Propertychange;
})()
$break = (function() {
return 'undefined' === typeof $break ? function(t) {
return t === $break;
} : $break;
})();
$cut_len = (function() {


var getLength = function(str) {
var a = str.length,
b = str.match(/[^\x00-\x80]/ig);
if (b != null) a += b.length * 1;
return a;
}


return function(str, length) {
var len = getLength(str);


if (len > length + 3) {
return $toHTML(str.substr(0, length) + '...');
}


return str;


}


})();
var $domAttr = (function() {
var fixAttr = {
tabindex: 'tabIndex',
readonly: 'readOnly',
'for': 'htmlFor',
'class': 'className',
maxlength: 'maxLength',
cellspacing: 'cellSpacing',
cellpadding: 'cellPadding',
rowspan: 'rowSpan',
colspan: 'colSpan',
usemap: 'useMap',
frameborder: 'frameBorder',
contenteditable: 'contentEditable'
},
suppor,
div = document.createElement('div');


div.setAttribute('class', 't');
suppor = div.className === 't';
div = null;
return function(elem, name, val) {
elem[val ? "setAttribute" : "getAttribute"](suppor ? name : (fixAttr[name] || name), val);
}
})();
/**
 * 规范化事件
 * @param {event} event 原始事件
 */
var $eventNormalize = (function() {
function returnFalse() {
return false;
}


function returnTrue() {
return true;
}


var EventWrap = function(src, props) {
// Allow instantiation without the 'new' keyword
if (!(this instanceof EventWrap)) {
return new EventWrap(src, props);
}
// Event object
if (src && src.type) {
this.originalEvent = src;
this.type = src.type;
// Events bubbling up the document may have been marked as prevented
// by a handler lower down the tree; reflect the correct value.
this.isDefaultPrevented = (src.defaultPrevented || src.returnValue === false || src.getPreventDefault && src.getPreventDefault()) ? returnTrue : returnFalse;
// Event type
} else {
this.type = src;
}
// Put explicitly provided properties onto the event object
if (props) {
$extend(this, props);
}
// Create a timestamp if incoming event doesn't have one
this.timeStamp = src && src.timeStamp || new Date().getTime();
};
EventWrap.prototype = {
isDefaultPrevented: returnFalse,
isPropagationStopped: returnFalse,
isImmediatePropagationStopped: returnFalse,
preventDefault: function() {
var e = this.originalEvent;
this.isDefaultPrevented = returnFalse;
if (!e) {
return;
}
// If preventDefault exists, run it on the original event
if (e.preventDefault) {
e.preventDefault();
// Support: IE
// Otherwise set the returnValue property of the original event to false
} else {
e.returnValue = false;
}
},
stopPropagation: function() {
var e = this.originalEvent;
this.isPropagationStopped = returnFalse;
if (!e) {
return;
}
// If stopPropagation exists, run it on the original event
if (e.stopPropagation) {
e.stopPropagation();
}
// Support: IE
// Set the cancelBubble property of the original event to true
e.cancelBubble = true;
},
stopImmediatePropagation: function() {
this.isImmediatePropagationStopped = returnFalse;
this.stopPropagation();
}
};
var rkeyEvent = /^key/,
rmouseEvent = /^(?:mouse|contextmenu)|click/;
var props = "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" ");
var fixHooks = {};
var keyHooks = {
props: "char charCode key keyCode".split(" "),
filter: function(event, original) {
// Add which for key events
if (event.which == null) {
event.which = original.charCode != null ? original.charCode : original.keyCode;
}
return event;
}
},
mouseHooks = {
props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
filter: function(event, original) {
var body, eventDoc, doc, button = original.button,
fromElement = original.fromElement;
// Calculate pageX/Y if missing and clientX/Y available
if (event.pageX == null && original.clientX != null) {
eventDoc = event.target.ownerDocument || document;
doc = eventDoc.documentElement;
body = eventDoc.body;
event.pageX = original.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
event.pageY = original.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
}
// Add relatedTarget, if necessary
if (!event.relatedTarget && fromElement) {
event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
}
// Add which for click: 1 === left; 2 === middle; 3 === right
// Note: button is not normalized, so don't use it
if (!event.which && button !== undefined) {
event.which = (button & 1 ? 1 : (button & 2 ? 3 : (button & 4 ? 2 : 0)));
}
return event;
}
};
var special = {};
//fix mousewheel
fixHooks.wheel = fixHooks.mousewheel = fixHooks.DOMMouseScroll = mouseHooks;
//hook
var lowestDelta;


function shouldAdjustOldDeltas(original, absDelta) {
return original.type === 'mousewheel' && absDelta % 120 === 0;
}
special.wheel = special.mousewheel = special.DOMMouseScroll = function(event, original) {
var delta = 0,
deltaX = 0,
deltaY = 0,
absDelta = 0;
//fixed type
event.type = 'mousewheel';
//fixed delta
if ('detail' in original) {
deltaY = original.detail * -1;
}
if ('wheelDelta' in original) {
deltaY = original.wheelDelta;
}
if ('wheelDeltaY' in original) {
deltaY = original.wheelDeltaY;
}
if ('wheelDeltaX' in original) {
deltaX = original.wheelDeltaX * -1;
}
// Firefox < 17 horizontal scrolling related to DOMMouseScroll event
if ('axis' in original && original.axis === original.HORIZONTAL_AXIS) {
deltaX = deltaY * -1;
deltaY = 0;
}
// Set delta to be deltaY or deltaX if deltaY is 0 for backwards compatabilitiy
delta = deltaY === 0 ? deltaX : deltaY;
// New school wheel delta (wheel event)
if ('deltaY' in original) {
deltaY = original.deltaY * -1;
delta = deltaY;
}
if ('deltaX' in original) {
deltaX = original.deltaX;
if (deltaY === 0) {
delta = deltaX * -1;
}
}
// Store lowest absolute delta to normalize the delta values
absDelta = Math.max(Math.abs(deltaY), Math.abs(deltaX));
if (!lowestDelta || absDelta < lowestDelta) {
lowestDelta = absDelta;
// Adjust older deltas if necessary
if (shouldAdjustOldDeltas(original, absDelta)) {
lowestDelta /= 40;
}
}
// Adjust older deltas if necessary
if (shouldAdjustOldDeltas(original, absDelta)) {
// Divide all the things by 40!
delta /= 40;
deltaX /= 40;
deltaY /= 40;
}
// Get a whole, normalized value for the deltas
delta = Math[delta >= 1 ? 'floor' : 'ceil'](delta / lowestDelta);
deltaX = Math[deltaX >= 1 ? 'floor' : 'ceil'](deltaX / lowestDelta);
deltaY = Math[deltaY >= 1 ? 'floor' : 'ceil'](deltaY / lowestDelta);
// Add information to the event object
event.deltaX = deltaX;
event.deltaY = deltaY;
event.delta = delta;
return event;
};


var eventNormalize = function(event) {
if (event instanceof EventWrap) {
return event;
}
// Create a writable copy of the event object and normalize some properties
var i, prop, copy, type = event.type,
originalEvent = event,
fixHook = fixHooks[type];
if (!fixHook) {
fixHooks[type] = fixHook = rmouseEvent.test(type) ? mouseHooks : rkeyEvent.test(type) ? keyHooks : {};
}
copy = fixHook.props ? props.concat(fixHook.props) : props;
event = new EventWrap(originalEvent);


i = copy.length;
while (i--) {
prop = copy[i];
event[prop] = originalEvent[prop];
}
// Support: IE<9
// Fix target property (#1925)
if (!event.target) {
event.target = originalEvent.srcElement || document;
}
// Support: Chrome 23+, Safari?
// Target should not be a text node (#504, #13143)
if (event.target.nodeType === 3) {
event.target = event.target.parentNode;
}
// Support: IE<9
// For mouse/key events, metaKey==false if it's undefined (#3368, #11328)
event.metaKey = !!event.metaKey;
event = fixHook.filter ? fixHook.filter(event, originalEvent) : event;
event = special[type] ? special[type](event, originalEvent) : event;
return event;
};
return eventNormalize;
})();
var $funcExecTime = (function() {


Function.prototype.before = function(beforefn) {
var __self = this; //保存原函数的引用
return function() { //返回包含了原函数和新函数的"代理"函数
beforefn.apply(this, arguments); //执行新函数,且保证this不被劫持,新函数接受                                    //的参数也会被原封不动的传入原函数,新函数在原函数之前执行。
return __self.apply(this, arguments); //执行原函数并返回原函数的执行结果,                                                         //并且保证this不被劫持
}
}


Function.prototype.after = function(afterfn) {
var __self = this;
return function() {
var ret = __self.apply(this, arguments);
afterfn.apply(this, arguments);
return ret;
}
};




return function(fn, funcName) {


return (function() {
var startTime;


return fn.before(function() {
startTime = +new Date;
}).after(function() {
var endTime = +new Date;
$funcExecTime.callback && $funcExecTime.callback(endTime - startTime, funcName);
});


})();
}


})();
var $getTpl = (function() {
function a(h, g) {
h = h.replace(/[\n\r]/g, "");
var d = h.match(/<!--(.*?)\/\*(.*?)\*\/(.*?)\1-->/gi);
var c = {};
if (!d) {
return [];
}
for (var f = 0; f < d.length; f++) {
var e = d[f].match(/^<!--(.*?)\/\*(.*?)\*\/(.*?)\1-->$/i);
c[e[1]] = e[3].replace(/^\s*/, "").replace(/\d*$/, "");
}
return c;
}
return function(d) {
var b = $id("tpl_" + d);
var c = a(b ? b.innerHTML : "", true);
return c;
};
})();
var $hex_md5 = (function() {


var hexcase = 0;


function hex_md5(a) {
if (a == "") return a;
return rstr2hex(rstr_md5(str2rstr_utf8(a)))
}


function hex_hmac_md5(a, b) {
return rstr2hex(rstr_hmac_md5(str2rstr_utf8(a), str2rstr_utf8(b)))
}


function md5_vm_test() {
return hex_md5("abc").toLowerCase() == "900150983cd24fb0d6963f7d28e17f72"
}


function rstr_md5(a) {
return binl2rstr(binl_md5(rstr2binl(a), a.length * 8))
}


function rstr_hmac_md5(c, f) {
var e = rstr2binl(c);
if (e.length > 16) {
e = binl_md5(e, c.length * 8)
}
var a = Array(16),
d = Array(16);
for (var b = 0; b < 16; b++) {
a[b] = e[b] ^ 909522486;
d[b] = e[b] ^ 1549556828
}
var g = binl_md5(a.concat(rstr2binl(f)), 512 + f.length * 8);
return binl2rstr(binl_md5(d.concat(g), 512 + 128))
}


function rstr2hex(c) {
try {
hexcase
} catch (g) {
hexcase = 0
}
var f = hexcase ? "0123456789ABCDEF" : "0123456789abcdef";
var b = "";
var a;
for (var d = 0; d < c.length; d++) {
a = c.charCodeAt(d);
b += f.charAt((a >>> 4) & 15) + f.charAt(a & 15)
}
return b
}


function str2rstr_utf8(c) {
var b = "";
var d = -1;
var a, e;
while (++d < c.length) {
a = c.charCodeAt(d);
e = d + 1 < c.length ? c.charCodeAt(d + 1) : 0;
if (55296 <= a && a <= 56319 && 56320 <= e && e <= 57343) {
a = 65536 + ((a & 1023) << 10) + (e & 1023);
d++
}
if (a <= 127) {
b += String.fromCharCode(a)
} else {
if (a <= 2047) {
b += String.fromCharCode(192 | ((a >>> 6) & 31), 128 | (a & 63))
} else {
if (a <= 65535) {
b += String.fromCharCode(224 | ((a >>> 12) & 15), 128 | ((a >>> 6) & 63), 128 | (a & 63))
} else {
if (a <= 2097151) {
b += String.fromCharCode(240 | ((a >>> 18) & 7), 128 | ((a >>> 12) & 63), 128 | ((a >>> 6) & 63), 128 | (a & 63))
}
}
}
}
}
return b
}


function rstr2binl(b) {
var a = Array(b.length >> 2);
for (var c = 0; c < a.length; c++) {
a[c] = 0
}
for (var c = 0; c < b.length * 8; c += 8) {
a[c >> 5] |= (b.charCodeAt(c / 8) & 255) << (c % 32)
}
return a
}


function binl2rstr(b) {
var a = "";
for (var c = 0; c < b.length * 32; c += 8) {
a += String.fromCharCode((b[c >> 5] >>> (c % 32)) & 255)
}
return a
}


function binl_md5(p, k) {
p[k >> 5] |= 128 << ((k) % 32);
p[(((k + 64) >>> 9) << 4) + 14] = k;
var o = 1732584193;
var n = -271733879;
var m = -1732584194;
var l = 271733878;
for (var g = 0; g < p.length; g += 16) {
var j = o;
var h = n;
var f = m;
var e = l;
o = md5_ff(o, n, m, l, p[g + 0], 7, -680876936);
l = md5_ff(l, o, n, m, p[g + 1], 12, -389564586);
m = md5_ff(m, l, o, n, p[g + 2], 17, 606105819);
n = md5_ff(n, m, l, o, p[g + 3], 22, -1044525330);
o = md5_ff(o, n, m, l, p[g + 4], 7, -176418897);
l = md5_ff(l, o, n, m, p[g + 5], 12, 1200080426);
m = md5_ff(m, l, o, n, p[g + 6], 17, -1473231341);
n = md5_ff(n, m, l, o, p[g + 7], 22, -45705983);
o = md5_ff(o, n, m, l, p[g + 8], 7, 1770035416);
l = md5_ff(l, o, n, m, p[g + 9], 12, -1958414417);
m = md5_ff(m, l, o, n, p[g + 10], 17, -42063);
n = md5_ff(n, m, l, o, p[g + 11], 22, -1990404162);
o = md5_ff(o, n, m, l, p[g + 12], 7, 1804603682);
l = md5_ff(l, o, n, m, p[g + 13], 12, -40341101);
m = md5_ff(m, l, o, n, p[g + 14], 17, -1502002290);
n = md5_ff(n, m, l, o, p[g + 15], 22, 1236535329);
o = md5_gg(o, n, m, l, p[g + 1], 5, -165796510);
l = md5_gg(l, o, n, m, p[g + 6], 9, -1069501632);
m = md5_gg(m, l, o, n, p[g + 11], 14, 643717713);
n = md5_gg(n, m, l, o, p[g + 0], 20, -373897302);
o = md5_gg(o, n, m, l, p[g + 5], 5, -701558691);
l = md5_gg(l, o, n, m, p[g + 10], 9, 38016083);
m = md5_gg(m, l, o, n, p[g + 15], 14, -660478335);
n = md5_gg(n, m, l, o, p[g + 4], 20, -405537848);
o = md5_gg(o, n, m, l, p[g + 9], 5, 568446438);
l = md5_gg(l, o, n, m, p[g + 14], 9, -1019803690);
m = md5_gg(m, l, o, n, p[g + 3], 14, -187363961);
n = md5_gg(n, m, l, o, p[g + 8], 20, 1163531501);
o = md5_gg(o, n, m, l, p[g + 13], 5, -1444681467);
l = md5_gg(l, o, n, m, p[g + 2], 9, -51403784);
m = md5_gg(m, l, o, n, p[g + 7], 14, 1735328473);
n = md5_gg(n, m, l, o, p[g + 12], 20, -1926607734);
o = md5_hh(o, n, m, l, p[g + 5], 4, -378558);
l = md5_hh(l, o, n, m, p[g + 8], 11, -2022574463);
m = md5_hh(m, l, o, n, p[g + 11], 16, 1839030562);
n = md5_hh(n, m, l, o, p[g + 14], 23, -35309556);
o = md5_hh(o, n, m, l, p[g + 1], 4, -1530992060);
l = md5_hh(l, o, n, m, p[g + 4], 11, 1272893353);
m = md5_hh(m, l, o, n, p[g + 7], 16, -155497632);
n = md5_hh(n, m, l, o, p[g + 10], 23, -1094730640);
o = md5_hh(o, n, m, l, p[g + 13], 4, 681279174);
l = md5_hh(l, o, n, m, p[g + 0], 11, -358537222);
m = md5_hh(m, l, o, n, p[g + 3], 16, -722521979);
n = md5_hh(n, m, l, o, p[g + 6], 23, 76029189);
o = md5_hh(o, n, m, l, p[g + 9], 4, -640364487);
l = md5_hh(l, o, n, m, p[g + 12], 11, -421815835);
m = md5_hh(m, l, o, n, p[g + 15], 16, 530742520);
n = md5_hh(n, m, l, o, p[g + 2], 23, -995338651);
o = md5_ii(o, n, m, l, p[g + 0], 6, -198630844);
l = md5_ii(l, o, n, m, p[g + 7], 10, 1126891415);
m = md5_ii(m, l, o, n, p[g + 14], 15, -1416354905);
n = md5_ii(n, m, l, o, p[g + 5], 21, -57434055);
o = md5_ii(o, n, m, l, p[g + 12], 6, 1700485571);
l = md5_ii(l, o, n, m, p[g + 3], 10, -1894986606);
m = md5_ii(m, l, o, n, p[g + 10], 15, -1051523);
n = md5_ii(n, m, l, o, p[g + 1], 21, -2054922799);
o = md5_ii(o, n, m, l, p[g + 8], 6, 1873313359);
l = md5_ii(l, o, n, m, p[g + 15], 10, -30611744);
m = md5_ii(m, l, o, n, p[g + 6], 15, -1560198380);
n = md5_ii(n, m, l, o, p[g + 13], 21, 1309151649);
o = md5_ii(o, n, m, l, p[g + 4], 6, -145523070);
l = md5_ii(l, o, n, m, p[g + 11], 10, -1120210379);
m = md5_ii(m, l, o, n, p[g + 2], 15, 718787259);
n = md5_ii(n, m, l, o, p[g + 9], 21, -343485551);
o = safe_add(o, j);
n = safe_add(n, h);
m = safe_add(m, f);
l = safe_add(l, e)
}
return Array(o, n, m, l)
}


function md5_cmn(h, e, d, c, g, f) {
return safe_add(bit_rol(safe_add(safe_add(e, h), safe_add(c, f)), g), d)
}


function md5_ff(g, f, k, j, e, i, h) {
return md5_cmn((f & k) | ((~f) & j), g, f, e, i, h)
}


function md5_gg(g, f, k, j, e, i, h) {
return md5_cmn((f & j) | (k & (~j)), g, f, e, i, h)
}


function md5_hh(g, f, k, j, e, i, h) {
return md5_cmn(f ^ k ^ j, g, f, e, i, h)
}


function md5_ii(g, f, k, j, e, i, h) {
return md5_cmn(k ^ (f | (~j)), g, f, e, i, h)
}


function safe_add(a, d) {
var c = (a & 65535) + (d & 65535);
var b = (a >> 16) + (d >> 16) + (c >> 16);
return (b << 16) | (c & 65535)
}


function bit_rol(a, b) {
return (a << b) | (a >>> (32 - b))
};


return hex_md5;


})();
/**
 * 判断是否系统允许的unicode字符
 */
var $isAllowedUnicode = (function() {
//entity code范围,控制在主要编码范围内
var entitiesRange = [
//-- 0x0000,0x007F,//C0控制符及基本拉丁文 (C0 Control and Basic Latin)
0x0020, 0x007E,


//-- 0x0080,0x00FF,//C1控制符及拉丁文补充-1 (C1 Control and Latin 1 Supplement)
0x00A1, 0x00AC,
0x00AE, 0x00FF,


0x0100, 0x017F, //拉丁文扩展-A (Latin Extended-A)
0x0180, 0x024F, //拉丁文扩展-B (Latin Extended-B)
// 0x0250,0x02AF,//国际音标扩展 (IPA Extensions)
// 0x02B0,0x02FF,//空白修饰字母 (Spacing Modifiers)
// 0x0300,0x036F,//结合用读音符号 (Combining Diacritics Marks)
// 0x0370,0x03FF,//希腊文及科普特文 (Greek and Coptic)
// 0x0400,0x04FF,//西里尔字母(Cyrillic)
// 0x0500,0x052F,//西里尔字母补充 (Cyrillic Supplement)
// 0x0530,0x058F,//亚美尼亚语 (Armenian)
// 0x0590,0x05FF,//希伯来文 (Hebrew)
// 0x0600,0x06FF,//阿拉伯文 (Arabic)
// 0x0700,0x074F,//叙利亚文 (Syriac)
// 0x0750,0x077F,//阿拉伯文补充 (Arabic Supplement)
// 0x0780,0x07BF,//马尔代夫语 (Thaana)
// 0x07C0,0x077F,//西非书面语言 (N'Ko)
// 0x0800,0x085F,//阿维斯塔语及巴列维语(Avestan and Pahlavi)
// 0x0860,0x087F,//Mandaic
// 0x0880,0x08AF,//撒马利亚语 (Samaritan)
// 0x0900,0x097F,//天城文书 (Devanagari)
// 0x0980,0x09FF,//孟加拉语 (Bengali)
// 0x0A00,0x0A7F,//锡克教文 (Gurmukhi)
// 0x0A80,0x0AFF,//古吉拉特文 (Gujarati)
// 0x0B00,0x0B7F,//奥里亚文 (Oriya)
// 0x0B80,0x0BFF,//泰米尔文 (Tamil)
// 0x0C00,0x0C7F,//泰卢固文 (Telugu)
// 0x0C80,0x0CFF,//卡纳达文 (Kannada)
// 0x0D00,0x0D7F,//德拉维族语 (Malayalam)
// 0x0D80,0x0DFF,//僧伽罗语 (Sinhala)
// 0x0E00,0x0E7F,//泰文 (Thai)
// 0x0E80,0x0EFF,//老挝文 (Lao)
// 0x0F00,0x0FFF,//藏文 (Tibetan)
// 0x1000,0x109F,//缅甸语 (Myanmar)
// 0x10A0,0x10FF,//格鲁吉亚语(Georgian)
// 0x1100,0x11FF,//朝鲜文 (Hangul Jamo)
// 0x1200,0x137F,//埃塞俄比亚语 (Ethiopic)
// 0x1380,0x139F,//埃塞俄比亚语补充 (Ethiopic Supplement)
// 0x13A0,0x13FF,//切罗基语 (Cherokee)
// 0x1400,0x167F,//统一加拿大土著语音节 (Unified Canadian Aboriginal Syllabics)
// 0x1680,0x169F,//欧甘字母 (Ogham)
// 0x16A0,0x16FF,//如尼文(Runic)
// 0x1700,0x171F,//塔加拉语 (Tagalog)
// 0x1720,0x173F,//Hanunóo
// 0x1740,0x175F,//Buhid
// 0x1760,0x177F,//Tagbanwa
// 0x1780,0x17FF,//高棉语 (Khmer)
// 0x1800,0x18AF,//蒙古文 (Mongolian)
// 0x18B0,0x18FF,//Cham
// 0x1900,0x194F,//Limbu
// 0x1950,0x197F,//德宏泰语 (Tai Le)
// 0x1980,0x19DF,//新傣仂语 (New Tai Lue)
// 0x19E0,0x19FF,//高棉语记号 (Kmer Symbols)
// 0x1A00,0x1A1F,//Buginese
// 0x1A20,0x1A5F,//Batak
// 0x1A80,0x1AEF,//Lanna
// 0x1B00,0x1B7F,//巴厘语 (Balinese)
// 0x1B80,0x1BB0,//巽他语 (Sundanese)
// 0x1BC0,0x1BFF,//Pahawh Hmong
// 0x1C00,0x1C4F,//雷布查语(Lepcha)
// 0x1C50,0x1C7F,//Ol Chiki
// 0x1C80,0x1CDF,//曼尼普尔语(Meithei/Manipuri)
// 0x1D00,0x1D7F,//语音学扩展 (Phonetic Extensions)
// 0x1D80,0x1DBF,//语音学扩展补充 (Phonetic Extensions Supplem
// 0x1DC0,0x1DFF,//结合用读音符号补充 (Combining Diacritics Marks Supplement)
// 0x1E00,0x1EFF,//拉丁文扩充附加 (Latin Extended Additional)
// 0x1F00,0x1FFF,//希腊语扩充 (Greek Extended)
//-- 0x2000,0x206F,//常用标点(General Punctuation)
0x2010, 0x2010,
0x2012, 0x2027,
0x2030, 0x205E,


// 0x2070,0x209F,//上标及下标 (Superscripts and Subscripts)
// 0x20A0,0x20CF,//货币符号 (Currency Symbols)
// 0x20D0,0x20FF,//组合用记号 (Combining Diacritics Marks for Symbols)
// 0x2100,0x214F,//字母式符号 (Letterlike Symbols)
// 0x2150,0x218F,//数字形式 (Number Form)
// 0x2190,0x21FF,//箭头 (Arrows)
// 0x2200,0x22FF,//数学运算符 (Mathematical Operator)
// 0x2300,0x23FF,//杂项工业符号 (Miscellaneous Technical)
// 0x2400,0x243F,//控制图片 (Control Pictures)
// 0x2440,0x245F,//光学识别符 (Optical Character Recognition)
// 0x2460,0x24FF,//封闭式字母数字 (Enclosed Alphanumerics)
// 0x2500,0x257F,//制表符 (Box Drawing)
// 0x2580,0x259F,//方块元素 (Block Element)
// 0x25A0,0x25FF,//几何图形 (Geometric Shapes)
// 0x2600,0x26FF,//杂项符号 (Miscellaneous Symbols)
// 0x2700,0x27BF,//印刷符号 (Dingbats)
// 0x27C0,0x27EF,//杂项数学符号-A (Miscellaneous Mathematical Symbols-A)
// 0x27F0,0x27FF,//追加箭头-A (Supplemental Arrows-A)
// 0x2800,0x28FF,//盲文点字模型 (Braille Patterns)
// 0x2900,0x297F,//追加箭头-B (Supplemental Arrows-B)
// 0x2980,0x29FF,//杂项数学符号-B (Miscellaneous Mathematical Symbols-B)
// 0x2A00,0x2AFF,//追加数学运算符 (Supplemental Mathematical Operator)
// 0x2B00,0x2BFF,//杂项符号和箭头 (Miscellaneous Symbols and Arrows)
// 0x2C00,0x2C5F,//格拉哥里字母(Glagolitic)
// 0x2C60,0x2C7F,//拉丁文扩展-C (Latin Extended-C)
// 0x2C80,0x2CFF,//古埃及语 (Coptic)
// 0x2D00,0x2D2F,//格鲁吉亚语补充 (Georgian Supplement)
// 0x2D30,0x2D7F,//提非纳文 (Tifinagh)
// 0x2D80,0x2DDF,//埃塞俄比亚语扩展 (Ethiopic Extended)
// 0x2E00,0x2E7F,//追加标点 (Supplemental Punctuation)
0x2E80, 0x2EFF, //CJK 部首补充 (CJK Radicals Supplement)
0x2F00, 0x2FDF, //康熙字典部首 (Kangxi Radicals)
0x2FF0, 0x2FFF, //表意文字描述符 (Ideographic Description Characters)
0x3000, 0x303F, //CJK 符号和标点 (CJK Symbols and Punctuation)
0x3040, 0x309F, //日文平假名 (Hiragana)
0x30A0, 0x30FF, //日文片假名 (Katakana)
0x3100, 0x312F, //注音字母 (Bopomofo)
0x3130, 0x318F, //朝鲜文兼容字母 (Hangul Compatibility Jamo)
0x3190, 0x319F, //象形字注释标志 (Kanbun)
0x31A0, 0x31BF, //注音字母扩展 (Bopomofo Extended)
0x31C0, 0x31EF, //CJK 笔画 (CJK Strokes)
0x31F0, 0x31FF, //日文片假名语音扩展 (Katakana Phonetic Extensions)
0x3200, 0x32FF, //封闭式 CJK 文字和月份 (Enclosed CJK Letters and Months)
0x3300, 0x33FF, //CJK 兼容 (CJK Compatibility)
0x3400, 0x4DBF, //CJK 统一表意符号扩展 A (CJK Unified Ideographs Extension A)
0x4DC0, 0x4DFF, //易经六十四卦符号 (Yijing Hexagrams Symbols)
0x4E00, 0x9FBF, //CJK 统一表意符号 (CJK Unified Ideographs)
// 0xA000,0xA48F,//彝文音节 (Yi Syllables)
// 0xA490,0xA4CF,//彝文字根 (Yi Radicals)
// 0xA500,0xA61F,//Vai
// 0xA660,0xA6FF,//统一加拿大土著语音节补充 (Unified Canadian Aboriginal Syllabics Supplement)
// 0xA700,0xA71F,//声调修饰字母 (Modifier Tone Letters)
// 0xA720,0xA7FF,//拉丁文扩展-D (Latin Extended-D)
// 0xA800,0xA82F,//Syloti Nagri
// 0xA840,0xA87F,//八思巴字 (Phags-pa)
// 0xA880,0xA8DF,//Saurashtra
// 0xA900,0xA97F,//爪哇语 (Javanese)
// 0xA980,0xA9DF,//Chakma
// 0xAA00,0xAA3F,//Varang Kshiti
// 0xAA40,0xAA6F,//Sorang Sompeng
// 0xAA80,0xAADF,//Newari
// 0xAB00,0xAB5F,//越南傣语 (Vi?t Thái)
// 0xAB80,0xABA0,//Kayah Li
// 0xAC00,0xD7AF,//朝鲜文音节 (Hangul Syllables)
// 0xD800,0xDBFF,//High-half zone of UTF-16
// 0xDC00,0xDFFF,//Low-half zone of UTF-16
// 0xE000,0xF8FF,//自行使用区域 (Private Use Zone)
0xF900, 0xFAFF, //CJK 兼容象形文字 (CJK Compatibility Ideographs)
// 0xFB00,0xFB4F,//字母表达形式 (Alphabetic Presentation Form)
// 0xFB50,0xFDFF,//阿拉伯表达形式A (Arabic Presentation Form-A)
// 0xFE00,0xFE0F,//变量选择符 (Variation Selector)
// 0xFE10,0xFE1F,//竖排形式 (Vertical Forms)
// 0xFE20,0xFE2F,//组合用半符号 (Combining Half Marks)
0xFE30, 0xFE4F, //CJK 兼容形式 (CJK Compatibility Forms)
// 0xFE50,0xFE6F,//小型变体形式 (Small Form Variants)
// 0xFE70,0xFEFF,//阿拉伯表达形式B (Arabic Presentation Form-B)
0xFF00, 0xFFEF, //半型及全型形式 (Halfwidth and Fullwidth Form)
// 0xFFF0,0xFFFF,//特殊 (Specials)
null
];
entitiesRange.pop();
//排序控制,可省略
entitiesRange.sort(function(a, b) {
return a < b ? -1 : a == b ? 0 : 1
});
var len = entitiesRange.length;
return function(code) {
for (var i = 0; i < len; i++) {
if (entitiesRange[i] >= code) {
return entitiesRange[i] == code ? true : i % 2 == 1;
}
}
return false;
};
})();
$len = (function() {


var getLength = function(str) {
var a = str.length,
b = str.match(/[^\x00-\x80]/ig);
if (b != null) a += b.length * 1;
return a;
}


return function(str, length) {
var len = getLength(str);


if (len > length + 3) {
return $toHTML(str.substr(0, length) + '...');
}


return str;


}


})();
$micro_tmpl = (function() {
var cache = {},
toHTML = function(str) {
return str.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&nbsp;/g, " ").replace(/&#39;/g, "'");
};
var micro_tmpl = function tmpl(str, data) {
// Figure out if we're getting a template, or if we need to
// load the template - and be sure to cache the result.
var str = toHTML(document.getElementById(str).innerHTML);
var data = data || {};
var fn = !/\W/.test(str) ?
cache[str] = cache[str] ||
tmpl(document.getElementById(str).innerHTML) :


// Generate a reusable function that will serve as a template
// generator (and which will be cached).
new Function("obj",
"var p=[],print=function(){p.push.apply(p,arguments);};" +


// Introduce the data as local variables using with(){}
"with(obj){p.push('" +


// Convert the template into pure JavaScript
str
.replace(/[\r\t\n]/g, " ")
.split("<%").join("\t")
.replace(/((^|%>)[^\t]*)'/g, "$1\r")
.replace(/\t=(.*?)%>/g, "',$1,'")
.split("\t").join("');")
.split("%>").join("p.push('")
.split("\r").join("\\'") + "');}return p.join('');");


// Provide some basic currying to the user
return data ? fn(data) : fn;
};


return micro_tmpl;
})();
/**
 * 消息组件,提供addListener,removeListener,send三个方法
 * 
 * $msg.addListener(type,callback); 添加消息监听
 * 参数说明:type:消息类型,字符串,也可以为多个类型值的数组,表示一次监听多个消息类型。callback:监听消息回调。支持2个参数:msg(消息),type(消息类型);
 * $msg.removeListener(type,callback); 移除消息监听
 * 参数说明:type:消息类型,字符串,也可以为多个类型值的数组,表示一次取消监听多个消息类型。callback:监听消息回调。
 * $msg.send(type,msg);发送消息
 * 参数说明:type:消息类型,字符串,也可以为多个类型值的数组,表示一次发送多个消息类型。msg:消息体
 */
$msg = (function() {
if (typeof $msg == "object") {
return $msg;
}


function run(param, call) {
if (param instanceof Array) {
for (var i = param.length; i--;) {
call(param[i]);
}
return;
}
param && call(param);
}




msg = {
listener: null,
types: {},
addListener: function(type, callback) {
var tps = this.types;
callback && run(type, function(t) {
tps[type] = $arrAddUniq(tps[t], callback);
});
},
removeListener: function(type, callback) {
var tps = this.types;
callback && run(type, function(t) {
tps[t] && $arrRemove(tps[t], callback);
});
},
send: function(type, msg) {
var tps = this.types;
var error = [];
run(type, function(t) {
var tq = tps[t];
if (tq) {
$each(tq.slice(), function(callback) {
try {
callback(msg, t);
} catch (e) {
error.push(e)
};
});
}
});
if (error && error.length > 0) {
//错误
window.setTimeout(function() {
throw error;
});
}
}
};
return msg;
})();
$Request = (function() {


if (typeof $Request !== 'undefined') {
return $Request;
}


var map = {},


buildParams = function(url, param) {
var ary = [];
for (var name in param) {
ary.push(name + '=' + param[name]);
}


if (!url) {
return ary.join('&');
}


return url + (url.indexOf('?') > -1 ? '&' : '?') + ary.join('&');
},


random = function() {
return 'xxxxxxxx_xxxx_4xxx_yxxx_xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
var r = Math.random() * 16 | 0,
v = c === 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16)
}).toUpperCase();
},


extend = function(obj1, obj2) {
for (var i in obj2) {
obj1[i] = obj2[i];
}
return obj1;
},




getDomain = function() {
var host;
return function() {
if (host) {
return host;
}
var _host = location.hostname.split('.');
_host.shift();


return host = _host.join('.');
};
}(),




del = function(prop) {
try {
delete window[prop];
} catch (e) {
window[prop] = null;
}
},


errorFilterFn = function() {


},


restartFilterFn = function() {


},


parseJSON = function(data) {


if (typeof data !== "string" || !data) {
return null;
}


data = data.replace(/(^\s*)|(\s*$)/g, '');


if (window.JSON && window.JSON.parse) {
return window.JSON.parse(data);
}


// Logic borrowed from http://json.org/json2.js
//if ( rvalidchars.test( data.replace( rvalidescape, "@" )
//.replace( rvalidtokens, "]" )
//.replace( rvalidbraces, "")) ) {
return (new Function("return " + data))();
//}
},


getXHR = function() {
return window.ActiveXObject ? new ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest();
},




restartFilterStack = [],


urlRoot = '',




before = function(before, fn) {
return function() {
if (fn.apply(this, arguments) === false) {
return false;
}
return before.apply(this, arguments);
};
},


cache = {};


map.get = function(url, param, timeout, _cathe, target, callback, method) {


if (_cathe && cache[cacheUrl]) {
return callback.call(window, cache[cacheUrl]);
}


var xhr = getXHR();


if (!method) {
url = buildParams(url, param);
}


xhr.open(method || 'get', url, true);


if (timeout) {
timer = setTimeout(function() {
clearTimeout(timer);
fn.call(window, 'timeout');
fn = function() {};
}, timeout);
}


var fn = function(data) {
clearTimeout(timer);
callback.call(window, data);
}


xhr.onreadystatechange = function() {


if (xhr.readyState !== 4) return;


if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304 || xhr.status === 1223 || xhr.status === 0) {
var data = parseJSON(xhr.responseText);
fn.call(window, data);
}


xhr = null;
};




if (!method) {
xhr.send(null);
} else {
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(buildParams(null, param));
}


return {
stop: function() {
clearTimeout(timer);
fn = function() {};
}
}


};


map.post = function(url, param, timeout, _cathe, target, callback) {
return map.get(url, param, timeout, _cathe, target, callback, 'post');
}


map.jsonp = function(url, param, timeout, _cathe, target, callback) {


var callbackName = 'dance_' + random(),
head = document.getElementsByTagName('head')[0],
script = document.createElement('script'),
timer,
newUrl,
param = extend({}, param),
cacheUrl = buildParams(url, param);




param.callback = callbackName;


param.dtype = 'jsonp';




if (_cathe && cache[cacheUrl]) {
return callback.call(window, cache[cacheUrl]);
}


newUrl = buildParams(url, param);


var fn = function(data) {


callback.call(window, data);


del(callbackName);
script.parentNode && head.removeChild(script);


}




script.src = newUrl;


head.appendChild(script);




if (timeout) {
timer = setTimeout(function() {
fn.call(window, 'timeout');
window[callbackName] = function() {};
}, timeout);
}


window[callbackName] = function(data) {
clearTimeout(timer);
fn(data);
if (_cathe) {
cache[cacheUrl] = data;
}
};


return {
stop: function() {
clearTimeout(timer);
head.removeChild(script);
window[callbackName] = function() {};
}
}


};


map.iframe = function() {


var callback_type;


var create = function(tagName, attrs) {
var tag = document.createElement(tagName);
for (var i in attrs) {
tag[i] = attrs[i];
tag.setAttribute(i, attrs[i]);
}
return tag;
},


hide = function(obj) {
obj.style.display = 'none';
return obj;
};




var getIframe = function(timer, callback) {


var iframe;


try {
//www.domain.com/set_domain.html
var iframeurl = "http://www." + getDomain() + "/set_domain.html";
iframe = document.createElement('<iframe src="' + iframeurl + '" name=' + timer + '></iframe>');
iframe.attachEvent('onload', function() {
callback();
});
} catch (e) {
iframe = document.createElement('iframe');
iframe.name = timer;
callback_type = 'no_callback';
}


return document.body.appendChild(hide(iframe));
//return document.body.appendChild( iframe );
};






var removeNode = function(node) {
while (node.firstChild) {
node.removeChild(node.firstChild);
}
if (node.parentNode) {
node.parentNode.removeChild(node);
}
};




return function(url, param, timeout, _cathe, target, callback) {


var timer = 'dance_' + random(),
__timer;


var callbackName = timer,
iframe,
input,
__form;




if (target === 'self') {
__form = create('form', {
"method": 'post',
"action": url
});
} else if (target === 'blank') {
__form = create('form', {
"method": 'post',
"action": url,
"target": '_blank'
});
} else {
__form = create('form', {
"target": target || timer,
"method": 'post',
"action": url
});
}




document.body.appendChild(hide(__form));


var fn = function(data) {
callback.call(window, data);
del(callbackName);
removeNode(__form);
removeNode(iframe);
};




if (timeout) {
__timer = setTimeout(function() {
fn.call(window, 'timeout');
window[callbackName] = function() {};
}, timeout);
}


var __random = 'dance_' + random();


window[__random] = function(data) {
clearTimeout(__timer);
fn(data);
if (_cathe) {
cache[url] = data;
}
};




var param = extend({}, param);


if (target !== 'self' && target !== 'blank') {
param.callback = 'parent.' + __random;
param.dtype = 'iframe';
param.domainName = getDomain();
}




for (var i in param) {
input = create('textarea', {
"name": i,
"value": param[i]
});
__form.appendChild(input);
}


iframe = getIframe(timer, function() {
__form.submit();
});


if (callback_type === 'no_callback') {
__form.submit();
}


return {
stop: function() {
try {
clearTimeout(timer);
window[callbackName] = function() {};
removeNode(__form);
removeNode(iframe);
} catch (e) {}


}
}


}


}();






var Request = function(config) {
this.url = config.url.indexOf('http') > -1 ? config.url : urlRoot + config.url;
this.type = config.type || 'jsonp';
this.param = config.param || {};
this.cache = !!config.cache;
this.lock = !!config.lock;
this.target = config.target;
this.locked = false;
this._timeout = config.timeout;
this.donefn = [];
this.errorfn = [];
this.beforeSendfn = [];
this._request = null;
this.startTime = null;
this.timeoutfn = function() {};
}




Request.prototype.setParam = function(param) {


this.param = extend(this.param, param || {});
};




Request.prototype.done = function(fn) {
this.donefn.push(fn);
};




Request.prototype.error = function(fn) {
this.errorfn.push(fn);
};




Request.prototype.beforeSend = function(fn) {
this.beforeSendfn.push(fn);
};




Request.prototype.timeout = function(fn) {
this.timeoutfn = fn;
};




Request.prototype.start = function() {


var type = this.type,
me = this;


/************************** beforeSend *******************************/


if (this.lock && this.locked) {
return false;
}




this.locked = true;


for (var i = 0, c; c = this.beforeSendfn[i++];) {
if (c.call(this, this.param) === false) {
this.locked = false;
return false;
}
}


this._request = map[type](this.url, this.param || {}, this._timeout, this.cache, this.target, function(data) {


me.locked = false;


if (data === 'timeout') {
me.timeoutfn.call(me);
$Event.trigger('requestTimeout', me);
return false;
}


if (restartFilterFn.call(me, data, me.url) === true) {
restartFilterStack.push(me);
}


if (errorFilterFn.call(me, data, me.url) === false) {


for (var i = 0, c; c = me.errorfn[i++];) {
c.call(me, data);
}


return;
}


for (var i = 0, c; c = me.donefn[i++];) {
c.call(me, data);
}


$Event.trigger('requestDone', me);


});


this.startTime = +new Date();


};




Request.prototype.stop = function() {
try {
this._request && this._request.stop();
} catch (e) {}


};


//document.domain = 'iuni.com'
document.domain = getDomain();






var _ret = {
create: function(obj) {
return new Request(obj);
},
getPrototype: function() {
return Request.prototype;
},
setErrorFilter: function(fn) {
errorFilterFn = fn;
},
setReStartFilter: function(fn) {
restartFilterFn = fn;
},
restart: function() {
while (restartFilterStack.length) {
var request = restartFilterStack.shift();
request.start();
}
},
setUrlRoot: function(url) {
urlRoot = url;
}
}




_ret.setErrorFilter(function(data, url) {


if (data.code === 0 || data.returnCode === 0) {
return true;
}


if ((data.returnCode === -1 || data.code === 6000) && url.indexOf('/getinfo') < 0) {
//失去登陆态的情况不放入error回调, 会自动弹出登陆框
return true;
}


return false;


});
return _ret;


})();
/**
 * 判断字符串是否HTML转义字符
 */
var $isEscapeSequense = (function() {
//转义实体
var entities = {
'quot': 34,
'amp': 38,
'lt': 60,
'gt': 62,
'nbsp': 160,
'iexcl': 161,
'cent': 162,
'pound': 163,
'curren': 164,
'yen': 165,
'brvbar': 166,
'sect': 167,
'uml': 168,
'copy': 169,
'ordf': 170,
'laquo': 171,
'not': 172,
'reg': 174,
'macr': 175,
'deg': 176,
'plusmn': 177,
'sup2': 178,
'sup3': 179,
'actue': 180,
'micro': 181,
'para': 182,
'middot': 183,
'cedil': 184,
'sup1': 185,
'ordm': 186,
'raquo': 187,
'frac14': 188,
'frac12': 189,
'frac34': 190,
'iquest': 191,
'Agrave': 192,
'Aacute': 193,
'Acirc': 194,
'Atilde': 195,
'Auml': 196,
'Aring': 197,
'AElig': 198,
'Ccedil': 199,
'Egrave': 200,
'Eacute': 201,
'Ecirc': 202,
'Euml': 203,
'Igrave': 204,
'Iacute': 205,
'Icirc': 206,
'Iuml': 207,
'ETH': 208,
'Ntilde': 209,
'Ograve': 210,
'Oactue': 211,
'Ocirc': 212,
'Otilde': 213,
'Ouml': 214,
'times': 215,
'Oslash': 216,
'Ugrave': 217,
'Uacute': 218,
'Ucirc': 219,
'Uuml': 220,
'Yacute': 221,
'THORN': 222,
'szlig': 223,
'agrave': 224,
'aacute': 225,
'acirc': 226,
'atilde': 227,
'auml': 228,
'aring': 229,
'aelig': 230,
'ccedil': 231,
'egrave': 232,
'eacute': 233,
'ecirc': 234,
'euml': 235,
'igrave': 236,
'iacute': 237,
'icirc': 238,
'iuml': 239,
'eth': 240,
'ntilde': 241,
'ograve': 242,
'oacute': 243,
'ocirc': 244,
'otilde': 245,
'ouml': 246,
'divide': 247,
'oslash': 248,
'ugrave': 249,
'uactue': 250,
'ucirc': 251,
'uuml': 252,
'yacute': 253,
'thorn': 254,
'yuml': 255
};
return function(str) {
if (str.match(/^&(#(\d+)|([a-z0-9]+));$/i)) {
var isNum = false,
code;
if (RegExp.$2) {
code = parseInt(RegExp.$2);
isNum = true;
} else {
code = RegExp.$3;
}
if (isNum) {
return $isAllowedUnicode(code) ? code : false;
} else {
return entities[code] || false;
}
}
return false;
};
})();


function $iuni_articleBlocksPage(opt) {


//id列表,数据列表,通过函数回调加载获得,固定不变
var idList, dataList;
//已经填充好的数据块(链表首,链表尾),定义数据块元素{isNew,changed,blockId,start,startIndex,end,endIndex,prevDistance,rows,prevBlock,nextBlock}
var startFilledBlock, endFilledBlock, nextBlockId = 0;
//视图宽度,滚动结束位置,总共输出列数,向前预输出列数,向后预输出列数,计算得出
var viewWidth, scrollEnd, rowNum, prevRowNum, nextRowNum;
//计算用数据,剩下最右侧未计算区域宽度,输出补边宽度,列模板函数
var remainWidth, preViewPadding;
//当前视图的开始位置索引,偏移量,用于重绘
var baseIndex = 0,
baseIndexOffset;
//算法控制,扩展邻近块时判断最多额外加载的列数
var useBlockDiffNum = 4;
//可视视图宽度,可视视图高度,滚动开始位置,外界通知(变量)
var visiableWidth, visiableHeight, scrollStart = 0,
scrollOffset = 0;
//列宽间隙,元素间隙,列宽,列模版,外部设置(常量)
var rowGap = opt.rowGap,
itemGap = opt.itemGap,
rowWidth = opt.rowWidth + rowGap,
leftWidth = opt.leftWidth || 0,
rightWidth = opt.rightWidth;
//回调(获取ID列表,获取数据,设置视图宽度,设置html,滚动控制),外部设置(常量)
var getListCb = opt.onGetIdList,
getDataCb = opt.onGetDatas,
viewWidthCb = opt.onViewWidthChange,
viewBlockCb = opt.onViewBlockChange,
scrollCb = opt.onScrollChange;
//运行数据,初始化,是否在渲染,是否需要下次渲染,是否正在设置滚动,运行时上下文
var inited = false,
rending = false,
nextRending = false,
inSetScroll = false,
context;


//页面对象
var pageObj = {
//总宽度变更时回调
onViewWidth: function(callback) {
viewWidthCb = callback;
},
//内容html输出回调
onViewBlock: function(callback) {
viewBlockCb = callback;
},
//内容重新定位滚动位置
onReScroll: function(callback) {
scrollCb = callback;
},
//请求数据回调
onGetData: function(callback) {
getDataCb = callback;
},
//请求数据Id列表使用
onGetList: function(callback) {
getListCb = callback;
},
//初始化加载
init: function(id) {
if (!inited) {
//加载id列表
getListCb(function(ids) {
idList = ids;
dataList = new Array(ids.length);
//找到初始化元素
for (var i = 0, len = ids.length; i < len; i++) {
if (ids[i] == id) {
baseIndex = i;
break;
}
}
//重绘
genHtml();
inited = true;
});
}
},
init2: function(index, offset) { //id:索引位置;
if (!inited) {
//加载id列表
getListCb(function(ids) {
idList = ids;
dataList = new Array(ids.length);
//找到初始化元素
baseIndex = index;
baseIndexOffset = offset || 0;
//重绘
genHtml();
inited = true;
});
}
},
//页面滚动到位置
scrollTo: function(scroll) {
if (inSetScroll) {
return;
}
//处理显示范围有边距的情况
if (scroll < leftWidth) {
scrollOffset = scroll;
scroll = 0;
} else {
scrollOffset = leftWidth;
scroll -= leftWidth;
}


if (scrollStart != scroll) {
scrollStart = scroll;
//重绘
inited && genHtml();
}
},
//设置页面可视尺寸
setVisiableViewScale: function(width, height) {
if (visiableWidth != width || visiableHeight != height) {
visiableWidth = width;
visiableHeight = height;
//重绘
inited && genHtml();
}
},
reRender: function() {
if (inited) {
//清除链表
startFilledBlock = endFilledBlock = null;
genHtml();
}
},
getBaseIndex: function() {
return [baseIndex, baseIndexOffset];
}
};


return pageObj;


/**
*计算需要渲染的列
*/
function calcRowNum() {
if (!rowWidth || !visiableWidth) {
prevRowNum = nextRowNum = 0;
}
//左扩展,右扩展
prevRowNum = nextRowNum = Math.ceil(visiableWidth / rowWidth);
rowNum = prevRowNum * 3;
//补边
preViewPadding = visiableWidth - prevRowNum * rowWidth;
}


/**
* 生成html
*/
function genHtml() {
//保护措施,避免过多异步调用
if (rending) {
nextRending = true;
return;
}
rending = true;
//计算内容
if (!context || context.scrollStart != scrollStart) {
scrollEnd = scrollStart + visiableWidth;
}
if (!context || context.visiableWidth != visiableWidth) {
calcRowNum();
}
if (!context || context.visiableHeight != visiableHeight) {
//清除链表
startFilledBlock = endFilledBlock = null;
}
//新建上下文,当前运行环境保护
context = {
visiableWidth: visiableWidth,
visiableHeight: visiableHeight,
scrollStart: scrollStart,
lastTime: new Date().getTime()
};
//更新填充前的时间戳,用于判断块变更时间
//填充列
fillRows(function() {
if (nextRending) {
//不输出并重绘
//设置渲染
rending = false;
//继续重绘
nextRending = false;
setTimeout(genHtml);
} else {
//重新排列高度
autoAdjustBlockRows();
//生成块缓存
var allBlockIds = {},
hasChanged = false;
var node = startFilledBlock;
while (node) {
if (node.changed) {
hasChanged = true;
}
allBlockIds[node.blockId] = node;
node = node.nextBlock;
}
if (hasChanged) {
//重新定位
resetScroll();
//回调内容
viewBlockCb(startFilledBlock, allBlockIds);
//将所有块设置为未更改
unchangeAllBlocks();
}
//设置渲染
rending = false;
//输出并重绘
if (nextRending) {
//继续重绘
nextRending = false;
setTimeout(genHtml);
}
}
});
}


/**
* 计算基节点
*/
function calcBaseIndex(extendBlock) {
if (extendBlock.isNew) {
//新建节点
var index = extendBlock.startIndex;
var distance = context.scrollStart % rowWidth;
distance = distance ? (distance - rowWidth) : 0;
} else {
if (extendBlock.start > scrollEnd) {
//需要左扩展,判断第一个元素
var index = extendBlock.startIndex;
//相对显示区域距离
var distance = extendBlock.start - context.scrollStart;
} else if (extendBlock.end < context.scrollStart) {
//需要右扩展,判断最后一个元素
var index = extendBlock.endIndex;
var distance = extendBlock.end - context.scrollStart;
} else {
//显示范围内,找到第一个显示的元素
var rowLeft, rowRight, rowIndex = extendBlock.startIndex;
for (var i = 0, len = extendBlock.rows.length; i < len; i++) {
rowLeft = extendBlock.start + i * rowWidth;
rowRight = rowLeft + rowWidth;
if (rowLeft > context.scrollStart || rowRight > context.scrollStart) {
var index = rowIndex;
var distance = rowLeft - context.scrollStart;
break;
}
rowIndex += extendBlock.rows[i].length;
}
}
}
//设定当前值
context.baseIndex = index;
context.baseOffset = distance;
//设定全局值
baseIndex = index;
baseIndexOffset = distance;


}


/**
* 重新定位
*/
function resetScroll() {
//查找block
var node = startFilledBlock,
curBaseIndex = context.baseIndex;
while (node) {
//查询当前定位位置
if (node.endIndex < curBaseIndex) {
node = node.nextBlock;
continue;
} else {
var startIndex = node.startIndex,
endIndex;
for (var i = 0, len = node.rows.length; i < len; i++) {
endIndex = startIndex + node.rows[i].length - 1;
if (startIndex <= curBaseIndex && endIndex >= curBaseIndex) {
curScroll = node.start + i * rowWidth - context.baseOffset;
//重新设置宽度
viewWidth = endFilledBlock.end + remainWidth;
//重新设置滚动
scrollStart = curScroll;
//判断末尾
if (scrollStart + context.visiableWidth > viewWidth) {
scrollStart = viewWidth - context.visiableWidth;
}
//正在设置滚动,停止接收重绘信息
inSetScroll = true;
//通知宽度更改(加上边界宽)
viewWidthCb(viewWidth + leftWidth);
//通知滚动更改
scrollCb(scrollStart + scrollOffset);
//设置滚动完成,接收重绘信息
inSetScroll = false;
return;
}
startIndex = endIndex + 1;
}
return;
}
}
}


/**
* 自动重新调节列高
*/
function autoAdjustBlockRows() {
var node = startFilledBlock;
while (node) {
for (var i = 0, len = node.rows.length; i < len; i++) {
if (!node.rows[i].autoAdjusted) {
autoAdjust(node.rows[i]);
node.rows[i].autoAdjusted = true;
}
}
node = node.nextBlock;
}
}


/**
* 将所有块设置为未更改
*/
function unchangeAllBlocks() {
var node = startFilledBlock;
while (node) {
node.isNew = false;
node.changed = false;
node = node.nextBlock;
}
}


/**
* 查询滚动节点附近已经填充好的缓存数据块
*/
function findfilledBlocks() {
var node = startFilledBlock;
while (node) {
//查询当前定位位置
if (node.start <= context.scrollStart) {
if (node.end < context.scrollStart) {
//下一个节点
node = node.nextBlock;
continue;
} else {
//范围内,找到已经填充的数据块
return node;
}
} else {
//已经超出范围,返回距离最近的节点
if (node.prevBlock) {
return (context.scrollStart - node.prevBlock.end) <= (node.start - scrollEnd) ? node.prevBlock : node;
}
return node;
}
}
//返回末尾节点
return endFilledBlock;
}


/**
* 填充列
* @param callback 回调
*/
function fillRows(callback) {
//查找当前位置填充好的块
var nearBlock = findfilledBlocks();
if (nearBlock) {
var start = nearBlock.start,
end = nearBlock.end;
if (end < context.scrollStart) {
//前节点向后扩展
var diffNum = Math.floor((context.scrollStart - end) / rowWidth);
if (diffNum <= useBlockDiffNum) {
var fillNum = diffNum + rowNum - prevRowNum;
//向后排
return fillNext(nearBlock, fillNum, callback);
} else {
//新建当前位置空节点
var
//开始位置
start = nearBlock.end,
//结束位置
end = nearBlock.nextBlock ? nearBlock.nextBlock.start : viewWidth,
//开始索引
startIndex = nearBlock.endIndex + 1,
//结束索引
endIndex = nearBlock.nextBlock ? nearBlock.nextBlock.startIndex - 1 : idList.length - 1,
//总行
totalNum = (end - start) / rowWidth,
//当前索引
curIndex = startIndex + Math.floor((endIndex - startIndex) * diffNum / totalNum);
var newBlock = {
isNew: true,
blockId: nextBlockId++,
startIndex: curIndex,
endIndex: curIndex - 1,
rows: [],
prevBlock: nearBlock,
nextBlock: nearBlock.nextBlock
};
//插入节点
if (nearBlock.nextBlock) {
nearBlock.nextBlock.prevBlock = newBlock;
} else {
endFilledBlock = newBlock;
}
nearBlock.nextBlock = newBlock;
//两边扩展
return fillBoth(newBlock, prevRowNum, rowNum - prevRowNum, callback);
}
} else if (start > scrollEnd) {
//后节点向前扩展
var diffNum = Math.ceil((start - scrollEnd) / rowWidth);
if (diffNum <= useBlockDiffNum) {
var fillNum = diffNum + rowNum - nextRowNum;
//向前排
return fillPrev(nearBlock, fillNum, callback);
} else {
//新建当前位置空节点
var
//第一个元素的行差
diffStartNum = Math.ceil((start - scrollStart) / rowWidth),
//开始位置
start = nearBlock.prevBlock ? nearBlock.prevBlock.end : 0,
//结束位置
end = nearBlock.start,
//开始索引
startIndex = nearBlock.prevBlock ? nearBlock.prevBlock.endIndex + 1 : 0,
//结束索引
endIndex = nearBlock.startIndex - 1,
//总行
totalNum = (end - start) / rowWidth,
//当前索引
curIndex = endIndex - Math.ceil((endIndex - startIndex) * diffStartNum / totalNum);
var newBlock = {
isNew: true,
blockId: nextBlockId++,
startIndex: curIndex,
endIndex: curIndex - 1,
rows: [],
prevBlock: nearBlock.prevBlock,
nextBlock: nearBlock
};
//插入节点
if (nearBlock.prevBlock) {
nearBlock.prevBlock.nextBlock = newBlock;
} else {
startFilledBlock = newBlock;
}
nearBlock.prevBlock = newBlock;
//两边扩展
return fillBoth(newBlock, prevRowNum, rowNum - prevRowNum, callback);
}
} else {
//当前节点
//当前列,总列
var curRow = Math.floor((context.scrollStart - nearBlock.start) / rowWidth),
totalRow = nearBlock.rows.length;
if (nearBlock.startIndex != 0 && curRow < prevRowNum) {
//向前扩展
//向前排
var fillNum = prevRowNum - curRow;
return fillPrev(nearBlock, fillNum, callback);
} else if ((nearBlock.endIndex != idList.length - 1) && totalRow - curRow < rowNum - prevRowNum) {
//向后扩展
//向后排
var fillNum = (rowNum - prevRowNum) - (totalRow - curRow);
return fillNext(nearBlock, fillNum, callback);
} else {
//计算基点
calcBaseIndex(nearBlock);
//无需扩展
return callback();
}
}
} else {
//新建第一个空节点
//获取之前的基点和定位偏移
var curBaseIndex = baseIndex;
var curBaseIndexOffset = baseIndexOffset || 0;
var newBlock = {
isNew: true,
blockId: nextBlockId++,
startIndex: curBaseIndex,
endIndex: curBaseIndex - 1,
rows: [],
prevBlock: null,
nextBlock: null
};
//插入节点
startFilledBlock = endFilledBlock = newBlock;
//两边扩展
return fillBoth(newBlock, prevRowNum, rowNum - prevRowNum, function() {
//新建第一个节点时,需要对定位基点和偏移重新计算
context.baseIndex = curBaseIndex;
context.baseOffset = curBaseIndexOffset;
//重设
baseIndex = curBaseIndex;
baseIndexOffset = curBaseIndexOffset;
callback(curBaseIndex);
});
}
}


//向前扩展
function fillPrev(node, num, callback) {
//计算基点
calcBaseIndex(node);
//向前扩展N列
fillRowsNum(node.startIndex - 1, num, false, function(rows, nextIndex) {
if (nextIndex == -1) {
//已经排到了最开头,改为从头往后排
fillRowsUntil(0, node.endIndex, function(rows, nextIndex) {
//更改链表结构,重新定义表头
startFilledBlock = node;
node.prevBlock = null;
//设置数据
node.rows = rows;
node.startIndex = 0;
node.endIndex = nextIndex - 1;
node.changed = true;
//检查链表并回调
return checkBlockList(callback);
});
} else {
node.rows = rows.concat(node.rows);
node.startIndex = nextIndex + 1;
node.changed = true;
//检查链表并回调
return checkBlockList(callback);
}
});
}


//向后扩展
function fillNext(node, num, callback) {
//计算基点
calcBaseIndex(node);
//向后扩展N列
fillRowsNum(node.endIndex + 1, num, true, function(rows, nextIndex) {
node.rows = node.rows.concat(rows);
node.endIndex = nextIndex - 1;
node.changed = true;
//检查链表并回调
return checkBlockList(callback);
});
}


//两边扩展
function fillBoth(node, leftNum, rightNum, callback) {
//计算基点
calcBaseIndex(node);
fillRowsNum(node.startIndex - 1, leftNum, false, function(rows, nextIndex) {
if (nextIndex == -1) {
//已经排到了最开头,改为从头往后排
fillRowsNum(0, leftNum + node.rows.length + rightNum, true, function(rows, nextIndex) {
//更改链表结构,重新定义表头
startFilledBlock = node;
node.prevBlock = null;
//设置数据
node.rows = rows;
node.startIndex = 0;
node.endIndex = nextIndex - 1;
node.changed = true;
//检查链表并回调
return checkBlockList(callback);
});
} else {
node.rows = rows.concat(node.rows);
node.startIndex = nextIndex + 1;
fillRowsNum(node.endIndex + 1, rightNum, true, function(rows, nextIndex) {
node.rows = node.rows.concat(rows);
node.endIndex = nextIndex - 1;
node.changed = true;
//检查链表并回调
return checkBlockList(callback);
});
}
});
}


/**
* 检查链表顺序
*/
function checkBlockList(callback) {
if (!startFilledBlock) {
callback();
}
var node = startFilledBlock;
while (node) {
var next = node.nextBlock;
if (next) {
if (next.startIndex <= node.endIndex) {
//链表删除next节点
node.changed = true;
node.nextBlock = next.nextBlock;
if (node.nextBlock) {
node.nextBlock.prevBlock = node;
} else {
endFilledBlock = node;
}
if (next.endIndex > node.endIndex) {
//重排
return fillRowsUntil(node.endIndex + 1, next.endIndex, function(rows, nextIndex) {
node.rows = node.rows.concat(rows);
node.endIndex = nextIndex - 1;
//重新检查
checkBlockList(callback);
});
} else {
continue;
}
} else {
if (next.startIndex == node.endIndex + 1) {
//链表删除next节点
node.changed = true;
node.nextBlock = next.nextBlock;
if (node.nextBlock) {
node.nextBlock.prevBlock = node;
} else {
endFilledBlock = node;
}
//合并
node.rows = node.rows.concat(next.rows);
node.endIndex = next.endIndex;
}
}
}
node = next;
}
//重新计算链表位置
calcBlockLink();
callback();
}


/**
* 计算链表定位
*/
function calcBlockLink(node) {
if (!startFilledBlock) {
return;
}
var node = node || startFilledBlock,
prev = node.prevBlock,
next;
while (node) {
next = node.nextBlock;
if (prev) {
if (prev.changed || node.changed) {
//前节点或本节点发生变更
node.prevDistance = Math.ceil((node.startIndex - prev.endIndex - 1) * prev.rows.length / (prev.endIndex - prev.startIndex + 1)) * rowWidth;
}
node.start = prev.end + node.prevDistance;
} else {
//因无前节点被删除情况,因此只需要判断本节点是否修改即可
if (node.changed) {
node.start = node.prevDistance = Math.ceil(node.startIndex * node.rows.length / (node.endIndex - node.startIndex + 1)) * rowWidth;
}
}
//计算末尾
node.end = node.start + node.rows.length * rowWidth;
prev = node;
node = next;
}
//计算剩余位置
if (prev && prev.endIndex < idList.length - 1) {
//计算剩余宽度
if (prev.changed) {
remainWidth = Math.ceil((idList.length - prev.endIndex - 1) * prev.rows.length / (prev.endIndex - prev.startIndex + 1)) * rowWidth;
}
} else {
remainWidth = 0;
}
}


/**
* 向后排序直到指定索引
* 同步或异步,如返回undefined,表示异步,否则为同步
*/
function fillRowsUntil(index, endIndex, callback) {
//结束索引
var endIndex = Math.min(idList.length - 1, endIndex);
//列数组
var rows = [];
//填充
return fill();


function fill() {
var result = arguments.length ? arguments : null;
while (result = result || fillRow(index, true, fill)) {
var row = result[0],
nextIndex = result[1];
rows.push(row);
//设置起始索引
index = nextIndex;
if (index > endIndex) {
//列数满足或到达尽头
callback(rows, index);
return;
}
result = null;
}
}
}


/**
* 填充N列
* 同步或异步,如返回undefined,表示异步,否则为同步
*/
function fillRowsNum(index, num, forward, callback) {
//开始索引,结束索引
var startIndex = 0,
endIndex = idList.length - 1;
//列数组
var rows = [];
//填充
return fill();


function fill() {
var result = arguments.length ? arguments : null;
while (result = result || fillRow(index, forward, fill)) {
var row = result[0],
nextIndex = result[1];
forward ? rows.push(row) : rows.unshift(row);
num--;
//设置起始索引
index = nextIndex;
if (!num || index < startIndex || index > endIndex) {
//列数满足或到达尽头
callback(rows, index);
return;
}
result = null;
}
}
}


/**
* 填充一列
* 同步或异步,如返回undefined,表示异步,否则为同步
*/
function fillRow(index, forward, callback) {
var startIndex = 0,
endIndex = idList.length - 1,
async = false;
//列
var row = [],
inc = forward ? 1 : -1,
//高度
height = context.visiableHeight,
//默认高度,最小高度
deHeight = 0,
minHeight = 0;
//开始填充
return fill();
//填充
function fill() {
var task = arguments.length ? arguments[0] : null;
while (task = task || getTaskData(index, fill)) {
if (task != -1) {
//最小高度
var mh = task.getMinHeight(),
//默认高度
dh = task.getDefaultHeight();
if ((minHeight += mh) <= height || row.length == 0) {
//添加
forward ? row.push(task) : row.unshift(task);
//添加间隙高度
minHeight += itemGap;
deHeight += itemGap;
if ((deHeight += dh) >= height) {
//默认高度达到高度要求,回调
if (async) {
callback(row, index + inc);
return;
} else {
return [row, index + inc];
}
} else {
//继续填充
index += inc;
}
} else {
if (async) {
callback(row, index);
return;
} else {
return [row, index];
}
}
} else {
if (async) {
callback(row, index);
return;
} else {
return [row, index];
}
}
task = null;
}
//异步
async = true;
}


}


/**
* 获取任务数据
* 返回-1表示范围不合法,返回undefined为异步回调,其他为正常获取数据
*/
function getTaskData(index, callback) {
//超出范围
if (index < 0 || index >= idList.length) {
return -1;
} else {
if (dataList[index]) {
//已存在数据,回调
return dataList[index];
} else {
//加载多个数据
var loadIds = [],
loadIndexs = [];
for (var i = Math.max(0, index - 25), max = Math.min(idList.length, index + 25); i < max; i++) {
if (!dataList[i]) {
loadIds.push(idList[i]);
loadIndexs.push(i);
}
}
//请求数据
getDataCb(loadIds, function(datas) {
//填充数据
for (var i = loadIds.length; i--;) {
var id = loadIds[i];
dataList[loadIndexs[i]] = datas[id];
}
//回调
callback(dataList[index]);
});
}
}
}


/**
* 自动调整列高
* @param {Object} row
*/
function autoAdjust(row) {
var maxHeight = getMaxHeight(row),
minHeight = getMinHeight(row),
defaultHeight = getDefaultHeight(row),
height = context.visiableHeight;
if (defaultHeight == height) {
//重置高度
resetHeight(row);
} else if (defaultHeight > height) {
//压缩
var needCompressHeight = defaultHeight - height,
canCompressHeight = defaultHeight - minHeight;
//每个元素压缩
$each(row, function(task) {
var dh = task.getDefaultHeight();
if (canCompressHeight > 0) {
var mh = task.getMinHeight();
task.adjustHeightTo(dh - Math.ceil((dh - mh) * needCompressHeight / canCompressHeight));
needCompressHeight -= dh - task.getHeight();
canCompressHeight -= dh - mh;
} else {
task.adjustHeightTo(dh);
}
});
} else {
//延展
var needExpendHeight = height - defaultHeight,
canExpendHeight = maxHeight - defaultHeight;
//每个元素延展
$each(row, function(task) {
var dh = task.getDefaultHeight();
if (canExpendHeight > 0) {
var mh = task.getMaxHeight();
task.adjustHeightTo(dh + Math.ceil((mh - dh) * needExpendHeight / canExpendHeight));
needExpendHeight -= task.getHeight() - dh;
canExpendHeight -= mh - dh;
} else {
task.adjustHeightTo(dh);
}
});
}
}


function getMaxHeight(row) {
return (row.length - 1) * itemGap + $arrReduce(row, function(height, task) {
return height + task.getMaxHeight();
}, 0);
}


function getMinHeight(row) {
return (row.length - 1) * itemGap + $arrReduce(row, function(height, task) {
return height + task.getMinHeight();
}, 0);
}


function getDefaultHeight(row) {
return (row.length - 1) * itemGap + $arrReduce(row, function(height, task) {
return height + task.getDefaultHeight();
}, 0);
}


function resetHeight(row) {
$each(row, function(task) {
task.reset();
});
}
}
/**
 * iuni 文章列表单元对象
 * @param {Object} opt
 */
function $iuni_articleListItem(articles, callback, typesetTask, config, chaCache) {
if (!typesetTask) {
return
}


//配置
config = $extend({
//宽度
width: 280,
//最小主图宽度
minMainImgWidth: 280,
//最大主图高度,高过部分切除
maxMainImgHeight: 280,
//图片列表数量
imgListLenth: 3,
//图片列表高度
imgListHeight: 90,
//图片列表单张图片宽度
imgListWidth: 90,
//最大标题行数
maxTitleLine: 2,
//最小标题函数
minTitleLine: 1,
//标题文字样式
titleFont: {
fontFamily: "'Microsoft Yahei'",
fontSize: '16px',
lineHeight: '24px',
whiteSpace: 'pre',
margin: 0,
padding: 15,
border: 0,
display: 'block'
},
//标题行高
titleLineHeight: 24,
//最大内容行数
maxContentLine: 6,
//最小内容行数
minContentLine: 3,
//默认内容行数
defaultContentLine: 5,
//内容文字样式
contentFont: {
fontFamily: "'Microsoft Yahei'",
fontSize: '12px',
lineHeight: '18px',
whiteSpace: 'pre',
margin: 0,
padding: 0,
border: 0,
display: 'block'
},
//内容行高
contentLineHeight: 18,
infoHeight: 102
}, config);


//标题文字尺寸缓存
var titleFontSizeCache = (chaCache && chaCache.titleFontSizeCache) || {},
contentFontSizeCache = (chaCache && chaCache.contentFontSizeCache) || {},
//排版数据
_typesetTask = $extend({
//主图片任务,返回输出文章排版主图html的函数
'mainImgDom': ['mainImg',
function(cb, result) {
var html = '',
height = 0,
mheight = height;
if (result.mainImg) {
var img = this.article._images[0],
width = config.minMainImgWidth,
//封面图尺寸对象
sizeData = result.mainImg[0],
marginTop = 0,
size = sizeData.value,
url = img[sizeData.index];


mheight = height = Math.round(size[1] * width / size[0]);
if (height > config.maxMainImgHeight) {
mheight = config.maxMainImgHeight;
marginTop = Math.round((height - mheight) / 2);
}


html = $parseStr('<div class="itm_pics" style="height:{#mheight#}px;overflow:hidden"><a href="#"><img src="{#url#}" width="{#width#}" style="margin-top:{#marginTop#}px"/></a></div>', {
url: url,
width: width,
mheight: mheight,
marginTop: marginTop
});
}
cb(null, {
//获得html
getHtml: function() {
return html;
},
//获得高度
getHeight: function() {
return mheight;
}
});
}
],
//小图列表任务,返回内容为文章排版小图列表html
'imgListDom': ['imgList',
function(cb, result) {
var html = '',
height = 0;
if (result.imgList) {
var h = ['<div class="list_box ui_rel cf"><ul class="cf">'],
ih = 90,
iw = 90;
$each(result.imgList, function(img) {
//获得最接近展示的图片尺寸
var sizeData = $arrNear(bbcode.data.sizes, function(size) {
var o;
if (size[0] * ih < size[1] * iw) {
o = size[0] - iw;
} else {
o = size[1] - ih;
}
return o == 0 ? Number.MAX_VALUE : 1 / (Math.abs(o));
}, 1);
//获得高度和url数据
var dataset = $map($arrMergeProperties({
size: data.sizes,
url: data.urls
}), function(d) {
return d.size[0] + ',' + d.size[1] + ',' + d.url;
});
//处理高度
var size = sizeData.value,
url = bbcode.data.urls[sizeData.index];
//图片html
if (size[0] * ih > size[1] * iw) {
var ciw = Math.round(size[1] * ih / size[0]);
h.push($parseStr('<li><img src="{#url#}" style="width:{#width#}px;height:{#height#}px;margin-left:{#offset#}px" dataset="{#dataset#}"/></li>', {
url: url,
width: ciw,
height: ih,
offset: -1 * Math.round((size[0] - size[1]) * ih / (2 * size[1])),
dataset: dataset.join('#')
}));
} else {
var cih = Math.round(size[1] * iw / size[0]);
h.push($parseStr('<li><img src="{#url#}" style="width:{#width#}px;height:{#height#}px;margin-top:{#offset#}px;" dataset="{#dataset#}"/></li>', {
url: url,
width: iw,
height: cih,
offset: -1 * Math.round((size[1] - size[0]) * iw / (2 * size[0])),
dataset: dataset.join('#')
}));
}
});
h.push('</ul></div>');
html = h.join('');
height = ih;
}
cb(null, {
//获得html
getHtml: function() {
return html;
},
//获得高度
getHeight: function() {
return height;
}
});
}
],
//标题任务,返回内容为文章排版标题内容html
'titleDom': ['title',
function(cb, result) {
var title = result.title,
maxLine = Math.min(title.length, config.maxTitleLine),
line = title.length;
cb(null, {
//设置显示行
setLine: function(l) {
if (l > maxLine) {
l = maxLine;
}
if (l < 0) {
l = 0;
}
line = l;
},
getMaxLine: function() {
return maxLine;
},
//获得显示行
getLine: function() {
return line;
},
//获得html
getHtml: function() {
var t = title.slice(0, line);
if (t.length == 0) {
return '';
}
return ' <h3 class="ati_tt"><a href="#">' + t.join('') + '</a></h3>';
},
//获得高度
getHeight: function() {
var _config = config;
return _config.titleLineHeight * line + _config.titleFont.padding + _config.titleFont.margin + _config.titleFont.border;
}
});
}
],
//内容任务,返回内容为文章排版内容html
'contentDom': ['content',
function(cb, result) {
var content = result.content,
maxLine = Math.min(content.length, config.maxContentLine),
line = maxLine;
cb(null, {
//设置显示行
setLine: function(l) {
if (l > maxLine) {
l = maxLine;
}
if (l < 0) {
l = 0;
}
line = l;
},
getMaxLine: function() {
return maxLine;
},
//获得显示行
getLine: function() {
return line;
},
//获得html
getHtml: function() {
var c = content.slice(0, line);
if (c.length == 0) {
return '';
}
return '<div class="text_box">' + c.join('') + '</div>';
},
//获得高度
getHeight: function() {
return config.contentLineHeight * line;
}
});
}
],
//主图内容
'mainImg': ['allImgs',
function(cb, result) {
var minMainImgWidth = config.minMainImgWidth,
//约定第一张为封面图片
mainImg = result.allImgs[0];
//获取第一个宽度满足最小宽度的图片。
var mainImgCode = $arrNear(mainImg, function(w) {
return w[0] >= minMainImgWidth;
}, 1);
cb(null, mainImgCode);
}
],
//图片列表
'imgList': ['mainImg',
function(cb, result) {
var imgListLenth = config.imgListLenth,
mainImg = result.mainImg;
//获取三个不为主图的图片。
var imgListCode = $arrFind(result.allImgs, function(bbcode) {
return bbcode != mainImg;
}, imgListLenth);
cb(null, imgListCode.length == 3 ? imgListCode : null);
}
],
//内容处理,文字转换为行
'content': ['allTexts',
function(cb, result) {
$parseTypesetText(result.allTexts, {
width: config.width
}, config.contentFont, function(lines) {
cb(null, lines);
}, this.contentFontSizeCache);
}
],
//解析BBCODE
'bbcodes': function(cb) {
//var _article = article;
var bbcodes = $iuni_parseBBcode(this.article.summary);
cb(null, bbcodes);
},
//所有图片
'allImgs': function(cb, result) {
var imgs = this.article._images,
reg = /_(\d+)x(\d+)\./,
result = [],
sizeList;


imgs && $each(imgs, function(items, i) {
//重定义图片宽度数组
sizeList = [];
$each(items, function(item, j) {
var obj = item.match(reg);
//截取尺寸值width,height
sizeList.push(obj ? [obj[1], obj[2]] : [0, 0]);
});
result.push(sizeList);
});
cb(null, result);
},
//所有文字内容
'allTexts': function(cb, result) {
var bbcodes = result.bbcodes;
var text = [];
$each(bbcodes, function(code) {
if (code.type == 'bbcode') {
var data = code.data;
if (data.type == 'url') {
text.push(data.text);
}
} else {
text.push(code.data);
}
});
cb(null, text.join(''));
},
//标题处理,文字转换为行
'title': function(cb, result) {
var title = $strTrim(this.article.subject);
if (title) {
$parseTypesetText(title, {
width: config.width
}, config.titleFont, function(lines) {
cb(null, lines);
}, this.titleFontSizeCache);
} else {
cb(null, []);
}
},
//文章信息任务,返回内容为文章排版文章信息内容html
'infoDom': function(cb, result) {


var article = this.article,
date, _tags = article.tags.split(","),
resTags = '';


date = new Date(article.created * 1000);


//对标签处理
$each(_tags, function(item) {
var tag = item.split("\t");
resTags += '<a href="#">' + tag[1] + '</a> '
});
console.log(resTags, resTag);
if (resTag != '') {
resTag = '<span class=" infor_from">来自 <em class="color_green1">' + resTag + '</em></span>';
} else {
resTag = '';
}


//对发表时间处理
article.created = getFriendDate(date);
article.tags = resTags;


function getFriendDate(date) {
var tdate = new Date(),
dName = ["今天", "昨天", "前天"];


if (date.getFullYear() === tdate.getFullYear() &&
date.getMonth() === tdate.getMonth() &&
(tdate.getDate() - date.getDate() < 2)) {
return dName[date.getDate() - tdate.getDate()] +
'<span>' + date.getHours() + ':' + date.getMinutes() + '</span>';
} else {
return [date.getFullYear(), date.getMonth(), date.getDate()].join('-');
}
}
cb(null, {


//获得html
getHtml: function() {
return $parseStr('<div data-id="{#pid#}" class="author_infor"><a href="#" class="imgbox"><img src="{#uid_avatar#}"></a><div class="infor_box"><a href="#" title="">{#uid_nick#}</a><p>{#created#}{#tags#} </p><div class="tow_icon cf"><span class="ht_box"> <i></i> <em>{#favorites#}</em></span><span class="xx_box"> <i></i><em>{#replies#}</em></span></div></div></div>',
article);
},
//获得高度
getHeight: function() {
return config.infoHeight;
}
});


}


}, typesetTask),
//解析任务
tasks = {},
resultList = [];






for (var tname in _typesetTask) {
var list = _typesetTask[tname];
if (!$isArray(list)) {
list = [list];
}
var last = list.length - 1,
tl = [];
$each(list, function(t, i) {
if (i != last) {
tl.push(t);
} else {
tl.push(getRrenderTplTask(t));
}
});
tasks[tname] = tl;
}


//获取渲染模版任务
function getRrenderTplTask(tpl) {
if (typeof tpl == 'string') {
var fn = $formatTpl(tpl);
return function(cb, result) {
try {
var html = $parseStr(fn(result), result);
cb(null, html);
} catch (e) {
cb(e, null);
}
};
} else {
return tpl;
}
}


//对象
var obj = {
state: 'loading',
onload: null
},
completeCount = 0;
for (var i = 0, len = articles.length; i < len; i++) {
//执行并输出内容
$taskAuto(tasks, function(err, result) {
if (err) {
throw err;
//obj.state = 'failure';
} else {
completeCount++;
resultList.push(result.main);
obj.state = 'complete';
obj.main = result.main;


if (len === completeCount) {
callback && callback(resultList);
}
}
}, {
article: articles[i],
config: config,
titleFontSizeCache: titleFontSizeCache,
contentFontSizeCache: contentFontSizeCache
});
}


return obj;
}


function $iuni_articleList_metro(options) {


//列表总宽发生改变时的回调 , 设置滚动条
var widthChangeCb = options.widthChangeCb,
setScroll = options.setScroll,
makeItemBf = options.makeItemBf,
url = options.url,
ids = options.ids,
templateId = options.templateId,
container = $(options.container),
//初始加载的索引 , 初始滚动定位
baseIndex = parseInt(options.baseIndex) || 0,
baseScrollLeft = parseInt(options.baseScrollLeft) || 0,
//整体列表需要增加的间隙 , 单项列表需要增加的间隙
listGap = options.listGap || 0,
itemGap = options.itemGap || 0,
//单条数据最小高度
minBlockSize = options.minBlockSize || 250,
//大图最小限制,小图最小限制
bigImgLim = options.bigImgLim || 800,
smallImgLim = options.smallImgLim || 400,
pageCount = options.pageCount || 50;


//文章列表缓存 , 列表位置映射 , 显示宽度 , 显示高度 , 当前列可用高度 , 块之间的间隙,是否已初始化
var cacheList = [],
cacheMap = [
[]
],
scaleW, scaleH, useableH, inited = false,
//列表总宽度 , 返回的page对象 , 当前获取的首条索引 , id总条数
totalWidth, pageObj, curIndex = 0,
totalCount;


if (!url || !ids || !templateId || !container.length) {
throw "miss param";
}
pageObj = {
reRender: reRender,
setScale: setScale,
onScroll: onScroll,
getBaseIndex: getBaseIndex,
init: init,
inited: inited
}
totalCount = ids.length;


//调整列表
var getList = (function() {
var lock;
return function(ids, callback) {
if (lock) {
return
}
lock = 1;
$jsonp({
url: url,
data: {
id: ids.join(',')
},
callback: function(res) {
callback(res.data.dataContext);
cacheList = cacheList.concat(res.data.dataContext);
lock = 0;
},
errorback: function(res) {
//错误处理
}
});
}


})(),
getOnePage = function(list) {
//当前页 , 总页数 , 每页条数
var _curIndex = curIndex;


if (list) {
curIndex = list.length;
adjustList(list);
} else if (!list && _curIndex < totalCount) {
getList(ids.slice(_curIndex, (curIndex = _curIndex + pageCount)), adjustList);
}
},
makeImgUrl = function(img, type) {
var size, rsize, _w = img.width,
_h = img.height,
_mins = minBlockSize,
gap = itemGap;
if (type === "ver" || type === "hor") {
size = bigImgLim;
rsize = minBlockSize * 2 + gap;
//按大的尺寸得出小尺寸
img[_w > _h ? "_w" : "_h"] = rsize;
img[_w > _h ? "_h" : "_w"] = rsize * (_w > _h ? (_h / _w) : (_w / _h));
} else if (type === "big" || type === "img" || type === "mix") {
size = type === "big" ? bigImgLim : smallImgLim;
rsize = type === "big" ? (minBlockSize * 2 + gap) : minBlockSize;
//按小的尺寸得出大尺寸
img[_w < _h ? "_w" : "_h"] = rsize;
img[_w < _h ? "_h" : "_w"] = rsize * (_w < _h ? (_h / _w) : (_w / _h));
}


img._path = img.fpath.replace(/(\.[^\.]+)$/, '_' + size + 'x' + size + '$1');
return img;
},
adjustList = function(list) {
var useableH = scaleH,
_mins = minBlockSize,
_maxh = minBlockSize * 2 + itemGap,
_minGap = minBlockSize + itemGap,
_maxGap = _maxh + itemGap,
item, res = "",
_img, mImg, blockType, _w, _h,
_map = cacheMap,
_mapi = _map.length - 1,
_mapj = 0,
_lenMapj = Math.floor(useableH / _minGap);


for (var i = 0, leni = list.length; i < leni; i++) {
item = list[i];


//若有图片
if (item.images.length > 0) {
_img = $arrFind(item.images, function(img) { //找到最先满足最小尺寸要求的块
return img.width >= _mins && img.height >= _mins;
}, 1);


if (!_img) { //没有满足条件的图片
blockType = "text";
} else {
item._img = _img; //获得默认图片
_img.width = _w = parseInt(_img.width);
_img.height = _h = parseInt(_img.height);
if (_h / _w > 1.5 && _h >= bigImgLim &&
_maxh * _w / _h > _mins) { //竖排
blockType = "ver";
} else if (_w / _h > 1.5 && _w >= bigImgLim &&
_h * _maxh / _w > _mins) { //横排
blockType = "hor";
} else if (_w >= bigImgLim && _h >= bigImgLim &&
((_maxh * _w / _h >= _maxh) ||
(_maxh * _h / _w >= _maxh))) { //大图
blockType = "big";
} else if (_w >= smallImgLim && _h >= smallImgLim && item.subject) { //图文混排
blockType = "mix";
} else {
blockType = "img";
}
}
} else { //纯文字
blockType = "text";
}


/**********确定排版及块的定位*********/
while (_map[_mapi][_mapj]) { //确定下一个可用块的位置
_mapj++;
if (_mapj >= _lenMapj) {
_map[++_mapi] = [];
_mapj = 0;
}
}
//设置数据项的定位
item._left = _mapi * _minGap;
item._top = _mapj * _minGap;


if (blockType === "big" || blockType === "ver" || blockType === "mix") {
if (_mapj + 1 < _lenMapj && !_map[_mapi][_mapj + 1]) { //有足够的格子
_map[_mapi][_mapj] = 1;
_map[_mapi][_mapj + 1] = 1;
if (blockType === "big") {
if (!_map[_mapi + 1]) {
_map[_mapi + 1] = [];
}
_map[_mapi + 1][_mapj] = 1;
_map[_mapi + 1][_mapj + 1] = 1;
}
_mapj += 2;
} else {
blockType = "img";
_mapj++;
}
} else {
if (blockType === "hor") {
if (!_map[_mapi + 1]) {
_map[_mapi + 1] = [];
}
_map[_mapi + 1][_mapj] = 1;
}
_map[_mapi][_mapj] = 1;
_mapj++;
}


if (_mapj >= _lenMapj) {
_mapj = 0;
_mapi++;
if (!_map[_mapi]) {
_map[_mapi] = [];
}
}


_img && (item._img = makeImgUrl(_img, blockType));
item._blockType = blockType;
makeItemBf && makeItemBf(item);
res += createItemHtml(item);


}
container.append(res);
totalWidth = _map.length * _minGap + listGap;
//列表宽度变更回调
widthChangeCb && widthChangeCb(totalWidth);
//设置初始显示的位置
baseScrollLeft && setScroll && setScroll(baseScrollLeft);
},
//生成单条数据的html
createItemHtml = (function() {


var tplList = $getTpl(templateId),
tempFun, tempFunCache = {};


return function(item) {
if (tempFunCache[item._blockType]) {
tempFun = tempFunCache[item._blockType];
} else {
tempFun = $formatTpl(tplList[item._blockType]);
tempFunCache[item._blockType] = tempFun;
}


return tempFun(item);
}


})();


return pageObj;


//初始化方法
function init() {
if (baseIndex) { //存在初始索引
getList(ids.slice(0, (curIndex = baseIndex + pageCount)), adjustList);


} else {
getOnePage();
}
pageObj.inited = true;
}


//重新渲染列表
function reRender() {
resetList();
getOnePage(cacheList);
}


//重设列表
function resetList() {
container.empty();
cacheMap = [
[]
];
curIndex = 0;
}


function setScale(w, h) {
scaleW = w;
scaleH = h;
}


function onScroll(scroll) {
if (scroll >= totalWidth - scaleW) {
getOnePage();
}
}


function getBaseIndex() {
return curIndex;
}


}
/*
options 说明
required{
pageWidth : 页面宽度,
pageHeight : 页面高度,
typesetTask : 任务
config : 配置
container : 列表容器
templateLine : 单列模版
allIdList : 所有数据的id集合
getData : 业务获取数据的接口
}


optional{
renderCallback : 渲染完成后的回调
pagePadding : 列表相对内容区域的偏移量|0
articleWidth : 单列的宽度 | 280
heightGap : 列表项的上下间隔 | 8
widthGap : 列表项的左右间隔 | 24
}


return object{
renderByScrollLeft( scrollLeft ) : 根据传入的scrollLeft渲染页面,
reRenderByScale( scale:[width , height] ) : 根据传入的页面尺寸渲染页面
}
*/
function $iuni_articlePage(options) {
//页面高度,页面宽度
var pageHeight = options.pageHeight || 400,
pageWidth = options.pageWidth || 800,
//单个文章宽度
articleWidth = options.articleWidth || 280,
//文章行高度间隙,文章列宽度间隙
heightGap = options.heightGap || 8,
widthGap = options.widthGap || 24,
//列表容器
container = options.container,
//列模版
templateLine = options.templateLine || '<li class="list">${line}</li>',
//所有需要获取的id集合
allIdList = options.allIdList || [],
//获得数据的接口
getData = options.getData,
//列表相对内容区域的偏移量
pagePadding = options.pagePadding || 0,
//渲染完成回调
renderCallback = options.renderCallback;


if (!container || !getData || !options.typesetTask || !allIdList) {
throw "param error";
return;
}
//文章片段列表,id列表的总长度,估算出的页面总长,估算出的页面总长偏差
var articles = [],
allIdListLen = allIdList.length,
totalWidth, totalWidthDevi,
//需要获取的条数
needCount = allIdList.length < 20 ? allIdList.length : 20,
//当前展示列表的起始下标,结束下标,当前获取的数组开始下标,结束下标,当前可见区域第一条数据
curListStart = 0,
curListEnd = needCount,
curStart = 0,
curEnd = needCount,
curViewStart = 0,
//横向滚动的偏移量,当前获取的列表起始位置,结束位置,当前展示列表的起始位置,结束位置,
paddingLeft = 0,
curStartPx = 0,
curEndPx = 0,
curListStartPx = 0,
curListEndPx = 0,
ids = allIdList.slice(curStart, curEnd),
//文章片段列表开始在文章所有列表的下标
articlePieceIndex = 0;




//获得数据
getData(ids, function(list) {
$iuni_articleListItem(list, initPage, options.typesetTask, options.config);
});


return {
renderByScrollLeft: renderByScrollLeft,
reRenderByScale: reRenderByScale
};


function initPage(result) {
articles = result;
//curEndPx = pagePadding;
renderPage();
}


/**
* 渲染页面 isAdd:是否叠加(false:覆盖|1:append|2:prepend)
*/
function renderPage(forward, isAdd) {


var forward = (forward === undefined ? true : forward),
//当前列表宽度,总长 , 页面高度
curWidth, _totalWidth, _pageHeight = pageHeight,
last = forward ? articles.length : curStart,
lines = [],
res = "",
cur = forward ? curStart : curEnd;


while (forward ? (cur < last) : (cur > last)) {
var line = fillLine(cur, _pageHeight, forward);
if (!line) {
return
}
//调整填充完成的列
autoAdjustLine(line, _pageHeight);
res += getLineHtml(line);


if (forward) {
lines.push(line);
cur += line.length;
} else {
lines.unshift(line);
cur -= line.length;
}
}
curWidth = lines.length * articleWidth + lines.length * widthGap;
_totalWidth = reckonTotalWidth(curWidth, isAdd);


//调用渲染完成回调
renderCallback && renderCallback(Math.ceil(_totalWidth));
//填充内容
fillHtml(res, isAdd);
//container.innerHTML = res;
return lines;
}


//根据scrollLeft值渲染页面
function renderByScrollLeft(scrollLeft) {
//当前列表起始位置,当前列表结束位置
var _curStartPx = curStartPx,
_curEndPx = curEndPx,
tempPageSize = scrollLeft + pageWidth,
_allIdListLen = allIdListLen,
_curStart = curStart,
_curEnd = curEnd,
ids, _needCount = needCount,
callback, _totalWidth = totalWidth,
_pagePadding = pagePadding;


if (_curStartPx <= scrollLeft && _curEndPx >= tempPageSize) {
return;
} else if (_curEndPx > scrollLeft && _curEndPx < tempPageSize) {
//列表尾部处于可视区域,须叠加
if (_curEnd === _allIdListLen) {
return
}
_curStart = _curEnd;
_curEnd += _needCount;
curListEnd = _curEnd > _allIdListLen ? _allIdListLen : _curEnd;
callback = backwardRenderPage;
} else if (_curEndPx < scrollLeft) {
//列表尾部处于非可视区域左侧,须重加
//curStart
paddingLeft = scrollLeft;
_curStart = Math.round(_allIdListLen * (scrollLeft / _totalWidth));
_curEnd = _curStart + _needCount;
curEndPx = curStartPx = _curStartPx = scrollLeft;
if (_curEnd > _allIdListLen) {
curListEnd = _allIdListLen;
_curStart = _allIdListLen - _needCount;
} else {
curListEnd = _curEnd;
}
curListStart = _curStart < 0 ? 0 : _curStart;


callback = backwardRerenderPage;


} else if (_curStartPx > scrollLeft && _curStartPx < tempPageSize) {
//列表首部处于可视区域,须叠加
if (_curStart === 0) {
return
}
paddingLeft = scrollLeft;
_curEnd = _curStart;
_curStart = _curStart - _needCount;
curListStart = _curStart < 0 ? 0 : _curStart;
callback = forwardRenderPage;
} else if (_curStartPx > tempPageSize) {
//列表首部处于非可视区域右侧,须重加
paddingLeft = scrollLeft;
_curStart = Math.round(_allIdListLen * (scrollLeft / _totalWidth));
_curEnd = _curStart + _needCount;
curEndPx = curStartPx = _curStartPx = scrollLeft;
curListStart = _curStart < 0 ? 0 : _curStart;
curListEnd = _curEnd > _allIdListLen ? _allIdListLen : _curEnd;
callback = forwardRerenderPage;
} else {
return;
}


//判断是否超出边界
curEnd = _curEnd = _curEnd > _allIdListLen ? _allIdListLen : _curEnd;
curStart = _curStart = _curStart < 0 ? 0 : _curStart;


//获得需要加载的记录id列表
ids = allIdList.slice(_curStart, _curEnd);
//获得数据
callback && getData(ids, function(list) {
$iuni_articleListItem(list, callback, options.typesetTask, options.config);
});


}


//根据尺寸重新渲染页面 scale:[pageWidth,pageHeight]
function reRenderByScale(scale) {
pageWidth = scale[0];
pageHeight = scale[1];
curEndPx = curStartPx;
renderPage();
}


//填充容器html strHtml:需要填充的字符串,isAdd:是否叠加(false:覆盖|1:append|2:prepend)
function fillHtml(strHtml, isAdd) {
var frag = document.createDocumentFragment(),
_con = container;


if (isAdd) {
if (isAdd === 1) { //append
//_con.insertBefore( frag , _con.lastChild );


_con.innerHTML += strHtml;
} else if (isAdd === 2) { //prepend
//_con.insertBefore( frag , _con.firstChild );
_con.innerHTML = strHtml + _con.innerHTML;
}
} else {
_con.innerHTML = strHtml
}
}


//重设页面
function resetPage() {
curStart = 0;
renderPage();
}


/**
* 填充一列,返回列和下一个文章在文章片段列表的下标
*/
function fillLine(arrIndex, height, forward) {
var line = [],
deHeight = 0,
minHeight = 0,
nextArticle = articles[arrIndex],
h2 = nextArticle.getMinHeight(),
h3 = nextArticle.getDefaultHeight();


while (deHeight < height) {
nextArticle = articles[arrIndex];
h2 = nextArticle.getMinHeight() + heightGap;
h3 = nextArticle.getDefaultHeight() + heightGap;


if (h2 > height) { //单条数据大于设置高度时
pageHeight = h2;
renderPage();
return;
}
if (minHeight + h2 <= height) {
forward ? line.push(nextArticle) : line.unshift(nextArticle);
deHeight += h3;
minHeight += h2;
} else {
break;
}
forward ? arrIndex++ : arrIndex--;
if (arrIndex < 0 || arrIndex >= curEnd) {
break;
}
}


return line;
}


/**
* 自动调整行高
*/
function autoAdjustLine(line, height) {
var maxHeight = getLineMaxHeight(line),
minHeight = getLineMinHeight(line),
defaultHeight = getLineDefaultHeight(line);


if (defaultHeight == height) {
resetLine(line);
} else if (defaultHeight > height) {
//压缩
var needCompressHeight = defaultHeight - height,
canCompressHeight = defaultHeight - minHeight;
//每个元素压缩
$each(line, function(article) {
var dh = article.getDefaultHeight(),
mh = article.getMinHeight();
needCompressHeight -= article.adjustHeight(Math.round((dh - mh) * needCompressHeight / canCompressHeight));
canCompressHeight -= dh - mh;
});
} else {
//延展
var needExpendHeight = height - defaultHeight,
canExpendHeight = maxHeight - defaultHeight;
//每个元素延展
$each(line, function(article) {
var dh = article.getDefaultHeight(),
mh = article.getMaxHeight();
needExpendHeight -= article.adjustHeight(Math.round((mh - dh) * needExpendHeight / canExpendHeight));
canExpendHeight -= mh - dh;
});
}
if (needExpendHeight != 0) {
//列加补边
}
}




//向前叠加数据渲染页面
function forwardRenderPage(result) {
var temp = [],
_curListStart = curListStart,
_curListEnd = curListEnd,
padding = paddingLeft;


temp[_curListStart - 1] = undefined;
articles = temp.concat(result).concat(articles.slice(_curListStart + needCount, curListEnd));
renderPage(false, 2);
setConPaddingLeft(padding);
}


//向前重新渲染页面
function forwardRerenderPage(result) {
var temp = [],
padding = paddingLeft;
temp[curStart - 1] = undefined;
articles = temp.concat(result);
//重新渲染时记录旧的总宽度
//totalWidthDevi = totalWidth;
renderPage();
setConPaddingLeft(padding);
}




//向后叠加数据渲染页面
function backwardRenderPage(result) {


articles = articles.concat(result);
renderPage(true, 1);
}


//向后重新渲染页面
function backwardRerenderPage(result) {
var temp = [];
temp[curStart - 1] = undefined;
articles = temp.concat(result);
//重新渲染时记录旧的总宽度
//totalWidthDevi = totalWidth;
renderPage();
setConPaddingLeft(paddingLeft);
}


//估算总宽度 partWidth:片段宽度 isAdd:是否叠加(false:覆盖|1:append|2:prepend)
function reckonTotalWidth(partWidth, isAdd) {
var _curStartPx = curStartPx,
_curEndPx = curEndPx,
_curListStart = curListStart,
_curListEnd = curListEnd,
result;


if (isAdd === 1 || !isAdd) { //向后叠加
curEndPx = _curEndPx += partWidth;
} else if (isAdd === 2) { //向前叠加
curStartPx = _curStartPx -= partWidth;
}
result = (_curEndPx - _curStartPx) / ((_curListEnd - _curListStart) / allIdListLen);


/*if( result < _totalWidth && _curListEnd === allIdListLen ){
curStartPx -= (_totalWidth - result);
curEndPx -= (_totalWidth - result);
} */


totalWidth = Math.ceil(result) + pagePadding;


//通过当前数组间的比值得到总长度
return result;
}


//设置容器左偏移
function setConPaddingLeft(padding) {
var _totalWidth = totalWidth,
_curpx = curEndPx - curStartPx;


if (padding + _curpx > _totalWidth) {
padding = curStartPx = _totalWidth - _curpx;
padding -= pagePadding;
curEndPx = _totalWidth;
}
if (padding < 0) {
padding = 0;
}
container.style.paddingLeft = padding + "px";
}


/**
* 获得列最大高度
*/
function getLineMaxHeight(line) {
return (line.length - 1) * heightGap + $arrReduce(line, function(height, article) {
return height + article.getMaxHeight();
}, 0);
}


/**
* 获得列最小高度
*/
function getLineMinHeight(line) {
return (line.length - 1) * heightGap + $arrReduce(line, function(height, article) {
return height + article.getMinHeight();
}, 0);
}


/**
* 获得列默认高度
*/
function getLineDefaultHeight(line) {
return (line.length - 1) * heightGap + $arrReduce(line, function(height, article) {
return height + article.getDefaultHeight();
}, 0);
}


/**
* 重置行,恢复默认高度
*/
function resetLine(line) {
$each(line, function(article) {
article.reset();
});
}


//获得行的html代码
function getLineHtml(line) {
var res = "";


for (var i = 0, len = line.length; i < len; i++) {
res += line[i].getHtml();
}
return templateLine.replace("${line}", res);
}
}
/*
社区列表组件(固定高度)
*/
function $iuni_fixListPage(options) {


var itemScale = options.itemScale, //数据项的尺寸 宽,高
itemGap = options.itemGap || [0, 0], //数据项之间的间隔 横,纵
pageScale = options.pageScale, //页面可视区域尺寸
container = $(options.container), //列表容器
defaultList = options.defaultList, //默认加载的数据
getList = options.getList, //获得数据接口
tempFun = options.tempFun, //生成模版方法
pagePadding = (options.pagePadding && options.pagePadding instanceof Array) ? options.pagePadding : [0, 0], //页面默认间距
renderCallback = options.renderCallback; //渲染完成后的回调


//必填参数
if (!getList || !itemScale || !container || !tempFun) {
return;
}


var scrollLeft = 0,
cache = {},
listEndPx = pagePadding[0],
cacheList = defaultList || [];


return {
init: init,
setVisiableScale: setVisiableScale,
renderByScroll: renderByScroll,
getPage: getPage
}


function init() {
if (defaultList) {
blockListHandle(defaultList);
} else {
getPage();
}
}


//获得一页数据
function getPage(isCover) {
if (isCover) {
cacheList = [];
container.empty();
}
getList(getListCallback);
}


/**
* 渲染块内容
*/
function blockListHandle(list) {


var that = this,
len = list.length,
rows = [],
i = 0,
resHtml = '',
//列高,项高 , 项宽
maxH = pageScale[1] - pagePadding[1],
itemH = itemScale[1] + itemGap[1],
itemW = itemScale[0] + itemGap[0],
//一列内的数据条数 , 列数
itemCount = Math.floor(maxH / itemH),
lineCount = Math.ceil(len / itemCount),
blockWidth = itemW * lineCount;


//记录list宽度
listEndPx += blockWidth;
renderCallback && renderCallback(listEndPx);


while (i < len) {
for (var j = 0;
(j < itemCount && i < len); j++, i++) {
rows.push(list[i]);
}
resHtml += tempFun(rows);
rows = [];
}
container.append(resHtml);


}


//获得数据后的回调
function getListCallback(list) {
cacheList = cacheList.concat(list);
blockListHandle(list);
}


//根据scrollLeft值渲染页面
function renderByScroll(scroll) {
if (listEndPx < scroll + pageScale[0]) {
getList(getListCallback);
}
}


//重设页面可视区域
function setVisiableScale(scale) {
pageScale = scale;
listEndPx = pagePadding[0]
container.empty();
blockListHandle(cacheList);
}
}
/**
 * 获得页面文章对象
 * @param {Object} articles
 * @param {Object} callback
 * @param {Object} typesetTask
 * @param {Object} config
 * @param {Object} syncTask 是否都是同步任务
 */
function $iuni_getArticleItems(articles, callback, typesetTask, config, syncTask) {
//下面为系统提供默认任务
//配置任务,给到配置数据
var configTask = [function(cb) {
return [null, config];
}];


//所有图片任务,从文章数据中提取所有图片,依赖文章数据任务
var allImgTask = ['article', function(cb, result) {
//文章数据
var article = result.article;
//所有图片数据
var imgs = article.images,
imgList = [];
if ($isArray(imgs)) {
$each(imgs, function(img) {
//重定义图片宽度数组
var width = img.width,
height = img.height,
url = img.fpath,
sizes = [
[width, height]
],
urls = [url];
//处理缩略图
if (img.thumbs) {
$each(img.thumbs.split(','), function(thumb) {
//缩略图url
var thumbUrl = url.replace(/(\.[^\.]+)$/, '_' + thumb + '$1');
urls.push(thumbUrl);
//缩略图尺寸
var thumbSize = thumb.split('x');
//等比缩放
if (width > height) {
thumbSize[0] *= 1;
thumbSize[1] = Math.round(thumbSize[0] * height / width);
} else if (height > width) {
thumbSize[0] = Math.round(thumbSize[1] * width / height);
thumbSize[1] *= 1;
}
sizes.push(thumbSize);
});
}
//重设图片数据
img.sizes = sizes;
img.urls = urls;
//加入数组
imgList.push(img);
});
}
//返回
return [null, imgList];
}];


//主图任务,从文章所有图片中选出一张合适尺寸的图片作为主图,依赖配置,所有图片任务
var mainImgTask = ['config', 'allImg', function(cb, result) {
//最小图片尺寸需求
var minMainImgWidth = result.config.minMainImgWidth;
//第一个宽度满足最小宽度的图片。
var mainImg = $arrFind(result.allImg, function(img) {
return img.width >= minMainImgWidth;
}, 1);
//回调
return [null, mainImg];
}];


//图片列表任务,从所有图片中选出3张合适尺寸的图片作为图片列表,依赖配置,主图任务
var imgListTask = ['config', 'mainImg', function(cb, result) {
//主图
var mainImg = result.mainImg;
//获取N个不为主图的图片。
var imgList = $arrFind(result.allImg, function(img) {
return img != mainImg;
}, result.config.imgListLenth);
//回调
return [null, imgList.length == 3 ? imgList : null];
}];


//标题任务,将文章标题内容进行排版排行处理,依赖配置,文章数据任务
var titleTask = ['config', 'article', function(cb, result) {
//文章数据
var article = result.article;
//标题内容
var title = $strTrim(article.subject);
if (title) {
//对标题进行排版
var lines = $parseTypesetTextSync(title, {
width: result.config.textWidth
}, result.config.titleFontSizeCache);
return [null, lines];
} else {
return [null, null];
}
}];


//内容任务,将文章内容进行排版排行处理,依赖配置,文章数据任务
var contentTask = ['config', 'article', function(cb, result) {
//文章数据
var article = result.article;
//内容
var content = article.summary;
if (content) {
//对内容进行排版
var lines = $parseTypesetTextSync(content, {
width: config.textWidth
}, result.config.contentFontSizeCache);
return [null, lines];
} else {
return [null, null];
}
}];


//主图dom节点任务,生成主图dom结构HTML,依赖配置,主图任务
var mainImgDomTask = ['config', 'article', 'mainImg', function(cb, result) {
var config = result.config,
article = result.article,
mainImg = result.mainImg,
html = '',
height = 0,
width = config.width,
heightExt = config.mainImgHeightExt;
if (mainImg) {
//尺寸,url
var size, url;
//找出合适的url
var sizes = mainImg.sizes,
urls = mainImg.urls,
s, v, t;
for (var i = 0, len = sizes.length; i < len; i++) {
s = sizes[i];
t = Math.abs(s[0] - width);
if (!v || t < v) {
v = t;
size = s;
url = urls[i];
}
}
//进行缩放,算出实际高度
height = Math.round(size[1] * width / size[0]);
//限制主图显示最大高度
var maxHeight = config.maxMainImgHeight,
marginTop = 0;
if (height > maxHeight) {
//限高
height = maxHeight;
marginTop = -1 * Math.round((maxHeight - height) / 2);
}
//主图HTML,主图输出格式为div-img,img为压缩后的尺寸,div限高
html = $parseStr('<div class="itm_pics" style="width:{#width#}px;height:{#height#}px;overflow:hidden;"><a href="http://town.iuni.com/post/{#pid#}"><img src="{#url#}" style="width:{#width#}px;margin-top:{#marginTop#}px"/></a></div>', {
url: url,
width: width,
height: height,
marginTop: marginTop,
pid: article.pid
});
//高度修正
height += heightExt;
}
return [null, {
//获得高度
getHeight: function() {
return height;
},
//获得html
getHtml: function() {
return html;
}
}];
}];


//图片列表dom节点任务,生成图片列表dom结构html,依赖配置,图片列表任务
var imgListDomTask = ['config', 'article', 'imgList', function(cb, result) {
var config = result.config,
article = result.article,
imgList = result.imgList,
html = '',
height = 0,
ih = config.imgListHeight,
iw = config.imgListWidth,
heightExt = config.imgListHeightExt;
if (imgList) {
//重设高度
height = ih;
var h = ['<a href="http://town.iuni.com/post/' + article.pid + '"><div class="list_box ui_rel cf"><ul class="cf">'];
//尺寸,url
var size, url;
for (var i = 0, len = imgList.length; i < len; i++) {
//遍历每一张图片
var img = imgList[i];
//找出合适的url
var sizes = img.sizes,
urls = img.urls,
s, v = 0,
t;
for (var j = 0, lenj = sizes.length; j < lenj; j++) {
s = sizes[j];
t = Math.abs(s[0] - iw);
if (!v || t < v) {
v = t;
size = s;
url = urls[j];
}
}
//限制高宽
var marginTop = marginLeft = 0;
//进行缩放,算出实际尺寸
if (size[0] > size[1]) {
//宽大于高,以高度为标准,宽度切割
size[0] = Math.round(size[0] * ih / size[1]);
size[1] = ih;
marginLeft = -1 * Math.ceil((size[0] - iw) / 2);
} else if (size[0] < size[1]) {
//高大于宽,以宽度为标准,高度切割
size[1] = Math.round(size[1] * iw / size[0]);
size[0] = iw;
marginTop = -1 * Math.ceil((size[1] - ih) / 2);
}
//添加单个图片的html,输出格式为li-div-img,img为压缩后的尺寸,div限宽高
h.push($parseStr('<li class="{#last#}"><div class="itm_pics" style="width:{#width#}px;height:{#height#}px;overflow:hidden;"><img src="{#url#}" style="width:{#imgWidth#}px;height:{#imgHeight#}px;margin:{#marginTop#}px 0 {#marginTop#}px 0;"/></div></li>', {
url: url,
width: iw,
height: ih,
imgWidth: size[0],
imgHeight: size[1],
marginTop: marginTop,
marginLeft: marginLeft,
last: (i == len - 1) ? 'last' : ''
}));


}
h.push('</ul></a></div>');
html = h.join('');
//高度修正
height += heightExt;
}
return [null, {
//获得高度
getHeight: function() {
return height;
},
//获得html
getHtml: function() {
return html;
}
}];
}];


//标题dom节点任务,生成标题dom结构html,依赖配置,标题任务
var titleDomTask = ['config', 'article', 'title', function(cb, result) {
var config = result.config,
article = result.article,
title = result.title,
maxLine = 0,
minLine = 0,
line = 0,
linHeight = config.titleLineHeight,
heightExt = config.titleHeightExt;
if (title && title.length) {
maxLine = Math.min(title.length, config.maxTitleLine);
minLine = config.minTitleLine;
if (maxLine < minLine) {
minLine = maxLine = 0;
} else {
line = maxLine;
}
}
return [null, {
//设置显示行
setLine: function(l) {
if (l > maxLine) {
l = maxLine;
}
if (l < minLine) {
l = minLine;
}
line = l;
},
getMaxLine: function() {
return maxLine;
},
getMinLine: function() {
return minLine;
},
//获得显示行
getLine: function() {
return line;
},
getHeightExt: function() {
return heightExt;
},
//获得html
getHtml: function() {
return line ? ('<h3 class="ati_tt"><a href="http://town.iuni.com/post/' + article.pid + '">' + title.slice(0, line).join('') + '</a></h3>') : '';
},
//获得高度
getHeight: function() {
return line ? (linHeight * line + heightExt) : 0;
}
}];
}];


//内容dom节点任务,生成内容dom结构html,依赖配置,内容任务
var contentDomTask = ['config', 'article', 'content', function(cb, result) {
var config = result.config,
article = result.article,
content = result.content,
maxLine = 0,
minLine = 0,
defaultLine = 0,
line = 0,
linHeight = config.contentLineHeight,
heightExt = config.contentHeightExt;
if (content && content.length) {
maxLine = Math.min(content.length, config.maxContentLine);
minLine = config.minContentLine;
if (maxLine < minLine) {
minLine = maxLine = defaultLine = 0;
} else {
line = defaultLine = Math.min(maxLine, config.defaultContentLine);
}
}
return [null, {
//设置显示行
setLine: function(l) {
if (l > maxLine) {
l = maxLine;
}
if (l < minLine) {
l = minLine;
}
line = l;
},
getMaxLine: function() {
return maxLine;
},
getMinLine: function() {
return minLine;
},
//获得显示行
getLine: function() {
return line;
},
getHeightExt: function() {
return heightExt;
},
//获得html
getHtml: function() {
return line ? ('<div class="text_box"><a href="http://town.iuni.com/post/' + article.pid + '" class="text_summary">' + content.slice(0, line).join('') + '</a></div>') : '';
},
//获得高度
getHeight: function() {
return line ? (linHeight * line + heightExt) : 0;
}
}];
}];


//信息dom节点任务,生成信息dom结构html,依赖配置,文章数据任务
var infoDomTask = ['config', 'article', function(cb, result) {
var config = result.config,
article = result.article,
html, height = config.infoHeight,
likedPids = config.likedPids,
isLike, pid = article.pid;
//标签
article.resTags = $map(article.tags.split(/\s*,\s*/), function(tag) {
tag = tag.split("\t");
if (tag[1]) {
return '<a href="/tag/posts/' + tag[0] + '">' + tag[1] + '</a> ';
} else {
return '';
}
}).join('');


if (article.resTags != '') {
article.resTags = '<span class="infor_from">来自 <em class="color_green1">' + article.resTags + '</em></span>';
}


//发表时间
article.dateStr = $formatDate(new Date(parseInt(article.created)), {
ftcustom: function(time) {
var now = new Date(),
tc = now.getTime() - time.getTime(),
nmd = now.getTime() % 86400000;
if (tc < nmd) {
return '今天 H:N';
} else if (tc < (86400000 + nmd)) {
return '昨天 H:N';
} else if (tc < (2 * 86400000 + nmd)) {
return '前天 H:N';
} else {
return 'Y-M-D H:N';
}
}
});
//是否已喜欢
if (likedPids) {
for (var i = likedPids.length - 1; i >= 0; i--) {
if (likedPids[i] === pid) {
isLike = 1;
}
}
}


article.avatarUrl = $iuni_getAvatar(article.uid_avatar, 'small');
article.userPage = 'http://town.iuni.com/user/record/' + article.uid;
article.isLike = isLike ? 'bright' : '';
//生成html
html = $parseStr(
'<div data-id="{#pid#}" class="author_infor"><a href="{#userPage#}" class="imgbox"><img src="{#avatarUrl#}"></a>' +
'<div class="infor_box"><a href="{#userPage#}">{#uid_nick#}</a><p class="infor_box_limit" data="{#created#}">{#dateStr#}{#resTags#}</p><div class="tow_icon cf"><span class="ht_box"><i class="{#isLike#}"></i><em>{#favorites#}</em></span><span class="xx_box"><i></i><em>{#replies#}</em></span></div></div></div>', article);
return [null, {
//获得高度
getHeight: function() {
return height;
},
//获得html
getHtml: function() {
return html;
}
}];
}];


//扩展默认配置
config = $extend({
//总宽度
width: 280,
//文本宽度
textWidth: 250,
//主图高度补充修正
mainImgHeightExt: 0,
//图片列表高度补充修正
imgListHeightExt: 5,
//标题高度补充修正
titleHeightExt: 0,
//内容高度补充修正
contentHeightExt: 0,
//最小主图宽度
minMainImgWidth: 280,
//最大主图高度
maxMainImgHeight: 280,
//图片列表数量
imgListLenth: 3,
//图片列表高度
imgListHeight: 90,
//图片列表单张图片宽度
imgListWidth: 90,
//最大标题行数
maxTitleLine: 2,
//最小标题函数
minTitleLine: 1,
//标题文字样式
titleFont: {},
//标题行高
titleLineHeight: 24,
//最大内容行数
maxContentLine: 6,
//最小内容行数
minContentLine: 1,
//默认内容行数
defaultContentLine: 5,
//内容文字样式
contentFont: {},
//内容行高
contentLineHeight: 18,
infoHeight: 102,
titleFontSizeCache: {},
contentFontSizeCache: {}
}, config);
//扩展默认任务模版
typesetTask = $extend({
config: configTask, //提供配置数据
mainImgDom: mainImgDomTask, //主图dom任务
imgListDom: imgListDomTask, //图列表dom任务
titleDom: titleDomTask, //标题dom任务
contentDom: contentDomTask, //内容dom任务
infoDom: infoDomTask, //信息dom任务
mainImg: mainImgTask, //主图任务
imgList: imgListTask, //图列表任务
allImg: allImgTask, //所有图片任务
title: titleTask, //标题任务
content: contentTask //内容任务
}, typesetTask);


//开始执行
preCalcCha(execTasks);


/**
* 预处理文本数据
*/
function preCalcCha(callback) {
//预处理文本数据,批量计算文字宽度,提高性能
var titleChaCache = config.titleFontSizeCache,
contentChaChache = config.contentFontSizeCache;
var titleFontStyle = config.titleFont,
contentFontStyle = config.contentFont;
//将所有的标题字符串合并和内容字符串合并
var titleText = [],
contentText = [];
$each(articles, function(article) {
titleText.push(article.subject || '');
contentText.push(article.summary || '');
});
//一次性计算字符串宽度,最大化提高效率
$taskSeries([
function(cb) {
//计算标题宽度
$getCharWidth(titleText.join(''), {
fontStyles: titleFontStyle,
chaWidth: titleChaCache,
callback: function() {
cb();
}
});
},
function(cb) {
//计算内容宽度
$getCharWidth(contentText.join(''), {
fontStyles: contentFontStyle,
chaWidth: contentChaChache,
callback: function() {
cb();
}
});
}
], function(err) {
//执行完成,进行下一步处理
callback();
});
}


/**
* 执行任务
*/
function execTasks() {
if (syncTask) {
$map(articles, function(article, cb) {
var articleTask = [function(cb, result) {
return [null, article];
}];
//复制任务
var task = $clone(typesetTask);
//加入文章数据任务
task.article = articleTask;
//执行任务
var result = $taskAuto(task);
return result[1];
});
//回调列表
callback(result);
} else {
//序列执行任务
$asyncMapSeries(articles, function(article, cb) {
var articleTask = [function(cb, result) {
return [null, article];
}];
//复制任务
var task = $clone(typesetTask);
//加入文章数据任务
task.article = articleTask;
//执行任务
$taskAuto(task, function(err, result) {
//返回main任务内容
cb(null, result.main);
});
}, function(err, result) {
//回调列表
callback(result);
});
}
}
}
/**
 * 获取合适尺寸的用户头像url
 * @param {Object} url 用户头像url
 * @param {Object} type 尺寸:small,middle,big
 */
function $iuni_getAvatar(url, type) {
var no_avatar = 'http://static.iuniimg.com/img/no_avatar_small.jpg'
if (!url) {
url = no_avatar;
}
return url.replace(/avatar_\w*\.(\w+)$/, "avatar_" + type + ".$1");
}


function $iuni_mobile_fetchData(options) {


var _param = {
"dtype": "json"
};
for (var i in options.param) {
_param[i] = options.param[i];
}
$$.ajax({
url: options.url,
data: _param,
type: 'post',
dataType: 'json',
success: function(data) {
if (data.returnCode === 0 && data.errorCode === 0) {
options.callback && options.callback(data);
} else if (data.returnCode === -1) {
window.location = 'http://www.iuni.com/mobile/login.html?reurl=' + encodeURIComponent(window.location);
} else {
$iuni_mobile_tips(data.msg);
}


},
error: function(data) {
$iuni_mobile_tips(data.msg);
}
});
}


function $iuni_mobile_fixedTop(dom, top, zindex) {


if (!$$(dom).length) return;


//top:要固定的高度
function fixTop(dom, top, zindex) {
var that = this;
this.startTop = $$(dom).offset().top;
this.dom = $$(dom);
this.top = top;
this.zIndex = zindex;


$$(window).bind("scroll", that, that.scrollFun);




}
fixTop.prototype.scrollFun = function(e) {
var scrolltop = $$(window).scrollTop(),
edata = e.data;


if (scrolltop <= edata.startTop) {


edata.dom.css({
"position": "absolute",
"top": 0,
"zIndex": edata.zIndex
});
} else {
edata.dom.css({
"position": "fixed",
"top": edata.top,
"zIndex": edata.zIndex,
width: "100%"
});
}
}


return new fixTop(dom, top, zindex);


};


function $iuni_mobile_xhyload(o) {


function xhyload() {
var that = this;
if (!o) {
return;
} else {
this.win = $$(o.config.obj);
this.qpanel = $$(o.config.oPanel);
}
this.config = {
obj: window,
delay: 500,
curPos: 0,
oriPos: 0,
isScrolling: false,
marginBottom: 0,
oPanel: "#order_list_html",
func: null
},
this.config = $$.extend({}, this.config, o.config);
that.win.bind("scroll", that, that.scrollHandler);
}
xhyload.prototype.scrollHandler = function(e) {
var edata = e.data;
cfg = edata.config, that = iuni.mobile.uc.order_list;
cfg.curPos = edata.win.scrollTop();
if ($$(window).height() + $$(window).scrollTop() >= $$(document).height() - cfg.marginBottom) {
if (cfg.isScrolling == true) return;
cfg.isScrolling = true;
setTimeout(function() {
cfg.isScrolling = false;
}, cfg.delay);
if (cfg.curPos - cfg.oriPos > 0) {


cfg.func()


}
}
cfg.oriPos = cfg.curPos;
}


return new xhyload(o);




};
//分页
function $iuni_pagination(ops) {
if (!ops || !ops.pageCon) {
return;
}


var maxPage = ops.maxPage || 0, //总页数
displayPage = ops.displayPage || 4, //连续显示的主体页数
currPage = ops.currPage || 1, //当前页
currPageClass = ops.currPageClass || "thispage",
pageCon = document.getElementById(ops.pageCon), //翻页按钮所在容器
callback = ops.callback;
//初始化翻页按钮
makeBtn(currPage);


//绑定容器事件,监听按钮点击
$bindEvent(pageCon, function(e) {


var target = e.target || e.srcElement,
role = target.getAttribute("data-role");


if (target.nodeName.toLowerCase() === "a") {
var _pnum = parseInt(target.innerHTML),
_page = _pnum;


if (isNaN(_pnum)) { //不是页码
_page = role === "prev" ? (currPage === 1 ? 1 : currPage - 1) :
(role === "next" ? (currPage === maxPage ? maxPage : currPage + 1) :
null);
}


selectPage(_page, target);
}
return false;
}, "click");




//获得显示的区间
function getInterval(page) {


var start, end, _dp = displayPage,
_mp = maxPage;


if (_mp - 2 < _dp) {
start = 2;
end = _mp - 1;
} else if (page < _dp) {
start = 2;
end = _dp;
} else if (page > (_mp - _dp)) {
start = _mp - _dp;
end = _mp - 1;
} else {
start = page - Math.ceil((_dp - 1) / 2);
end = page + Math.floor((_dp - 1) / 2)
}


return [start, end];
}


//创建翻页按钮
function makeBtn(page) {
if (maxPage < 2) {
return
}


var interval = getInterval(page),
i = interval[0],
len = interval[1] + 1,
btns,
strRes = '<a href="javascript:;" data-role = "prev" class="pre"></a><a href="javascript:;">1</a>${interval}<a href="javascript:;">' + maxPage + '</a><a href="javascript:;" data-role = "next" class="next"></a>',
strInter = '',
strBtn = '<a href="javascript:;">${num}</a>',
strDopts = '<a href="javascript:;">...</a>';
for (; i < len; i++) {
strInter += strBtn.replace("${num}", i);
}
if (interval[0] !== 2) {
strInter = strDopts + strInter;
}
if (interval[1] !== maxPage - 1) {
strInter = strInter + strDopts;
}


strRes = strRes.replace("${interval}", strInter);
pageCon.innerHTML = strRes;
btns = pageCon.childNodes;
for (var i = 0, len = btns.length, item; i < len; i++) {
item = btns[i];
if (item.innerHTML == page) {
$domAttr(item, "class", currPageClass);
break;
}
}
//首页或尾页时隐藏翻页按钮
if (maxPage > 1 && (page === 1 || page === maxPage)) {
btns[page === 1 ? 0 : btns.length - 1].style.visibility = "hidden";
}


}


//选择页
function selectPage(page, elem) {
if (page === currPage || !page || page < 1 || page > maxPage) {
return
}
currPage = page;
makeBtn(page);
callback && callback(page, elem);
}


//设置总页数
function setMaxPage(mp) {
maxPage = mp || 1;
makeBtn(currPage);
}


function getCurrPage() {
return currPage;
}


//返回对象接口
return {
setMaxPage: setMaxPage,
selectPage: selectPage,
getCurrPage: getCurrPage
};
};
/**
 * 解析bbcode
 * @param text,要解析的文章文本
 * @param customCodes,自定义标签定义对象
 */
function $iuni_parseBBcode(text, customCodes) {
if (!$iuni_parseBBcode.feature_split_normal) {
$iuni_parseBBcode.feature_split_normal = '1,2'.split(/(,)/g).length == 3;
}
customCodes = customCodes || {};
//转换html标签包围符号<>
text = text.replace(/[<>\t]/ig, function($0) {
return {
'<': '&lt;',
'>': '&gt;',
'\t': '    ' //转换制表符\t为4个空格
}[$0];
});
//统一换行符,\r\n->\n(windows),\r->\n(apple),\n\r->\n(未知)
text = text.replace(/(\r\n)|(\n\r)|(\r)/g, '\n');
//去除控制转义字符
text = text.replace(/[\r\f\v\b]/g, '');
//根据bbcode切分
var reg = /\[(\w+)(=[^ \f\n\r\t\v\[\]]*)?\]([^\[\]]*)\[\/\1\]/g,
arr = text.split(reg);
//IE7及以下版本 String.prototype.split 正则bug
if (!$iuni_parseBBcode.feature_split_normal) {
var __bugfixed0 = 0;
$each(text.match(reg) || [], function(bbcode, i) {
var fl = bbcode.indexOf(']'),
tag = bbcode.substring(1, fl),
code2, tag, eq, t, eqIndex, insertIndex;
if ((eqIndex = tag.indexOf('=')) != -1) {
eq = tag.substring(eqIndex);
tag = tag.substring(0, eqIndex);
}
t = bbcode.substring(fl + 1, bbcode.length - (tag.length + 3));
if ((typeof arr[i * 4] == 'undefined') || (arr[i * 4] != text.substring(__bugfixed0, __bugfixed0 + arr[i * 4].length))) {
//补齐空缺,bug,空内容会被忽略
arr.splice(i * 4, 0, '');
}
insertIndex = i * 4 + 1;
__bugfixed0 += arr[i * 4].length + bbcode.length;
arr.splice(insertIndex, 0, tag, eq, t);
});
}
//允许的bbcode
var allowedBBcode = {
//img标签解析
img: function(arg, data) {
if (!arg) {
return false;
}
arg = arg.replace(/\s+/g, '');
//尺寸
if (!arg.match(/^(\d+\*\d+;)*(\d+\*\d+);?$/)) {
return false;
}
var sizes = $map(arg.split(';'), function(s, i) {
if (!s) {
return null;
}
var size = s.split('*');
return [parseInt(size[0]), parseInt(size[1])];
});
$arrRemove(sizes, null);
var urls = $map(data.split(';'), function(d) {
if (!d) {
return null;
}
return $parseUrl(d).href;
});
$arrRemove(urls, null);
if (sizes.length != urls.length) {
return false;
}
return {
type: 'img',
sizes: sizes,
urls: urls
};
},
//url标签解析
url: function(arg, data) {
var text = $strTrim(data);
if (!text) {
//空内容,返回
return false;
}
var urlInfo = $parseUrl(arg);
return {
type: 'url',
href: urlInfo.href,
text: text
};
}
};
//遍历拆分数据,处理bbcode
var codeArr = [],
code, arg;
for (var i = 0, len = arr.length; i < len; i++) {
var data = arr[i];
switch (i % 4) {
case 0: //文本内容
//还原
if (codeArr.length && codeArr[codeArr.length - 1].type == 'text') {
codeArr[codeArr.length - 1].data += data || '';
} else {
//img标签
codeArr.push({
type: 'text',
data: data
});
}
break;
case 1: //bbcode
code = data;
break;
case 2: //arg
arg = data ? data.substring(1) : null;
break;
case 3: //data
var data = customCodes[code] ? customCodes[code](arg, data) : allowedBBcode[code] && allowedBBcode[code](arg, data);
if (data) {
//解析正确则放入数组
data && codeArr.push({
type: 'bbcode',
data: data
});
} else if (!allowedBBcode[code]) {
data = $parseStr('[{#code#}{#arg#}]{#data#}[/{#code#}]', {
code: code,
arg: arg === null ? '' : '=' + arg,
data: data || ''
});
//还原
if (codeArr.length && codeArr[codeArr.length - 1].type == 'text') {
codeArr[codeArr.length - 1].data += data || '';
} else {
codeArr.push({
type: 'text',
data: data
});
}
}
break;
}
}
return codeArr;
}
/**
 * iuni文字排版程序
 * @param {Object} codeArr 排版的bbcode数组
 * @param {Object} opt 排版选项,选项内容如下
 * width:容器高度
 * height:容器宽度
 * lineHeight:文字行高
 * fontStyle:文字的样式,用于计算文字宽度
 * chaCache:文字宽度缓存对象,同一文字样式下请使用同一文字宽度缓存对象,这样可以提高文字宽度计算效率
 * lazyLoadImgAttr:延时加载图片属性,如果开启,图片节点没有src属性,只有lazyLoadImgAttr属性
 * callback:完成排版后的回调
 * enableText:是否启用text代码内容输出
 * enableBbcode:是否启用bbcode代码内容输出
 * enableBbcodeImg:是否启用bbcode-img代码内容输出
 * enableBbcodeUrl:是否启用bbcode-url代码内容输出
 * enableBbcodeXXX:是否启用bbcode-xxx代码内容输出(自定义bbcode时使用,enableBbcodeXXX使用驼峰写法)
 * 
 * customBBcodeHtml:自定义bbcode解析器,内容格式为codeTag:function()
 * 解析器函数参数说明如下:
 * height 容器高度
 * width 容器宽度
 * curHeight 当前位置高度
 * curWidth 当前位置宽度
 * lineHeight 行高
 * code bbcode
 * callback 回调,
 * 回调内容为(返回生成的html代码,完成后的当前光标高度,当前光标宽度,当前页放不下截断后剩余的code)
 */
function $iuni_typeset(codeArr, opt) {
opt = $extend({
width: 400, //宽
height: 200, //高
lineHeight: 20, //行高
fontStyle: {}, //文字样式
domTag: 'div', //文字宽度计算使用节点
chaCache: {}, //文字宽度缓存
lazyLoadImgAttr: false, //延迟加载图片属性
callback: null, //完成回调
enableText: true, //是否启用text节点内容输出
enableBbcode: true, //是否启用bbcode节点内容输出
enableBbcodeImg: true, //是否启用bbcode-img节点内容输出
enableBbcodeUrl: false, //是否启用bbcode-url节点内容输出
imgCheck: false, //图片检查,如果要检查,设置函数bool function(url)
urlCheck: false, //链接检查,如果要检查,设置函数bool function(url)
customBBcodeHtml: {} //自定义bbcode解析
}, opt);


//初始化内容
var htmls = [],
remains = null;
var width = opt.width, //宽度
height = opt.height, //高度
lineHeight = opt.lineHeight, //行高
curHeight = 0, //当前y
curWidth = 0, //当前x
domTag = opt.domTag, //文字宽度计算用的标签
fontStyle = opt.fontStyle, //文字样式
chaCache = opt.chaCache, //文字缓存
customBBcodeHtml = opt.customBBcodeHtml || {}; //自定义bbcode解析
//默认解析器
var codeHtml = {
//文本字段解析
text: function(height, width, curHeight, curWidth, lineHeight, code, callback) {
var charArr = $isArray(code.data) ? code.data : $getCharArray(code.data); //文字数组
if (!charArr || !charArr.length) {
//无内容
callback('', curHeight, curWidth);
return;
}
//获取宽度
$getCharWidth(charArr, {
fontStyles: fontStyle,
domTag: domTag,
chaWidth: chaCache,
callback: function(chaWidth) {
var htmls = [],
cw;
//处理字符串转义字符
var escCode, end = false;
//遍历需要计算宽度的字符
for (var i = 0, len = charArr.length; i < len; i++) {
var x = charArr[i];
if (curHeight + lineHeight > height) {
//已不足一行,返回
callback(htmls.join(''), curHeight, curWidth, {
type: 'text',
data: charArr.slice(i)
});
return;
}
if (x == '\n') {
//换行
htmls.push(x);
curHeight += lineHeight;
curWidth = 0;
continue;
}
cw = chaWidth[x];
if (cw) {
if ((curWidth += cw) > width) { //换行
curHeight += lineHeight;
curWidth = 0;
i--;
continue;
}
htmls.push(x);
}
}
//回调
callback(htmls.join(''), curHeight, curWidth);
}
});
},
//bbcode解析
bbcode: function(height, width, curHeight, curWidth, lineHeight, code, callback) {
var data = code.data,
type = data.type,
dealFunc = customBBcodeHtml[type] || bbcodeHtml[type];
//检查是否支持
if (dealFunc && opt['enableBbcode' + $ucfirst(type)]) {
dealFunc(height, width, curHeight, curWidth, lineHeight, data, function(html, curHeight, curWidth, remainCode) {
callback(html, curHeight, curWidth, remainCode ? {
type: 'bbcode',
data: remainCode
} : null);
});
} else {
callback('', curHeight, curWidth, null);
}
}
};
//内置bbcode解析器
var bbcodeHtml = {
img: function(height, width, curHeight, curWidth, lineHeight, code, callback) {
var data = code,
sizes = data.sizes,
urls = data.urls;
//获得合适的尺寸图片
var size, url, of = Number.MAX_VALUE,
dataset = [];
$each(sizes, function(s, i) {
if (Math.abs(s[0] - width) <= of) {
of = Math.abs(s[0] - width);
size = s;
url = urls[i];
};
dataset.push(s[0] + ',' + s[1] + ',' + url);
});
if (opt.imgCheck && !opt.imgCheck(url)) {
//检查通过失败
callback('', curHeight, curWidth);
return;
}
//布局换行产生的高度
var addHeight = curWidth == 0 ? 0 : lineHeight;
//处理高度
var ih = Math.round(size[1] * width / size[0]);


if (ih + curHeight + addHeight > height && curHeight !== 0) {
//位置不够,回调
callback('', curHeight, curWidth, code);
} else {


if (ih + curHeight + addHeight > height && curHeight === 0) {
ih = height;
width = Math.round(size[0] * ih / size[1]);
}
curHeight += ih + addHeight;
curWidth = 0;
var html = $parseStr('<img style="display:block;width:{#width#}px;height:{#height#}px" {#srcAttrName#}="{#src#}" data-set="{#dataset#}"/>', {
src: url,
srcAttrName: opt.lazyLoadImgAttr ? opt.lazyLoadImgAttr : 'src',
width: width,
height: ih,
dataset: dataset.join('#')
});
callback(html, curHeight, curWidth);
}
},
url: function(height, width, curHeight, curWidth, lineHeight, code, callback) {
var data = code,
href = data.href,
urlText = data.text;
if (opt.urlCheck && !opt.urlCheck(href)) {
//检查通过失败
callback('', curHeight, curWidth);
return;
}
var htmls = ['<a target="blank" href="', href, '">'];
var charArr = $isArray(urlText) ? urlText : $getCharArray(urlText); //文字数组
if (!charArr || !charArr.length) {
//无内容
callback('', curHeight, curWidth);
return;
}
//获取宽度
$getCharWidth(charArr, {
fontStyles: fontStyle,
domTag: domTag,
chaWidth: chaCache,
callback: function(chaWidth) {
var cw;
//处理字符串转义字符
var escCode, end = false;
//遍历需要计算宽度的字符
for (var i = 0, len = charArr.length; i < len; i++) {
var x = charArr[i];
if (curHeight + lineHeight > height) {
//已不足一行,返回
htmls.push('</a>');
callback(htmls.join(''), curHeight, curWidth, {
type: 'url',
data: {
href: href,
urlText: charArr.slice(i)
}
});
return;
}
if (x == '\n') {
//换行
htmls.push(x);
curHeight += lineHeight;
curWidth = 0;
continue;
}
cw = chaWidth[x];
if (cw) {
if ((curWidth += cw) > width) { //换行
curHeight += lineHeight;
curWidth = 0;
i--;
continue;
}
htmls.push(x);
}
}
htmls.push('</a>');
//回调
callback(htmls.join(''), curHeight, curWidth);
}
});
}
};


//开始遍历解析
$asyncEachSeries(codeArr, function(code, callback) {
//剩余
if (remains) {
remains.push(code);
return callback();
}
//空节点
if (!code) {
return callback();
}
var type = code.type;
//检查支持
if (codeHtml[type] && opt['enable' + $ucfirst(type)]) {
codeHtml[type](height, width, curHeight, curWidth, lineHeight, code, function(html, cHeight, cWidth, remainCode) {
htmls.push(html);
remainCode && (remains = [remainCode]);
curHeight = cHeight;
curWidth = cWidth;
callback();
});
} else {
return callback();
}
}, function() {
//解析完成,回调html,剩余内容,当前高度
opt.callback && opt.callback(htmls.join(''), remains, curHeight);
});
}
$iuni_KeyEvent = function() {


var event = $Event.create('iuni'),


map = {
27: 'esc',
13: 'enter'
},


init_flag = false,


key_handler = function(ev) {


var keyCode = ev.keyCode,
target = ev.target;


if (map[keyCode]) {
event.trigger(map[keyCode], ev);


}






};


var init = function() {
if (init_flag) {
return;
}
init_flag = true;


$(document).on('keydown', key_handler);


};




return {
listen: function(type, fn) {
init();
event.listen(type, fn);
},
remove: function() {
$(document).off('keydown', key_handler)
}
}


}();
$iuni_Ui_base = (function() {


var get_black_layer = $getSingle(function() {
var layer = $('<div data-action="black_layer" style="display:none;width:100%;height: 100%;background:#000;position:fixed;_position:absolute;z-index:9998;top:0px;left:0px;opacity:0.5;filter:alpha(opacity=50)"></div>').appendTo($('body'));


layer.on('click', function() {
return false; //阻止遮罩层的事件穿透
});


return layer;


}),


_id = 0,


is_empty_obj = function(obj) {
for (var i in obj) {
return false;
}
return true;
},


use_black_layer_count = {};


var base = $Class.create(function(tpl) { //ui父类
this.tpl = tpl; //模板
this.parent = null; //ui父节点
this.submitBtn = null; //确定按钮
this.closeBtn = null; //关闭按钮
this.cancelBtn = null; //取消按钮
this.black_layer = false; //是否有遮罩层
this.remove = false; //关闭时是否移除对象
this.no_close_btn = false; //是否禁止关闭按钮,强制登陆时有用
this.o_scroll_top = 0;
this.revise_top = 0;
});




base.interface('checkKeyCancel', function() { //按下esc关闭浮层


var stack = [],
old_win_scroll = window.onscroll,
old_key_down = document.onkeydown;


return function(obj, mode) {


if (mode === 'add') {
stack.push(obj);
} else {


for (var l = stack.length - 1; l >= 0; l--) {
if (stack[l] === obj) {
stack.splice(l, 1);
}
}
}


if (stack.length) {
document.onkeydown = $after(old_key_down || function() {}, function(ev) {
var ev = ev || window.event;
if (ev.keyCode === 27) {
$.each(stack, function(i, n) {
try {
n.no_close_btn || n.hide();
} catch (e) {


}


});
}
});


$(window).off().on('resize', $throttle(function() {
$.each(stack, function(i, n) {
n.position();
});
}, 100));




window.onscroll = $after(old_win_scroll || function() {}, function() {
$.each(stack, function(i, n) {
if (n.black_layer) {
$(window).scrollTop(n.o_scroll_top);
}
});
});


return;
}


document.onkeydown = old_key_down;
window.onscroll = old_win_scroll;
$(window).off('resize');


}


}());






base.interface('init', function() { //初始化


var me = this;


this.parent = this.render().appendTo($('body')).hide(); //创建父节点容器


this.closeBtn = this.parent.find('[data-action="closeBtn"]');
this.cancelBtn = this.parent.find('[data-action=cancelBtn]');
this.submitBtn = this.parent.find('[data-action="submitBtn"]');
this.title = this.parent.find('[data-action="title"]'); //标题容器
this.content = this.parent.find('[data-action="content"]'); //内容容器


this.closeBtn.on('click', function() {
me.hide();
});


this.cancelBtn.on('click', function() {
me.hide();
});


this.id = ++_id;


});






base.interface('render', function() { //生成节点


var parent;


this.target = $(this.tpl).css({
position: 'absolute',
zIndex: 9999
});;




return this.target.wrap('<div></div>').parent().prepend('<div></div>');


});




base.interface('position', function(type) {


var winWidth = $(window).width(),
winHeight = $(window).height(),
width = this.target.width(),
height = this.target.height(),
winScrollLeft = $(window).scrollLeft(),
winScrollTop = $(window).scrollTop(),
top = this.target.css('top'),
marginLeft = parseInt(this.target.css('margineft')),
paddingLeft = parseInt(this.target.css('paddingLeft')),
marginTop = parseInt(this.target.css('marginTop')),
paddingTop = parseInt(this.target.css('paddingTop')),
o_offset,
o_left,
o_top,
n_left,
n_top,
black_layer,
time;


marginLeft = isNaN(marginLeft) ? 0 : marginLeft;
paddingLeft = isNaN(paddingLeft) ? 0 : paddingLeft;
marginTop = isNaN(marginTop) ? 0 : marginTop;
paddingTop = isNaN(paddingTop) ? 0 : paddingTop;


if (!$.support.fixedPosition && this.black_layer) { //for ie6
black_layer = get_black_layer();
black_layer.css('width', winWidth + winScrollLeft);
black_layer.css('height', winHeight + winScrollTop);
}


width = width + paddingLeft * 2 + marginLeft * 2;
height = height + paddingTop * 2 + marginTop * 2;


o_offset = this.target.offset();
o_left = o_offset.left;
n_top = o_offset.top;


n_left = winWidth / 2 - width / 2 + winScrollLeft;
n_top = winHeight / 2 - height / 2 + winScrollTop - 10 + (this.revise_top || 0);




time = Math.abs(n_left - o_left) / 3 * 2;
var me = this;


this.o_scroll_top = $(window).scrollTop();


if (type === 'show' || type === 'position') { //直接显示
this.target.css('left', n_left);
this.target.css('top', n_top);


if (type === 'show') {
setTimeout(function() {
me.position('position');
}, 0);
}


return false;
}


this.target.stop().animate({
left: n_left,
top: n_top
}, time, 'swing');


});


base.interface('show', function() {


var me = this;


me.position('show');


if (this.black_layer) {
get_black_layer().fadeIn(200);
use_black_layer_count[this.id] = true;
} else {
get_black_layer().hide();
}


this.parent.fadeIn(200);


this.checkKeyCancel(this, 'add');
this.submitBtn.focus();
});




base.interface('hide', function() {


if (this.black_layer) {
delete use_black_layer_count[this.id];


if (is_empty_obj(use_black_layer_count)) {
get_black_layer().fadeOut(300);
}


}


this.parent.fadeOut(250);


this.checkKeyCancel(this, 'del');
if (this.remove) {
this.parent.off().remove();
}
});


return base;


})();
/**!
 * 微信内置浏览器的Javascript API,功能包括:
 *
 * 1、分享到微信朋友圈
 * 2、分享给微信好友
 * 3、分享到腾讯微博
 * 4、新的分享接口,包含朋友圈、好友、微博的分享(for iOS)
 * 5、隐藏/显示右上角的菜单入口
 * 6、隐藏/显示底部浏览器工具栏
 * 7、获取当前的网络状态
 * 8、调起微信客户端的图片播放组件
 * 9、关闭公众平台Web页面
 * 10、判断当前网页是否在微信内置浏览器中打开
 * 11、增加打开扫描二维码
 * 12、支持WeixinApi的错误监控
 * 13、检测应用程序是否已经安装(需要官方开通权限)
 *
 * @author zhaoxianlie(http://www.baidufe.com)
 */
var $iuni_WeixinApi = (function() {


"use strict";


/**
* 分享到微信朋友圈
* @param       {Object}    data       待分享的信息
* @p-config    {String}    appId      公众平台的appId(服务号可用)
* @p-config    {String}    imgUrl     图片地址
* @p-config    {String}    link       链接地址
* @p-config    {String}    desc       描述
* @p-config    {String}    title      分享的标题
*
* @param       {Object}    callbacks  相关回调方法
* @p-config    {Boolean}   async                   ready方法是否需要异步执行,默认false
* @p-config    {Function}  ready(argv)             就绪状态
* @p-config    {Function}  dataLoaded(data)        数据加载完成后调用,async为true时有用,也可以为空
* @p-config    {Function}  cancel(resp)    取消
* @p-config    {Function}  fail(resp)      失败
* @p-config    {Function}  confirm(resp)   成功
* @p-config    {Function}  all(resp)       无论成功失败都会执行的回调
*/
function weixinShareTimeline(data, callbacks) {
callbacks = callbacks || {};
var shareTimeline = function(theData) {
WeixinJSBridge.invoke('shareTimeline', {
"appid": theData.appId ? theData.appId : '',
"img_url": theData.imgUrl,
"link": theData.link,
"desc": theData.title,
"title": theData.desc, // 注意这里要分享出去的内容是desc
"img_width": "640",
"img_height": "640"
}, function(resp) {
switch (resp.err_msg) {
// share_timeline:cancel 用户取消
case 'share_timeline:cancel':
callbacks.cancel && callbacks.cancel(resp);
break;
// share_timeline:confirm 发送成功
case 'share_timeline:confirm':
case 'share_timeline:ok':
callbacks.confirm && callbacks.confirm(resp);
break;
// share_timeline:fail 发送失败
case 'share_timeline:fail':
default:
callbacks.fail && callbacks.fail(resp);
break;
}
// 无论成功失败都会执行的回调
callbacks.all && callbacks.all(resp);
});
};
WeixinJSBridge.on('menu:share:timeline', function(argv) {
if (callbacks.async && callbacks.ready) {
window["_wx_loadedCb_"] = callbacks.dataLoaded || new Function();
if (window["_wx_loadedCb_"].toString().indexOf("_wx_loadedCb_") > 0) {
window["_wx_loadedCb_"] = new Function();
}
callbacks.dataLoaded = function(newData) {
window["_wx_loadedCb_"](newData);
shareTimeline(newData);
};
// 然后就绪
callbacks.ready && callbacks.ready(argv);
} else {
// 就绪状态
callbacks.ready && callbacks.ready(argv);
shareTimeline(data);
}
});
}


/**
* 发送给微信上的好友
* @param       {Object}    data       待分享的信息
* @p-config    {String}    appId      公众平台的appId(服务号可用)
* @p-config    {String}    imgUrl     图片地址
* @p-config    {String}    link       链接地址
* @p-config    {String}    desc       描述
* @p-config    {String}    title      分享的标题
*
* @param       {Object}    callbacks  相关回调方法
* @p-config    {Boolean}   async                   ready方法是否需要异步执行,默认false
* @p-config    {Function}  ready(argv)             就绪状态
* @p-config    {Function}  dataLoaded(data)        数据加载完成后调用,async为true时有用,也可以为空
* @p-config    {Function}  cancel(resp)    取消
* @p-config    {Function}  fail(resp)      失败
* @p-config    {Function}  confirm(resp)   成功
* @p-config    {Function}  all(resp)       无论成功失败都会执行的回调
*/
function weixinSendAppMessage(data, callbacks) {
callbacks = callbacks || {};
var sendAppMessage = function(theData) {
WeixinJSBridge.invoke('sendAppMessage', {
"appid": theData.appId ? theData.appId : '',
"img_url": theData.imgUrl,
"link": theData.link,
"desc": theData.desc,
"title": theData.title,
"img_width": "640",
"img_height": "640"
}, function(resp) {
switch (resp.err_msg) {
// send_app_msg:cancel 用户取消
case 'send_app_msg:cancel':
callbacks.cancel && callbacks.cancel(resp);
break;
// send_app_msg:confirm 发送成功
case 'send_app_msg:confirm':
case 'send_app_msg:ok':
callbacks.confirm && callbacks.confirm(resp);
break;
// send_app_msg:fail 发送失败
case 'send_app_msg:fail':
default:
callbacks.fail && callbacks.fail(resp);
break;
}
// 无论成功失败都会执行的回调
callbacks.all && callbacks.all(resp);
});
};
WeixinJSBridge.on('menu:share:appmessage', function(argv) {
if (callbacks.async && callbacks.ready) {
window["_wx_loadedCb_"] = callbacks.dataLoaded || new Function();
if (window["_wx_loadedCb_"].toString().indexOf("_wx_loadedCb_") > 0) {
window["_wx_loadedCb_"] = new Function();
}
callbacks.dataLoaded = function(newData) {
window["_wx_loadedCb_"](newData);
sendAppMessage(newData);
};
// 然后就绪
callbacks.ready && callbacks.ready(argv);
} else {
// 就绪状态
callbacks.ready && callbacks.ready(argv);
sendAppMessage(data);
}
});
}


/**
* 分享到腾讯微博
* @param       {Object}    data       待分享的信息
* @p-config    {String}    link       链接地址
* @p-config    {String}    desc       描述
*
* @param       {Object}    callbacks  相关回调方法
* @p-config    {Boolean}   async                   ready方法是否需要异步执行,默认false
* @p-config    {Function}  ready(argv)             就绪状态
* @p-config    {Function}  dataLoaded(data)        数据加载完成后调用,async为true时有用,也可以为空
* @p-config    {Function}  cancel(resp)    取消
* @p-config    {Function}  fail(resp)      失败
* @p-config    {Function}  confirm(resp)   成功
* @p-config    {Function}  all(resp)       无论成功失败都会执行的回调
*/
function weixinShareWeibo(data, callbacks) {
callbacks = callbacks || {};
var shareWeibo = function(theData) {
WeixinJSBridge.invoke('shareWeibo', {
"content": theData.desc,
"url": theData.link
}, function(resp) {
switch (resp.err_msg) {
// share_weibo:cancel 用户取消
case 'share_weibo:cancel':
callbacks.cancel && callbacks.cancel(resp);
break;
// share_weibo:confirm 发送成功
case 'share_weibo:confirm':
case 'share_weibo:ok':
callbacks.confirm && callbacks.confirm(resp);
break;
// share_weibo:fail 发送失败
case 'share_weibo:fail':
default:
callbacks.fail && callbacks.fail(resp);
break;
}
// 无论成功失败都会执行的回调
callbacks.all && callbacks.all(resp);
});
};
WeixinJSBridge.on('menu:share:weibo', function(argv) {
if (callbacks.async && callbacks.ready) {
window["_wx_loadedCb_"] = callbacks.dataLoaded || new Function();
if (window["_wx_loadedCb_"].toString().indexOf("_wx_loadedCb_") > 0) {
window["_wx_loadedCb_"] = new Function();
}
callbacks.dataLoaded = function(newData) {
window["_wx_loadedCb_"](newData);
shareWeibo(newData);
};
// 然后就绪
callbacks.ready && callbacks.ready(argv);
} else {
// 就绪状态
callbacks.ready && callbacks.ready(argv);
shareWeibo(data);
}
});
}




/**
* 新的分享接口
* @param       {Object}    data       待分享的信息
* @p-config    {String}    appId      公众平台的appId(服务号可用)
* @p-config    {String}    imgUrl     图片地址
* @p-config    {String}    link       链接地址
* @p-config    {String}    desc       描述
* @p-config    {String}    title      分享的标题
*
* @param       {Object}    callbacks  相关回调方法
* @p-config    {Boolean}   async                   ready方法是否需要异步执行,默认false
* @p-config    {Function}  ready(argv,shareTo)             就绪状态
* @p-config    {Function}  dataLoaded(data)        数据加载完成后调用,async为true时有用,也可以为空
* @p-config    {Function}  cancel(resp,shareTo)    取消
* @p-config    {Function}  fail(resp,shareTo)      失败
* @p-config    {Function}  confirm(resp,shareTo)   成功
* @p-config    {Function}  all(resp,shareTo)       无论成功失败都会执行的回调
*/
function weixinGeneralShare(data, callbacks) {
callbacks = callbacks || {};
var generalShare = function(general, theData) {


// 如果是分享到朋友圈,则需要把title和desc交换一下
if (general.shareTo == 'timeline') {
var title = theData.title;
theData.title = theData.desc || title;
theData.desc = title;
}


// 分享出去
general.generalShare({
"appid": theData.appId ? theData.appId : '',
"img_url": theData.imgUrl,
"link": theData.link,
"desc": theData.desc,
"title": theData.title,
"img_width": "640",
"img_height": "640"
}, function(resp) {
switch (resp.err_msg) {
// general_share:cancel 用户取消
case 'general_share:cancel':
callbacks.cancel && callbacks.cancel(resp, general.shareTo);
break;
// general_share:confirm 发送成功
case 'general_share:confirm':
case 'general_share:ok':
callbacks.confirm && callbacks.confirm(resp, general.shareTo);
break;
// general_share:fail 发送失败
case 'general_share:fail':
default:
callbacks.fail && callbacks.fail(resp, general.shareTo);
break;
}
// 无论成功失败都会执行的回调
callbacks.all && callbacks.all(resp, general.shareTo);
});
};
WeixinJSBridge.on('menu:general:share', function(general) {
if (callbacks.async && callbacks.ready) {
window["_wx_loadedCb_"] = callbacks.dataLoaded || new Function();
if (window["_wx_loadedCb_"].toString().indexOf("_wx_loadedCb_") > 0) {
window["_wx_loadedCb_"] = new Function();
}
callbacks.dataLoaded = function(newData) {
window["_wx_loadedCb_"](newData);
generalShare(general, newData);
};
// 然后就绪
callbacks.ready && callbacks.ready(general, general.shareTo);
} else {
// 就绪状态
callbacks.ready && callbacks.ready(general, general.shareTo);
generalShare(general, data);
}
});
}


/**
* 加关注(此功能只是暂时先加上,不过因为权限限制问题,不能用,如果你的站点是部署在*.qq.com下,也许可行)
* @param       {String}    appWeixinId     微信公众号ID
* @param       {Object}    callbacks       回调方法
* @p-config    {Function}  fail(resp)      失败
* @p-config    {Function}  confirm(resp)   成功
*/
function addContact(appWeixinId, callbacks) {
callbacks = callbacks || {};
WeixinJSBridge.invoke("addContact", {
webtype: "1",
username: appWeixinId
}, function(resp) {
var success = !resp.err_msg || "add_contact:ok" == resp.err_msg || "add_contact:added" == resp.err_msg;
if (success) {
callbacks.success && callbacks.success(resp);
} else {
callbacks.fail && callbacks.fail(resp);
}
})
}


/**
* 调起微信Native的图片播放组件。
* 这里必须对参数进行强检测,如果参数不合法,直接会导致微信客户端crash
*
* @param {String} curSrc 当前播放的图片地址
* @param {Array} srcList 图片地址列表
*/
function imagePreview(curSrc, srcList) {
if (!curSrc || !srcList || srcList.length == 0) {
return;
}
WeixinJSBridge.invoke('imagePreview', {
'current': curSrc,
'urls': srcList
});
}


/**
* 显示网页右上角的按钮
*/
function showOptionMenu() {
WeixinJSBridge.call('showOptionMenu');
}




/**
* 隐藏网页右上角的按钮
*/
function hideOptionMenu() {
WeixinJSBridge.call('hideOptionMenu');
}


/**
* 显示底部工具栏
*/
function showToolbar() {
WeixinJSBridge.call('showToolbar');
}


/**
* 隐藏底部工具栏
*/
function hideToolbar() {
WeixinJSBridge.call('hideToolbar');
}


/**
* 返回如下几种类型:
*
* network_type:wifi     wifi网络
* network_type:edge     非wifi,包含3G/2G
* network_type:fail     网络断开连接
* network_type:wwan     2g或者3g
*
* 使用方法:
* WeixinApi.getNetworkType(function(networkType){
*
* });
*
* @param callback
*/
function getNetworkType(callback) {
if (callback && typeof callback == 'function') {
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
// 在这里拿到e.err_msg,这里面就包含了所有的网络类型
callback(e.err_msg);
});
}
}


/**
* 关闭当前微信公众平台页面
* @param       {Object}    callbacks       回调方法
* @p-config    {Function}  fail(resp)      失败
* @p-config    {Function}  success(resp)   成功
*/
function closeWindow(callbacks) {
callbacks = callbacks || {};
WeixinJSBridge.invoke("closeWindow", {}, function(resp) {
switch (resp.err_msg) {
// 关闭成功
case 'close_window:ok':
callbacks.success && callbacks.success(resp);
break;


// 关闭失败
default:
callbacks.fail && callbacks.fail(resp);
break;
}
});
}


/**
* 当页面加载完毕后执行,使用方法:
* WeixinApi.ready(function(Api){
*     // 从这里只用Api即是WeixinApi
* });
* @param readyCallback
*/
function wxJsBridgeReady(readyCallback) {
if (readyCallback && typeof readyCallback == 'function') {
var Api = this;
var wxReadyFunc = function() {
readyCallback(Api);
};
if (typeof window.WeixinJSBridge == "undefined") {
if (document.addEventListener) {
document.addEventListener('WeixinJSBridgeReady', wxReadyFunc, false);
} else if (document.attachEvent) {
document.attachEvent('WeixinJSBridgeReady', wxReadyFunc);
document.attachEvent('onWeixinJSBridgeReady', wxReadyFunc);
}
} else {
wxReadyFunc();
}
}
}


/**
* 判断当前网页是否在微信内置浏览器中打开
*/
function openInWeixin() {
return /MicroMessenger/i.test(navigator.userAgent);
}


/*
* 打开扫描二维码
* @param       {Object}    callbacks       回调方法
* @p-config    {Function}  fail(resp)      失败
* @p-config    {Function}  success(resp)   成功
*/
function scanQRCode(callbacks) {
callbacks = callbacks || {};
WeixinJSBridge.invoke("scanQRCode", {}, function(resp) {
switch (resp.err_msg) {
// 打开扫描器成功
case 'scan_qrcode:ok':
callbacks.success && callbacks.success(resp);
break;


// 打开扫描器失败
default:
callbacks.fail && callbacks.fail(resp);
break;
}
});
}




/**
* 检测应用程序是否已安装 
*      by mingcheng 2014-10-17
*
* @param       {Object}    data            应用程序的信息
* @p-config    {String}    packageUrl      应用注册的自定义前缀,如 xxx:// 就取 xxx
* @p-config    {String}    packageName     应用的包名
*
* @param       {Object}    callbacks       相关回调方法
* @p-config    {Function}  fail(resp)      失败
* @p-config    {Function}  success(resp)   成功,如果有对应的版本信息,则写入到 resp.version 中
* @p-config    {Function}  all(resp)       无论成功失败都会执行的回调
*/
function getInstallState(data, callbacks) {
callbacks = callbacks || {};


WeixinJSBridge.invoke("getInstallState", {
"packageUrl": data.packageUrl || "",
"packageName": data.packageName || ""
}, function(resp) {
var msg = resp.err_msg,
match = msg.match(/state:yes_?(.*)$/);
if (match) {
resp.version = match[1] || "";
callbacks.success && callbacks.success(resp);
} else {
callbacks.fail && callbacks.fail(resp);
}


callbacks.all && callbacks.all(resp);
});
}




/**
* 开启Api的debug模式,比如出了个什么错误,能alert告诉你,而不是一直很苦逼的在想哪儿出问题了
* @param    {Function}  callback(error) 出错后的回调,默认是alert
*/
function enableDebugMode(callback) {
/**
* @param {String}  errorMessage   错误信息
* @param {String}  scriptURI      出错的文件
* @param {Long}    lineNumber     出错代码的行号
* @param {Long}    columnNumber   出错代码的列号
*/
window.onerror = function(errorMessage, scriptURI, lineNumber, columnNumber) {


// 有callback的情况下,将错误信息传递到options.callback中
if (typeof callback === 'function') {
callback({
message: errorMessage,
script: scriptURI,
line: lineNumber,
column: columnNumber
});
} else {
// 其他情况,都以alert方式直接提示错误信息
var msgs = [];
msgs.push("额,代码有错。。。");
msgs.push("\n错误信息:", errorMessage);
msgs.push("\n出错文件:", scriptURI);
msgs.push("\n出错位置:", lineNumber + '行,' + columnNumber + '列');
alert(msgs.join(''));
}
}
}


return {
version: "2.5",
enableDebugMode: enableDebugMode,
ready: wxJsBridgeReady,
shareToTimeline: weixinShareTimeline,
shareToWeibo: weixinShareWeibo,
shareToFriend: weixinSendAppMessage,
generalShare: weixinGeneralShare,
addContact: addContact,
showOptionMenu: showOptionMenu,
hideOptionMenu: hideOptionMenu,
showToolbar: showToolbar,
hideToolbar: hideToolbar,
getNetworkType: getNetworkType,
imagePreview: imagePreview,
closeWindow: closeWindow,
openInWeixin: openInWeixin,
getInstallState: getInstallState,
scanQRCode: scanQRCode
};
})();
$iuni_mobile_ui_base = (function() {
_id = 0,
use_black_layer_count = {};
var base = $Class.create(function(tpl) { //ui父类
this.tpl = tpl; //模板
this.parent = null; //ui父节点
this.submitBtn = null; //确定按钮
this.closeBtn = null; //关闭按钮
this.cancelBtn = null; //取消按钮
this.remove = false; //关闭时是否移除对象
this.revise_top = 0; //
});
base.interface('init', function() { //初始化
var me = this;
this.parent = this.render().appendTo($$('body')).hide(); //创建父节点容器
this.closeBtn = this.parent.find('[data-action="closeBtn"]');
this.cancelBtn = this.parent.find('[data-action=cancelBtn]');
this.submitBtn = this.parent.find('[data-action="submitBtn"]');
this.title = this.parent.find('[data-action="title"]'); //标题容器
this.content = this.parent.find('[data-action="content"]'); //内容容器
this.closeBtn.on('tap', function() {
me.hide();
});
this.cancelBtn.on('tap', function() {
me.hide();
});
this.id = ++_id;
});


base.interface('render', function() { //生成节点
var parent;
this.target = $$(this.tpl);
return this.target.wrap('<div></div>').parent().prepend('<div></div>');


});


base.interface('show', function() {
this.parent.show(200);
this.submitBtn.focus();
});


base.interface('hide', function() {
var me = this;
setTimeout(function() {
me.parent.hide(250);
if (me.remove) {
me.parent.off().remove();
}
});
});


return base;


})();
$iuni_render_rutools = function() {


var tpl = '<div class="edt_tool"><span data-action="more_hover" class="more_icon2"><div data-action="more_content" class="pull_down radius_5 ui_hide"><s class="lozs lozs_top">♦<s class="loz">♦</s></s><dl><dd><a data-action="add_photos" href="javascript:void 0" class="radiustop_5 one_a">发照片</a></dd><dd><a data-action="add_notes" href="javascript:void 0" class="radiusbot_5 two_a">写文章</a></dd></dl></div></span><span class="memo_icon"></span></div>';


return function(parentNode) {


var dom = $(tpl).appendTo($(parentNode)),
more_hover = dom.find('[data-action="more_hover"]'),
more_content = dom.find('[data-action="more_content"]'),
add_photos = dom.find('[data-action="add_photos"]'),
add_notes = dom.find('[data-action="add_notes"]'),
timer;




more_hover.hover(function() {
clearTimeout(timer);
more_content.show();
}, function() {
timer = setTimeout(function() {
more_content.hide();
}, 100);
});




more_content.on('mouseover', function() {
clearTimeout(timer);
});




add_photos.on('click', function() {
return location.href = 'http://town.iuni.com/api/post/add';
});




add_notes.on('click', function() {
return location.href = 'http://town.iuni.com/api/post/add?type=text';
});


}


}();
/**
 * 控制多个菜单/提示dom的显示,只允许至多显示一个
 * 
 * 提供bind(dom,callback),unbind(dom)方法
 */
$iuni_showOneCtl = (function() {
if (typeof $iuni_showOneCtl == 'object') {
return $iuni_showOneCtl;
}
var bindSet = [],
body = document.body;
$bindEvent(body, checkBind, 'mousedown');


function bind(dom, cb) {
var flag = 1;
$each(bindSet, function(bind) {
if (bind.dom == dom) {
flag = 0;
throw $break;
}
});
if (flag) {
bindSet.push({
dom: dom,
cb: cb
});
dom.__emphasizeid = bindSet.length;
}
}


function unbind(dom) {
for (var i = bindSet.length; i--;) {
if (bindSet[i].dom == dom) {
bindSet.splice(i, 1);
for (var j = bindSet.length; j-- >= i;) {
bindSet[j].dom.__emphasizeid = j + 1;
}
break;
}
}
}


function checkBind(event) {
var dom = event.target,
index;
while (dom && dom != body) {
//污染dom元素数据,减少循环查询
if (dom.__emphasizeid) {
index = dom.__emphasizeid - 1;
break;
}
dom = dom.parentNode;
}
$each(bindSet, function(bind, i) {
if (i !== index) {
bind.cb('hide');
}
});
}


return {
bind: bind,
unbind: unbind
};
})();
var $iuni_Login_layer = (function() {


var Login_layer = $iuni_Ui_base.sub(function() {


this.tpl = '<div><div data-action="close_layer" class="login_close_bnts"></div><iframe name="login_iframe" style="width:100%;height:100%" src="about:blank" frameborder="0"></iframe></div>';


this.black_layer = true;


this.init.call(this);


});


var instance,
params,
re_url,
callback_url,
iframe,
default_width,
default_height,
contentWindow,
close_layer,
no_close_btn, //是否禁止了取消关闭按钮
default_src,
event = $Event.create('Login_layer');




var check_close_btn = function() {
if (no_close_btn && close_layer) {
instance.no_close_btn = true;
close_layer.hide();
} else {
instance.no_close_btn = false;
close_layer.show();
}
};


var init = (function() {


var flag = false;


return function(src) {


if (flag) {
return false;
}


document.domain = 'iuni.com';


flag = true;


instance = Login_layer.getInstance();


close_layer = instance.target.find('[data-action="close_layer"]');


close_layer.on('click', function() {
instance.hide();
});


var src = (src || default_src) + '?r=' + Math.random();


if (callback_url) {
src += '&callback_url=' + encodeURIComponent(callback_url);
}


iframe = instance.target.find('iframe').attr('src', src);


iframe.one('load', function() {


var doc;
contentWindow = iframe[0].contentWindow;
doc = contentWindow.document;


$Event.trigger('login_layer_loaded', contentWindow);


if (default_width && default_height) {
return set_wh(default_width, default_height);
}


try {
var login_layer_parent = doc.getElementById('login_layer_parent');
instance.parent.show();
if (login_layer_parent.clientWidth && login_layer_parent.clientHeight) {
return set_wh(login_layer_parent.clientWidth, login_layer_parent.clientHeight);
}


} catch (e) {
set_wh(default_width, default_height);
}






});


}


})();




var show = function(params) {


no_close_btn = Array.prototype.pop.call(arguments) === 'no_close_btn';


var params = params || {};


if (Object.prototype.toString.call(params) === '[object Object]') {
$iuni_Login_layer.succ(params.succ || function() {});
$iuni_Login_layer.fail(params.fail || function() {});
re_url = params.reurl;
callback_url = params.callback_url;
default_width = params.width || 520;
default_height = params.height || 588;
} else {
$iuni_Login_layer.succ(function() {});
$iuni_Login_layer.fail(function() {});
re_url = params;
}


if (!params) {
params = {};
}


init(params.src);


check_close_btn();


if (contentWindow) {


try {
contentWindow.iuni.uc.login_iframe.event.trigger('after_show');
} catch (e) {


}
$Event.trigger('login_layer_loaded', contentWindow);
instance.show();
}


};


var hide = function(target) {


if (target === 'iframe' && no_close_btn) {
return;
}
return instance.hide();
};


var trigger = function(type, data) {
var type = Array.prototype.shift.call(arguments);
event.trigger(type, data);
};


var succ = function(fn) {
var _fn = fn;


event.listen('succ', function(data) {


$Event.trigger('login_succ', data);


var flag = _fn.apply(this, arguments);


if (flag === false) {
return false;
}


setTimeout(function() {


if (re_url && re_url.indexOf('http:') > -1) {
return location.href = re_url;
}


return location.reload(true);


}, 100);


});


};


var fail = function(fn) {
event.listen('fail', fn);
};


var set_wh = function(w, h) {
instance.target.css('width', w).css('height', h);
instance.show();
};




var set_default_src = function(src) {
default_src = src;
};


set_default_src('http://passport.iuni.com/login_iframe.shtml');




return {
show: show,
hide: hide,
succ: succ,
fail: fail,
trigger: trigger,
set_wh: set_wh
}


})();
$iuni_confirm = (function() {


var getConfirm = $getSingle(function() {


var Confirm = $iuni_Ui_base.sub(function() {


this.tpl = '<div class="s_sns_mask ">' +
'<h3 class="mask_header">' +
'<span data-action="title"></span>' +
'<div data-action="cancelBtn" class="mask_close curs"></div>' +
'</h3>' +
'<div class="mask_body">' +
'<p data-action="content"></p>' +
'<div class="mask_btn">' +
'<button data-action="submitBtn" class="mask_btn_sure">确定</button>' +
'<span data-action="cancelBtn" class="mask_btn_cancle curs">取消</span>' +
'</div>' +
'</div>' +
'</div>';






this.black_layer = true;


this.init.call(this);


});


return Confirm.getInstance();


});




return function(param) {


var obj = getConfirm();


obj.title.html(param.title || '提示');
obj.content.html(param.content || '');


obj.show();


//setTimeout(function(){
// obj.submitBtn.focus();
// }, 100);


obj.submitBtn.off().on('click', function() {
param.callback && param.callback();
obj.hide();
});
return obj;


};




})();
$iuni_customAlert = (function() {


var getConfirm = $getSingle(function() {


var Confirm = $iuni_Ui_base.sub(function() {
this.tpl = '<div class="ui_tips_wraper">' +
'<h3 class="ui_tips_hd">' +
'<span class="z" data-action="title"></span>' +
'<span data-action="cancelBtn" class="ui_close y">X</span>' +
'</h3>' +
'<div class="ui_tips_bd">' +
'<h4 class="tips_contener" data-action="content"></h4>' +
'<p class="tips_else" data-action="desc"></p>' +
'<div class="tips_btn230">' +
'<a href="#" class="btn_green" data-action="submitBtn">' +
'<span></span>' +
'</a>' +
'<a href="#" class="btn_link" data-action="customBtn"></a>' +
'</div>' +
'</div>' +
'</div>';


this.black_layer = true;


this.init.call(this);


});


return Confirm.getInstance();


});




return function(param) {


var obj = getConfirm();


obj.title.html(param.title || '提示');
obj.content.html(param.content || '');
obj.submitBtn.children().html(param.submitBtnTxt || '确定');


obj.show();


obj.submitBtn.off().on('click', function(e) {
param.callback && param.callback(e);
obj.hide();
});


param.customBtnTxt && obj.target.find('[data-action=customBtn]').html(param.customBtnTxt).click(function() {
param.customCallback && param.customCallback();
obj.hide();
});
param.desc && obj.target.find('[data-action=desc]').html(param.desc);


};




})();
$iuni_fail = (function() {


var getFail = $getSingle(function() {


var Fail = $iuni_Ui_base.sub(function() {


this.tpl = '<div class="ui_pop_layer radius_5"><i class="error"></i><p data-action="content"></p></div>';


this.black_layer = false;


this.init.call(this);


});


return Fail.getInstance();


});




var timer;


return function(str) {


clearTimeout(timer);


var obj = getFail();


obj.revise_top = -20;


obj.content.html(str || '');


obj.show();


timer = setTimeout(function() {
obj.hide();
}, 1500);


};




})();
$iuni_mobile_confirm = (function() {


var getConfirm = $getSingle(function() {


var Confirm = $iuni_mobile_ui_base.sub(function() {


this.tpl = '<div class="u_c ui_fixed ui_left ui_top ui_bottom ui_right ui_mask" data-action="black_layer"><div class="ui_dialog"><div class="dialog_txt ui_tac" data-action="content">是否删除订单</div><div class="u_fb btn_dialog_area" data-sub="2"><button data-action="submitBtn" class="u_f btn_dialog">是</button><button data-action="cancelBtn" class="u_f btn_dialog">否</button></div></div></div>';






this.black_layer = true;


this.init.call(this);


});


return Confirm.getInstance();


});




return function(param) {


var obj = getConfirm();


obj.title.html(param.title || '提示');
obj.content.html(param.content || '');


obj.show();


//setTimeout(function(){
// obj.submitBtn.focus();
// }, 100);


obj.submitBtn.off().on('tap', function() {
param.callback && param.callback();
obj.hide();
});


};




})();
var $iuni_mobile_loading = (function() {
var getTip = $getSingle(function() {
var Tips = $iuni_mobile_ui_base.sub(function() {
this.tpl = '<div class="u_c ui_fixed ui_top ui_bottom"><div class="ui_loading"><canvas class="canvas" width="48" height="48" data-action="loading"></canvas><span data-action="content">正在加载...</span></div></div>';
this.black_layer = true;
this.init.call(this);
});
return Tips.getInstance();
});


return function(param) {
param = param || {};
if (typeof param == 'string') {
param = {
content: param
};
}
var closed = false;
var timer;
var obj = getTip();
var canvas = obj.parent.find('[data-action=loading]')[0];
renderLoading(canvas);
obj.title.html(param.title || 'loading');
if (param.content) {
obj.content.html(param.content);
}
obj.show();
return {
close: close
};


function close() {
if (!closed) {
clearInterval(timer);
obj.hide();
}
closed = true;
}


function renderLoading(canvas) {
var ctx = canvas.getContext('2d');
if (!ctx) {
return;
}
ctx.clearRect(0, 0, 48, 48); //擦除画布
ctx.fillStyle = 'transparent';
ctx.fillRect(0, 0, 48, 48);
ctx.fillStyle = 'black'; //定义点的颜色
var base = 0;
var update = function() {
ctx.save(); //把当前的绘图状态保存起来(如旋转角度的初始位置, 填充颜色, 坐标原点等)
ctx.clearRect(0, 0, 48, 48); //擦除画布
ctx.translate(24, 24); //把坐标原点移动到画布中央
base = (++base === 13) ? (base - 12) : base; //使用base来指示最大的圆点所在的位置, 实现旋转动画的效果
var angle = Math.PI / 6; //画12个点, 所以每个点之间的角度是 1/6 PI
var beginAngle = angle * base;
for (var i = 1; i <= 6; i++) { //小圆点半径
ctx.beginPath(); //开始一个路径
if (i === 1) {
ctx.rotate(beginAngle);
} else {
ctx.rotate(angle); //每次调用rotate之后, 其旋转角度并不会还原, 而是接着上一次的位置
}
ctx.arc(0, -18, i * 0.8 + 1, 0, 2 * Math.PI, true); //绘制一个圆点,第二个数字是大圆半径
ctx.closePath(); //闭合路径
//如果不是用beginPath和closePath, 在调用fill方法时, 会导致画布上的所有圆都重叠在一起了
ctx.fill(); //填充(使用上面最后定义的fillStyle)
}
ctx.restore(); //还原绘图状态, 如果不还原, 则下一次调用rotate时会接着这次的位置旋转, 而不是初始位置
}
update();
timer = setInterval(update, 50);
}
}
})();
var $iuni_mobile_tips = (function() {
var getTip = $getSingle(function() {
var Tips = $iuni_mobile_ui_base.sub(function() {
this.tpl = '<div class="ui_fixed ui_bottom u_c"><div class="ui_tips ui_tips_up ui_pd10 ui_dib ui_clr_white " data-action="content"></div></div>';
this.black_layer = true;
this.init.call(this);
});
return Tips.getInstance();
});


return function(param) {
if (typeof param == 'string') {
param = {
content: param
};
}
var obj = getTip();
obj.title.html(param.title || '提示');
obj.content.html(param.content || '');
obj.show();
obj.parent.click(function() {
setTimeout(close, 500);
});
setTimeout(close, 3000);
var closed = false;


function close() {
if (!closed) {
param.callback && param.callback();
obj.hide();
}
closed = true;
}
}
})();
$iuni_prompt = (function() {


var getConfirm = $getSingle(function() {


var Confirm = $iuni_Ui_base.sub(function() {


this.tpl = '<div class="ui_tips_wraper ui_tips_wraper_group">' +
'<h3 class="ui_tips_hd">' +
'<span class="z" data-action="title"></span>' +
'<span data-action="cancelBtn" class="ui_close y">X</span>' +
'</h3>' +
'<div class="ui_tips_bd ui_tips_bd_group">' +
'<h4 class="tips_contener tips_contener_group" data-action="content"></h4>' +
'<div class="group_wordnum">' +
'<span class="num" data-action="txtCurCount">0</span>/<span data-action="txtTotalCount" class="sum"></span>' +
'</div>' +
'<div class="inputarea">' +
'<textarea class="user_input" data-action="txtContent"></textarea>' +
'</div>' +
'<div class="tips_btn230">' +
'<span href="#" class="cancelBtn_group" data-action="customBtn"></span>' +
'<a href="#" class="btn_green" data-action="submitBtn"><span></span></a>' +
'</div>' +
'</div>' +
'</div>';


this.black_layer = true;


this.init.call(this);


});


return Confirm.getInstance();


});




return function(param) {


var obj = getConfirm();
obj.show();


obj.title.html(param.title || '提示');
obj.content.html(param.content || '');
obj.submitBtn.one('click', function() {
param.callback && param.callback(obj.target.find('[data-action=txtContent]').val());
obj.hide();
}).children().html(param.submitBtnTxt || '确定');


param.customBtnTxt && obj.target.find('[data-action=customBtn]').html(param.customBtnTxt).click(function() {
param.customCallback && param.customCallback();
obj.hide();
});
param.desc && obj.target.find('[data-action=desc]').html(param.desc);
param.maxWords && obj.target.find('[data-action=txtTotalCount]').text(param.maxWords);


param.maxWords && obj.target.find('[data-action=txtContent]').unbind('keyup').bind('keyup', function(e) {


var curCount = obj.target.find('[data-action=txtCurCount]');
if (this.value.length > param.maxWords - 1 && e.keyCode !== 8) {
curCount.addClass('color_red');
e.preventDefault();
} else {
curCount.removeClass('color_red');
}
this.value = this.value.substr(0, param.maxWords);
curCount.text(this.value.length);
});
};


})();
$iuni_succ = (function() {


var getSucc = $getSingle(function() {


var Succ = $iuni_Ui_base.sub(function() {


this.tpl = '<div class="ui_pop_layer radius_5"><i class="correct"></i><p data-action="content"></p></div>';


this.black_layer = false;


this.init.call(this);


});


return Succ.getInstance();


});




var timer;


return function(str) {


clearTimeout(timer);


var obj = getSucc();


obj.revise_top = -20;


obj.content.html(str || '');


obj.show();


timer = setTimeout(function() {
obj.hide();
}, 2000);


};




})();
$iuni_upload = (function() {


var Upload_box = $iuni_Ui_base.sub(function() {


this.tpl = '<div class="s_sns_mask publish_upload_wrapper"><h3 class="mask_header"><span>上传图片</span><div data-action="cancelBtn" class="mask_close"></div></h3><div class="mask_body  mask_body_reset" style="width:100%;height:100%"><iframe name="upload_iframe" src="about:blank" class="upload_frame" frameborder="0"></iframe></div></div>';


this.black_layer = true;


this.init.call(this);


});




var instance,
contentWindow,
show,
hook;


show = function(obj) {
var instance = get_upload_box(obj);
}


var get_upload_box = $getSingle(function(obj) {


var tgt = $getCookie('tgt');


document.domain = 'iuni.com';


instance = Upload_box.getInstance();


instance.hide();


hook = 'upload_' + (+new Date);


window[hook] = {
act: obj.action || '',
succ: obj.succ || function() {},
cancal_all: function() {
instance.hide();
},
tgt: tgt
};


var iframe = instance.target.find('iframe').attr('src', 'http://www.iuni.com/upload/upload.shtml?hook=' + hook);


iframe.one('load', function() {


var doc;
contentWindow = iframe[0].contentWindow;
doc = contentWindow.document;


instance.show();


if (doc.body.clientWidth && doc.body.clientHeight) {
set_wh(doc.body.clientWidth, doc.body.clientHeight);
}


show = function() {
instance.show();
}


});


return instance;


});




var set_wh = function(w, h) {
instance.target.css('width', w).css('height', h);
instance.revise_top = -50; //各种padding的修正
instance.show();
};




return {
start: function(obj) {
return show(obj);
}
}




})();
$iuni_upload_avatar = (function() {


var Upload_box = $iuni_Ui_base.sub(function() {


this.tpl = '<div class="s_sns_mask publish_upload_wrapper"><h3 class="mask_header"><span>上传头像</span><div data-action="cancelBtn" class="mask_close"></div></h3><iframe name="upload_iframe" src="about:blank" width="100%" height="100%" frameborder="0"></iframe></div>';


this.black_layer = true;


this.init.call(this);


});




var instance,
contentWindow,
show,
hook;


show = function(obj) {
var instance = get_upload_box(obj);
}


var get_upload_box = $getSingle(function(obj) {


var tgt = $getCookie('tgt');


document.domain = 'iuni.com';


instance = Upload_box.getInstance();


instance.hide();


hook = 'upload_' + (+new Date);


window[hook] = {
avatar: obj.avatar || '',
act: obj.action || '',
succ: function(avatar) {
(obj.succ || function() {})(avatar);
instance.hide();
},
cancal_all: function() {
instance.hide();
},
tgt: tgt
};


var iframe = instance.target.find('iframe').attr('src', 'http://www.iuni.com/static/sinclude/page/upload_avatar.shtml?hook=' + hook);


iframe.one('load', function() {


var doc;
contentWindow = iframe[0].contentWindow;
doc = contentWindow.document;


instance.show();


if (doc.body.clientWidth && doc.body.clientHeight) {
set_wh(doc.body.clientWidth, doc.body.clientHeight);
}


contentWindow.$Event.trigger('show_upoload', obj.avatar);


show = function(obj) {
instance.show();
contentWindow.$Event.trigger('show_upoload', obj.avatar);
}


});


return instance;


});




var set_wh = function(w, h) {
instance.target.css('width', w).css('height', h);
instance.revise_top = -50; //各种padding的修正
instance.show();
};




return {
start: function(obj) {
return show(obj);
}
}




})();
var $arrivalNotice = (function() {
var dialog;
var dialog_layer = $iuni_Ui_base.sub(function(tpl) {
this.tpl = tpl;
this.black_layer = true;
this.no_close_btn = false;
this.init.call(this);
});
var validator = {
//所有可用的检查
types: {},


//在当前验证会话中的
//错误信息,错误的数量
messageslength: 0,
messages: {},


//当前验证配置
//名称:验证类型
config: {},


//接口方法
//‘data’为键值对
validate: function(data) {
var i, msg, type, checkerArr, checker, result;


//重置所有消息
this.messageslength = 0;
this.messages = {};


for (i in data) {
if (data.hasOwnProperty(i)) {
type = this.config[i];
if (!type) {
continue;
}


checkerArr = type.reg || [];
for (var j = 0, lenj = checkerArr.length; j < lenj; j++) {
checker = this.types[checkerArr[j]];
if (!checker) {
throw {
name: "ValidationError",
message: "No handler to lidate type " + type
};
}
result = checker.validate(data[i]);
if (!result) {
this.messageslength++;
this.messages[i] = type.msg[j] || "";
break;
}
}
}
}
return {
status: this.messageslength === 0,
msg: this.messages
};
}
};
validator.types = {
isMobile: {
validate: function(value) {
return value.replace(/^\s+/, "").replace(/\s+$/, "").match(/^1\d{10}$/);
}
},
isMail: {
validate: function(value) {
return value.replace(/^\s+/, "").replace(/\s+$/, "").match(/^[^@]+@[^@\.].*$/);
}
}
};
validator.config = {
mobile: {
reg: ["isMobile"],
msg: ['请填写正确的手机号码']
},
email: {
reg: ["isMail"],
msg: ['请填写正确的邮箱地址']
}
};


function getUserInfo(sku_id, callback) {
$.ajax({
url: "http://www.iuni.com/api/user/get_email_mobile",
type: "get",
dataType: "json",
data: {
sku_id: sku_id
},
context: document.body,
success: function(json) {
callback && callback(json.data);
}
});
}


function createDialog(sku_id) {
var dialog;
var tpl = '<div class="ui_tips_wraper ui_tips_wraper_resetBig" ><h3 class="ui_tips_hd"><span class="z" data-action="title">缺货登记</span><span data-action="cancelBtn" class="ui_close y">X</span></h3><div class="ui_tips_bd ui_tips_bd_resetBig" style="background:#fff"><h4 class="ui_tipstitle">请填写您的联系方式,该商品到货时我们将第一时间通知您!</h4><form class="ui_tipform"><label>手机号码</label><input class="ui_tipformText" type="text" data_action="mobile"><span class="ui_tipform_errMessage" style="display:none;" data_action="mobile_hint">请填写正确的手机号码</span><label>电子邮箱</label><input class="ui_tipformText" type="text" data_action="email"><span class="ui_tipform_errMessage" style="display:none;" data_action="email_hint">请填写正确的邮箱地址</span><span class="ui_tipform_errMessage" style="display:none;"  data_action="form_hint">请填写您的手机号码或邮箱地址</span><input type="button" class="btn_greencss3" value="确定" data_action="save"></form></div></div>';
dialog = dialog_layer.getInstance(tpl);


//初始化dom
dialog.cacheDom = {};
var cacheDom = dialog.cacheDom;
var dom = dialog.target[0];
cacheDom.mobile = $attr("data_action", "mobile", dom)[0];
cacheDom.mobile_hint = $attr("data_action", "mobile_hint", dom)[0];
cacheDom.email = $attr("data_action", "email", dom)[0];
cacheDom.email_hint = $attr("data_action", "email_hint", dom)[0];
cacheDom.form_hint = $attr("data_action", "form_hint", dom)[0];
cacheDom.save = $attr("data_action", "save", dom)[0];


//绑定事件
function initEvent() {


function setDefaut(dom, dom_hint) {
dom.className = "ui_tipformText";
dom_hint.style.display = "none";
cacheDom.form_hint.style.display = "none";
}


function setHint(dom, dom_hint, hint) {
dom.className = "ui_tipformText ui_tipformText_err";
dom_hint.style.display = "block";
if (hint) {
dom_hint.innerHTML = hint;
}
}


function saveHint(hint) {
cacheDom.form_hint.innerHTML = hint || '请填写您的手机号码或邮箱地址';
cacheDom.form_hint.style.display = "block";
}


//focus
$bindEvent(cacheDom.mobile, function() {
setDefaut(cacheDom.mobile, cacheDom.mobile_hint);
}, "focus");
$bindEvent(cacheDom.email, function() {
setDefaut(cacheDom.email, cacheDom.email_hint);
}, "focus");


//blur
$bindEvent(cacheDom.mobile, function() {
var dom = this,
value = dom.value.replace(/^\s+/, "").replace(/\s+$/, "");
if (value.length > 0) {
if (!validator.validate({
mobile: value
}).status) {
setHint(cacheDom.mobile, cacheDom.mobile_hint);
}
}
}, "blur");
$bindEvent(cacheDom.email, function() {
var dom = this,
value = dom.value.replace(/^\s+/).replace(/\s+$/);
if (value.length > 0) {
if (!validator.validate({
email: value
}).status) {
setHint(cacheDom.email, cacheDom.email_hint);
}
}
}, "blur");


//click
$bindEvent(cacheDom.save, function() {


var mobile = cacheDom.mobile.value.replace(/^\s+/, '').replace(/\s+$/, '');
var email = cacheDom.email.value.replace(/^\s+/, '').replace(/\s+$/, '');


var result = validator.validate({
mobile: mobile,
email: email
});
if (result.msg.mobile && result.msg.email) {
if (mobile.length === 0 && email.length === 0) {
saveHint();
}
return;
}


var data = {
sku_id: dialog.sku_id,
dtype: "json"
};
if (!result.msg.mobile) {
data.mobile = mobile;
}
if (!result.msg.email) {
data.email = email;
}


//提交
$.ajax({
url: "http://www.iuni.com/goods/checkin_notify",
type: "POST",
dataType: "json",
data: data,
context: document.body,
success: function(json) {
if (json.returnCode === 0) { //成功
dialog.hide();
var d = dialog_layer.getInstance('<div class="ui_tips_wraper ui_tips_wraper_resetBig"><h3 class="ui_tips_hd"><span class="z" data-action="title">缺货登记</span><span data-action="cancelBtn" class="ui_close y">X</span></h3><div class="ui_tips_bd ui_tips_bd_resetBig"><i class="iunifont"></i><div class="ui_tips_contentRight"> <p>登记成功,该商品到货后我们会第一时间通知您!<br>该窗口5秒后自动关闭</p><span class="btn_greencss3" data-action="cancelBtn">确定</span> </div></div></div>');
d.show();
setTimeout(function() {
d.hide();
}, 5000);
} else {
var errorCode = json.errorCode;
if (errorCode === 4 || errorCode === 5) {
//已登记过
dialog.hide();
var d = dialog_layer.getInstance('<div class="ui_tips_wraper ui_tips_wraper_resetBig"><h3 class="ui_tips_hd"><span class="z" data-action="title">缺货登记</span><span data-action="cancelBtn" class="ui_close y">X</span></h3><div class="ui_tips_bd ui_tips_bd_resetBig"><i class="iunifont icon_yellow"></i><div class="ui_tips_contentRight ui_tips_contentRight_reset"><p>您已经登记过了,无需重复登记。</p><span class="btn_greencss3"  data-action="cancelBtn">确定</span></div></div></div>');
d.show();
} else {
$iuni_fail(json.msg);
}
}
}
});


}, "click");


}
initEvent();


//设置方法+初始值
dialog.setSKU = function(sku_id) {
dialog.sku_id = sku_id;
};
dialog.setValue = function(mobile, email) {
var cacheDom = this.cacheDom;
if (mobile !== false) {
cacheDom.mobile.value = mobile || "";
}
if (email !== false) {
cacheDom.email.value = email || "";
}
}
if (sku_id) {
dialog.setSKU(sku_id);
getUserInfo(dialog.sku_id, function(data) {
if (data) {
dialog.setValue(data.mobile, data.email);
}
});
}


return dialog;
}


return function(sku_id) {
if (!sku_id) {
return;
}
if (!dialog) {
dialog = createDialog(sku_id);
}
dialog.setSKU(sku_id);
dialog.show();
return dialog;
}


})();
var $iuni_arrivalNotice = (function() {
var dialog;
var dialog_layer = $iuni_Ui_base.sub(function(tpl) {
this.tpl = tpl;
this.black_layer = true;
this.no_close_btn = false;
this.init.call(this);
});
var validator = {
//所有可用的检查
types: {},


//在当前验证会话中的
//错误信息,错误的数量
messageslength: 0,
messages: {},


//当前验证配置
//名称:验证类型
config: {},


//接口方法
//‘data’为键值对
validate: function(data) {
var i, msg, type, checkerArr, checker, result;


//重置所有消息
this.messageslength = 0;
this.messages = {};


for (i in data) {
if (data.hasOwnProperty(i)) {
type = this.config[i];
if (!type) {
continue;
}


checkerArr = type.reg || [];
for (var j = 0, lenj = checkerArr.length; j < lenj; j++) {
checker = this.types[checkerArr[j]];
if (!checker) {
throw {
name: "ValidationError",
message: "No handler to lidate type " + type
};
}
result = checker.validate(data[i]);
if (!result) {
this.messageslength++;
this.messages[i] = type.msg[j] || "";
break;
}
}
}
}
return {
status: this.messageslength === 0,
msg: this.messages
};
}
};
validator.types = {
isMobile: {
validate: function(value) {
return value.replace(/^\s+/, "").replace(/\s+$/, "").match(/^1\d{10}$/);
}
},
isMail: {
validate: function(value) {
return value.replace(/^\s+/, "").replace(/\s+$/, "").match(/^[^@]+@[^@\.].*$/);
}
}
};
validator.config = {
mobile: {
reg: ["isMobile"],
msg: ['请填写正确的手机号码']
},
email: {
reg: ["isMail"],
msg: ['请填写正确的邮箱地址']
}
};


function getUserInfo(sku_id, callback) {
$.ajax({
url: "http://www.iuni.com/api/user/get_email_mobile",
type: "get",
dataType: "json",
data: {
sku_id: sku_id
},
context: document.body,
success: function(json) {
callback && callback(json.data);
}
});
}


function createDialog(sku_id) {
var dialog;
var tpl = '<div class="ui_tips_wraper ui_tips_wraper_resetBig" ><h3 class="ui_tips_hd"><span class="z" data-action="title">缺货登记</span><span data-action="cancelBtn" class="ui_close y">X</span></h3><div class="ui_tips_bd ui_tips_bd_resetBig" style="background:#fff"><h4 class="ui_tipstitle">请填写您的联系方式,该商品到货时我们将第一时间通知您!</h4><form class="ui_tipform"><label>手机号码</label><input class="ui_tipformText" type="text" data_action="mobile"><span class="ui_tipform_errMessage" style="display:none;" data_action="mobile_hint">请填写正确的手机号码</span><label>电子邮箱</label><input class="ui_tipformText" type="text" data_action="email"><span class="ui_tipform_errMessage" style="display:none;" data_action="email_hint">请填写正确的邮箱地址</span><span class="ui_tipform_errMessage" style="display:none;"  data_action="form_hint">请填写您的手机号码或邮箱地址</span><input type="button" class="btn_greencss3" value="确定" data_action="save"></form></div></div>';
dialog = dialog_layer.getInstance(tpl);


//初始化dom
dialog.cacheDom = {};
var cacheDom = dialog.cacheDom;
var dom = dialog.target[0];
cacheDom.mobile = $attr("data_action", "mobile", dom)[0];
cacheDom.mobile_hint = $attr("data_action", "mobile_hint", dom)[0];
cacheDom.email = $attr("data_action", "email", dom)[0];
cacheDom.email_hint = $attr("data_action", "email_hint", dom)[0];
cacheDom.form_hint = $attr("data_action", "form_hint", dom)[0];
cacheDom.save = $attr("data_action", "save", dom)[0];


//绑定事件
function initEvent() {


function setDefaut(dom, dom_hint) {
dom.className = "ui_tipformText";
dom_hint.style.display = "none";
cacheDom.form_hint.style.display = "none";
}


function setHint(dom, dom_hint, hint) {
dom.className = "ui_tipformText ui_tipformText_err";
dom_hint.style.display = "block";
if (hint) {
dom_hint.innerHTML = hint;
}
}


function saveHint(hint) {
cacheDom.form_hint.innerHTML = hint || '请填写您的手机号码或邮箱地址';
cacheDom.form_hint.style.display = "block";
}


//focus
$bindEvent(cacheDom.mobile, function() {
setDefaut(cacheDom.mobile, cacheDom.mobile_hint);
}, "focus");
$bindEvent(cacheDom.email, function() {
setDefaut(cacheDom.email, cacheDom.email_hint);
}, "focus");


//blur
$bindEvent(cacheDom.mobile, function() {
var dom = this,
value = dom.value.replace(/^\s+/, "").replace(/\s+$/, "");
if (value.length > 0) {
if (!validator.validate({
mobile: value
}).status) {
setHint(cacheDom.mobile, cacheDom.mobile_hint);
}
}
}, "blur");
$bindEvent(cacheDom.email, function() {
var dom = this,
value = dom.value.replace(/^\s+/).replace(/\s+$/);
if (value.length > 0) {
if (!validator.validate({
email: value
}).status) {
setHint(cacheDom.email, cacheDom.email_hint);
}
}
}, "blur");


//click
$bindEvent(cacheDom.save, function() {


var mobile = cacheDom.mobile.value.replace(/^\s+/, '').replace(/\s+$/, '');
var email = cacheDom.email.value.replace(/^\s+/, '').replace(/\s+$/, '');


var result = validator.validate({
mobile: mobile,
email: email
});
if (result.msg.mobile && result.msg.email) {
if (mobile.length === 0 && email.length === 0) {
saveHint();
}
return;
}


var data = {
sku_id: dialog.sku_id,
dtype: "json"
};
if (!result.msg.mobile) {
data.mobile = mobile;
}
if (!result.msg.email) {
data.email = email;
}


//提交
$.ajax({
url: "http://www.iuni.com/goods/checkin_notify",
type: "POST",
dataType: "json",
data: data,
context: document.body,
success: function(json) {
if (json.returnCode === 0) { //成功
dialog.hide();
var d = dialog_layer.getInstance('<div class="ui_tips_wraper ui_tips_wraper_resetBig"><h3 class="ui_tips_hd"><span class="z" data-action="title">缺货登记</span><span data-action="cancelBtn" class="ui_close y">X</span></h3><div class="ui_tips_bd ui_tips_bd_resetBig"><i class="iunifont"></i><div class="ui_tips_contentRight"> <p>登记成功,该商品到货后我们会第一时间通知您!<br>该窗口5秒后自动关闭</p><span class="btn_greencss3" data-action="cancelBtn">确定</span> </div></div></div>');
d.show();
setTimeout(function() {
d.hide();
}, 5000);
} else {
var errorCode = json.errorCode;
if (errorCode === 4 || errorCode === 5) {
//已登记过
dialog.hide();
var d = dialog_layer.getInstance('<div class="ui_tips_wraper ui_tips_wraper_resetBig"><h3 class="ui_tips_hd"><span class="z" data-action="title">缺货登记</span><span data-action="cancelBtn" class="ui_close y">X</span></h3><div class="ui_tips_bd ui_tips_bd_resetBig"><i class="iunifont icon_yellow"></i><div class="ui_tips_contentRight ui_tips_contentRight_reset"><p>您已经登记过了,无需重复登记。</p><span class="btn_greencss3"  data-action="cancelBtn">确定</span></div></div></div>');
d.show();
} else {
$iuni_fail(json.msg);
}
}
}
});


}, "click");


}
initEvent();


//设置方法+初始值
dialog.setSKU = function(sku_id) {
dialog.sku_id = sku_id;
};
dialog.setValue = function(mobile, email) {
var cacheDom = this.cacheDom;
if (mobile !== false) {
cacheDom.mobile.value = mobile || "";
}
if (email !== false) {
cacheDom.email.value = email || "";
}
}
if (sku_id) {
dialog.setSKU(sku_id);
getUserInfo(dialog.sku_id, function(data) {
if (data) {
dialog.setValue(data.mobile, data.email);
}
});
}


return dialog;
}


return function(sku_id) {
if (!sku_id) {
return;
}
if (!dialog) {
dialog = createDialog(sku_id);
}
dialog.setSKU(sku_id);
dialog.show();
return dialog;
}


})();
$iuni_dialogManager = (function() {
if (typeof $iuni_dialogManager != 'undefined') {
return $iuni_dialogManager;
}
//当前登录用户id,所有对话
var curUID, allDialogs = {
//id:dialog
};
var tpl = '<div class="s_sns_talk"><h2><div class="s_content cf"><div class="content_left"><img src="<%=$iuni_getAvatar(avatar,"small")%>" sns_dialog_tag="avatar" data="<%=avatar%>"/></div><div class="content_right"><h3 sns_dialog_tag="nickname"><%=nickname%></h3><p></p></div></div></h2><div class="talk_content_wrap"><div class="talk_content" sns_dialog_tag="view"></div></div><div class="talk_bottom"><form method="get" action="#" target="_blank" sns_dialog_tag="form"><span class="content_box"><textarea name="text"></textarea><span class="s_page"><span sns_dialog_tag="text_num">0</span>/100</span></span><button type="submit" class="talk_btn talk_btn_useless" name="btn">发送</button></form></div><div class="close" sns_dialog_tag="close"></div></div>',
fn = $formatTpl(tpl),
viewTpl = '<%if(hasOld){%><div class="talk_list"><h3><span class="talk_list_more" sns_dialog_tag="more">查看更多消息</span></h3></div><%}for(var i=0,len=groups.length;i<len;i++){var msgs=groups[i];%><div class="talk_list"><h3><b class="thor_line"><span class="time"><%=formatDate(msgs[0].created)%></span></b></h3><%for(var j=0,len1=msgs.length;j<len1;j++){var msg=msgs[j];%> <p class="<%=(cuid==msg.uid)?"s_me":"s_friend"%> s_<%=msg.mid==-1?"sending":msg.mid==-2?"error":"ok"%>"><span><%=msg.message%><i class="a"></i></span></p><%}%></div><%}%>',
viewFn = $formatTpl(viewTpl);
//销毁对话
function destroy(dl) {
//取消定时器
dl.timer = dl.timer && clearInterval(dl.timer);
//解绑事件
$unbindEvent([dl.dom, dl.closeDom, dl.viewDom, dl.formDom, dl.inputDom, dl.submitDom, dl.testNumDom]);
//移除节点
dl.dom.parentNode && dl.dom.parentNode.removeChild(dl.dom);
//解除注册
allDialogs[dl.uid] && (
delete allDialogs[dl.uid]);
}


//管理器
var manager = {
//获取实例
getInstance: function(uid) {
if (curUID) {
if (!allDialogs[uid]) {
var dialog = Dialog.getInstance(uid);
allDialogs[uid] = dialog;
}
return allDialogs[uid];
}
},
//用户登出
login: function(uid) {
if (curUID != uid) {
//销毁所有对话
$each($keys(allDialogs), function(fuid) {
destroy(fuid);
});
//重置
curUID = uid;
allDialogs = {};
}
},
//用户登录
logout: function() {
this.login(0);
},
//销毁对话
destroy: function(uid) {
if (curUID && allDialogs[uid]) {
destroy(allDialogs[uid]);
}
},
//设置模版
setTpl: function(t) {
fn = $formatTpl(t);
tpl = t;
},
//隐藏所有对话
hideAll: function() {
$each($keys(allDialogs), function(fuid) {
allDialogs[fuid].hide();
});
}
};
//对话类
var Dialog = $Class.create(function(uid) {
var that = this;
this.sendId = 0;
//uid
this.uid = uid;
//消息数组,消息是从新至旧的顺序,新消息append到数组最前面
this.msgs = [];
//总消息条数
this.totalMsgs;
//新消息条数
this.newMsgs;
//最远id
this.farMid,
//一小时的间隔,两端对话超过该时间间隔将显示时间条,单位 秒
this.timeIntval = 60 * 60;
//是否加载过数据
this.loaded = false;
//是否正在加载
this.loading = false;
//定时器
this.timer,
//是否显示
this.isShow = false;
//是否可用
this.enable = true;
//dom根节点
this.dom = document.createElement('div');
//初始化
this.dom.innerHTML = fn({
uid: uid,
nickname: 'iuni用户',
avatar: ''
});
this.viewDom = $attr('sns_dialog_tag', 'view', this.dom)[0];
this.formDom = $attr('sns_dialog_tag', 'form', this.dom)[0];
this.testNumDom = $attr('sns_dialog_tag', 'text_num', this.dom)[0];
this.inputDom = this.formDom.text;
this.submitDom = this.formDom.btn;
this.closeDom = $attr('sns_dialog_tag', 'close', this.dom)[0];
this.avatarDom = $attr('sns_dialog_tag', 'avatar', this.dom)[0];
this.nicknameDom = $attr('sns_dialog_tag', 'nickname', this.dom)[0];
//绑定事件
$bindEvent(this.formDom, function(event) {
that.submit();
//阻止提交
event.preventDefault();
return false;
}, 'submit');
//修改
$bindEvent(this.inputDom, function(e) {
that.__checkInput();
}, 'change');
//按键
$bindEvent(this.inputDom, function(e) {
//修改检查字数和内容
that.__checkInput();
var length = that.testNumDom.innerHTML = this.value.length;
//样式设置
if (length == 0) {
$addClass(that.submitDom, "talk_btn_useless");
} else {
$delClass(that.submitDom, "talk_btn_useless");
}
}, 'keyup');
//提交
$bindEvent(this.inputDom, function(e) {
//检查alt+s,alt+enter提交
if (e.altKey && (e.which == 83 || e.which == 13)) {
that.submit();
e.preventDefault();
}
}, 'keydown');
//关闭
$bindEvent(this.closeDom, function() {
that.hide();
});
//滚动,禁止window发生滚动
$bindEvent(this.viewDom, function(event) {
if (event.delta < 0) {
if (this.scrollBottom == 0) {
event.preventDefault();
}
} else if (event.delta > 0) {
if (this.scrollTop == 0) {
event.preventDefault();
}
}
}, 'mousewheel');
//点击事件
$bindEvent(this.viewDom, function(event) {
var target = $attrParent('sns_dialog_tag', null, event.target, this);
if (target) {
var tag = target.getAttribute('sns_dialog_tag');
if (tag == 'more') { //加载更多
target.innerHTML = "加载中...";
that.loadBefore();
}
}
});
//添加到document
$display(this.dom, 'none');
document.body.appendChild(this.dom);
//初始化位置
this.dom.style.position = 'absolute';
this.dom.style.left = this.dom.style.top = 0;
//加载用户信息
this.__loadUserInfo();
}, {
__loadUserInfo: function() {
var that = this;
$jsonp({
url: 'http://town.iuni.com/api/info/get_nickname_avatar?dtype=jsonp',
data: {
uid: this.uid
},
callback: function(result) {
var data = result.data;
that.avatarDom.src = $iuni_getAvatar(data.avatar, "small");
that.nicknameDom.innerHTML = data.nickname;
},
errorback: function(result) {
//noop
}
});
},
//检查是否有历史消息
hasOldMsg: function() {
return !this.loaded || (this.totalMsgs - this.newMsgs - this.msgs.length) > 0;
},
//检查是否有新消息
hasNewMsg: function() {
return !this.loaded || this.newMsgs > 0;
},
//加载之前的消息
loadBefore: function() {
if (!this.enable) {
return;
}
if (this.loading) {
return;
}
//检查是否还有历史消息
if (!this.hasOldMsg()) {
return;
}
var that = this;
this.loading = true;
//加载数据
$jsonp({
url: 'http://town.iuni.com/api/dialog/detail?dtype=jsonp',
data: {
uid: this.uid,
ps: 20,
mid: this.farMid || ''
},
callback: function(result) {
that.loading = false;
//加载新数据
var msgs = result.data.dataContext;
var totalMsgLength = result.data.countRow;
if (!that.loaded) {
//第一次加载,设置初始数据
that.totalMsgs = totalMsgLength;
that.newMsgs = 0;
} else {
//处理总数和新消息
that.newMsgs += totalMsgLength - that.totalMsgs;
that.totalMsgs = totalMsgLength;
}
that.loaded = true;
//处理消息
if (msgs && msgs.length) {
that.__append(msgs, 'old');
}
},
errorback: function(result) {
that.loading = false;
that.loaded = true;
}
});
},
//过滤信息内容
__filterMsgContent: function(msg) {
if ($isArray(msg)) {
var that = this;
return $map(msg, function(m) {
return that.__filterMsgContent(m);
});
}
msg.message = this.__filterText(msg.message || '');
return msg;
},
//过滤字符串
__filterText: function(text) {
return text.replace(/[<>&#\/\\]/g, function(r) {
return {
'<': '<',
'>': '>',
'&': '&',
'#': '#',
'\\': '\',
'/': '/'
}[r];
});
},
__splitMsg: function() { //将消息按时间分组
var that = this;
var lastTime, groups = [];
$each(this.msgs, function(msg) {
if (!lastTime || lastTime - msg.created > that.timeIntval) {
groups.unshift([]);
}
groups[0].unshift(msg);
lastTime = msg.created;
});
return groups;
},
__append: function(msgs, type) { //添加信息
//过滤信息
msgs = this.__filterMsgContent(msgs);
//合并添加信息
if (type == "send") {
this.msgs.unshift(msgs);
} else if (type == "fail") {
//修改信息为失败
$each(this.msgs, function(msg) {
if (msg.mid == -1 && msg.sendId == msgs.sendId) {
msg.mid = -2;
throw $break;
}
});
} else if (type == "succ") {
//修改信息成功
$each(this.msgs, function(msg) {
if (msg.mid == -1 && msg.sendId == msgs.sendId) {
msg.mid = msgs.mid;
throw $break;
}
});
} else if (type == "old") {
//添加老信息
this.msgs = this.msgs.concat(msgs);
} else if (type == "new") {
//添加新信息
this.msgs = msgs.concat(this.msgs);
}
if (this.msgs.length) {
this.farMid = this.msgs[this.msgs.length - 1].mid;
}
var scrollHeight = this.viewDom.scrollHeight,
scrollTop = this.viewDom.scrollTop;
//更新html
this.rendView();
//设置当前位置
if (type == 'old') {
//保持显示位置不变
this.viewDom.scrollTop = this.viewDom.scrollHeight - scrollHeight + scrollTop;
} else {
//滚动到底部
this.viewDom.scrollTop = this.viewDom.scrollHeight;
}
},
//渲染对话
rendView: function() {
var groups = this.__splitMsg();
this.viewDom.innerHTML = viewFn({
cuid: curUID,
groups: groups,
hasOld: this.hasOldMsg(),
formatDate: function(timestamp) {
return $formatDate(new Date(timestamp * 1000), {
ftin1d: 'H:N',
ftlt1w: '星期wc H:N',
ft: 'Y年m月d日 H:N'
});
}
});
},
__checkInput: function() {
//修改检查字数和内容,进行裁剪,控制100个字符
var text = this.inputDom.value = this.__filterText(this.inputDom.value.substring(0, 100));
var length = this.testNumDom.innerHTML = text.length;
if (length == 0) {
$addClass(this.submitDom, "talk_btn_useless");
} else {
$delClass(this.submitDom, "talk_btn_useless");
}
},
//提交
submit: function() {
if (!this.enable) {
return;
}
if ($hasClass(this.submitDom.className, "talk_btn_useless")) {
return;
}
this.__checkInput();
var text = this.inputDom.value;
//提交数据
if (text.length > 0) {
var that = this;
var sendId = this.sendId++;
var msg = {
mid: -1,
uid: curUID,
sendId: sendId,
uid_nick: null,
uid_avatar: null,
ruid: this.uid,
ruid_nick: null,
ruid_avatar: null,
message: text,
created: Math.ceil(new Date().getTime() / 1000)
};
//this.__append(msg,'send');
$jsonp({
url: 'http://town.iuni.com/api/dialog/add?dtype=jsonp',
data: {
ruid: this.uid,
content: encodeURIComponent(text)
},
callback: function(result) {
var mid = result.data.mid;
msg.mid = mid;
//发送成功
if (result.returnCode == 0) {
that.__append(msg, 'send');
that.__append(msg, 'succ');
} else {
$iuni_fail(result.msg);
return;
}


},
errorback: function(result) {
//发送失败
// that.__append(msg,'fail');
$iuni_fail(result.msg);
return;
}
});
}
//重置输入框
this.inputDom.value = '';
this.testNumDom.innerHTML = 0;
$addClass(this.submitDom, "talk_btn_useless");
},
//显示对话框
show: function() {
if (!this.enable) {
return;
}
if (!this.isShow) {
var that = this;
//隐藏所有对话
manager.hideAll();
this.isShow = true;
$display(this.dom, '');
//设置位置
this.setPos();
//定时
this.timer = setInterval(function() {
that.setPos();
}, 200);
if (!this.loaded) {
//加载历史信息
this.loadBefore();
}
}
},
hide: function() { //隐藏对话框
if (!this.enable) {
return;
}
$display(this.dom, 'none');
this.isShow = false;
clearInterval(this.timer);
this.timer = 0;
},
close: function() { //关闭,销毁对话
if (!this.enable) {
return;
}
this.enable = false;
manager.destroy(this.uid);
},
setPos: function() { //设置位置
if (!this.enable) {
return;
}
//获取高宽
var width = this.dom.offsetWidth;
var height = this.dom.offsetHeight;
//计算位置
this.dom.style.top = Math.round(($getWindowHeight() - height) / 2 + $getPageScrollTop()) + 'px';
this.dom.style.left = Math.round(($getWindowWidth() - width) / 2 + $getPageScrollLeft()) + 'px';
}
});
return manager;
})();
window.__corejsLoaded = true;
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

warmersen

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值