update: okPlugins
zhizous
parent
cfa24c7ffa
commit
ddd79e6e99
|
|
@ -0,0 +1,64 @@
|
|||
layui.define(['jquery'], function (exports) {
|
||||
var jQuery = layui.jquery;
|
||||
!function (t, n, e, i) {
|
||||
var o = function (t, n) {
|
||||
this.init(t, n)
|
||||
};
|
||||
o.prototype = {
|
||||
init: function (t, n) {
|
||||
this.ele = t, this.defaults = {
|
||||
menu: [{
|
||||
text: "菜单一", callback: function () {
|
||||
}
|
||||
}, {
|
||||
text: "菜单二", callback: function () {
|
||||
}
|
||||
}], target: function (t) {
|
||||
}, width: 100, itemHeight: 28, bgColor: "#fff", color: "#333", fontSize: 14, hoverBgColor: "#f5f5f5"
|
||||
}, this.opts = e.extend(!0, {}, this.defaults, n), this.random = (new Date).getTime() + parseInt(1e3 * Math.random()), this.eventBind()
|
||||
}, renderMenu: function () {
|
||||
var t = this, n = "#uiContextMenu_" + this.random;
|
||||
if (!(e(n).length > 0)) {
|
||||
var t = this, i = '<ul class="ul-context-menu" id="uiContextMenu_' + this.random + '">';
|
||||
e.each(this.opts.menu, function (t, n) {
|
||||
n.icon ? i += '<li class="ui-context-menu-item"><a href="javascript:void(0);">' +
|
||||
'<icon class="icon ' + n.icon + '" ></icon>' +
|
||||
'<span>' + n.text + "</span></a></li>" : i += '<li class="ui-context-menu-item"><a href="javascript:void(0);"><span>' + n.text + "</span></a></li>"
|
||||
}), i += "</ul>", e("body").append(i).find(".ul-context-menu").hide(), this.initStyle(n), e(n).on("click", ".ui-context-menu-item", function (n) {
|
||||
t.menuItemClick(e(this)), n.stopPropagation()
|
||||
})
|
||||
}
|
||||
}, initStyle: function (t) {
|
||||
var n = this.opts;
|
||||
e(t).css({width: n.width, backgroundColor: n.bgColor}).find(".ui-context-menu-item a").css({
|
||||
color: n.color,
|
||||
fontSize: n.fontSize,
|
||||
height: n.itemHeight,
|
||||
lineHeight: n.itemHeight + "px"
|
||||
}).hover(function () {
|
||||
e(this).css({backgroundColor: n.hoverBgColor})
|
||||
}, function () {
|
||||
e(this).css({backgroundColor: n.bgColor})
|
||||
})
|
||||
}, menuItemClick: function (t) {
|
||||
var n = this, e = t.index();
|
||||
t.parent(".ul-context-menu").hide(), n.opts.menu[e].callback && "function" == typeof n.opts.menu[e].callback && n.opts.menu[e].callback()
|
||||
}, setPosition: function (t) {
|
||||
e("#uiContextMenu_" + this.random).css({left: t.clientX + 2, top: t.clientY + 2}).show()
|
||||
}, eventBind: function () {
|
||||
var t = this;
|
||||
this.ele.on("contextmenu", function (n) {
|
||||
n.preventDefault(), t.renderMenu(), t.setPosition(n), t.opts.target && "function" == typeof t.opts.target && t.opts.target(e(this))
|
||||
}), e(n).on("click", function () {
|
||||
e(".ul-context-menu").hide()
|
||||
})
|
||||
}
|
||||
}, e.fn.okContextMenu = function (t) {
|
||||
return new o(this, t), this
|
||||
}
|
||||
}(window, document, jQuery);
|
||||
exports('okContextMenu', function (obj) {
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
|
|
@ -0,0 +1,274 @@
|
|||
/**
|
||||
* 这是一个数字步进器的工具
|
||||
**/
|
||||
layui.define(['jquery'], function (exports) {
|
||||
var $ = layui.jquery;
|
||||
|
||||
var CountUp = function (argums, startNum, endNum) {
|
||||
/**
|
||||
* 用法1.当argums是JSON对象
|
||||
* 方法的startNum,endNum这两个参数无效
|
||||
* eg: var Count = new CountUp({target:$(".box")});
|
||||
* Count.start();
|
||||
* argums{
|
||||
target ： 目标元素
|
||||
startVal ： 你想要开始的值，默认值为0
|
||||
endVal ： 你想要到达的值，默认值为元素的值
|
||||
decimals ： 小数位数，默认值为0
|
||||
duration ： 动画持续时间为秒，默认值为2
|
||||
options ：选项的可选对象
|
||||
* }
|
||||
* 用法2.当argums为字符串或者为jq元素（推荐是JQ元素哦,也可以是dom元素）
|
||||
* eg: var box = new CountUp(".box");
|
||||
* box.start();//开始执行
|
||||
* 为字符串一定是个元素的JQ选择器
|
||||
* startNum：默认值0
|
||||
* endNum：默认值为元素的值
|
||||
*/
|
||||
if ((typeof argums == "string") || (argums instanceof $) || (argums instanceof HTMLElement)) {
|
||||
var temp = argums;
|
||||
startNum = startNum || 0;
|
||||
endNum = endNum || $($(argums.target)[0]).text();
|
||||
argums = {
|
||||
target: $(argums)[0],
|
||||
startVal: startNum,
|
||||
endVal: endNum,
|
||||
}
|
||||
}
|
||||
argums.startVal = argums.startVal || 0;
|
||||
argums.target = $(argums.target)[0];
|
||||
argums.endVal = argums.endVal || $($(argums.target)[0]).text();
|
||||
/*var {
|
||||
target,
|
||||
startVal,
|
||||
endVal,
|
||||
decimals,
|
||||
duration,
|
||||
options
|
||||
} = argums;// 这里是ES6语法*/
|
||||
var target = argums.target,
|
||||
startVal = argums.startVal,
|
||||
endVal = argums.endVal,
|
||||
decimals = argums.decimals,
|
||||
duration = argums.duration,
|
||||
options = argums.options;
|
||||
var self = this;
|
||||
self.version = function () {
|
||||
return "1.9.2"
|
||||
};
|
||||
self.options = {
|
||||
useEasing: true,
|
||||
useGrouping: true,
|
||||
separator: ",",
|
||||
decimal: ".",
|
||||
easingFn: easeOutExpo,
|
||||
formattingFn: formatNumber,
|
||||
prefix: "",
|
||||
suffix: "",
|
||||
numerals: []
|
||||
};
|
||||
|
||||
if (options && typeof options === "object") {
|
||||
for (var key in self.options) {
|
||||
if (options.hasOwnProperty(key) && options[key] !== null) {
|
||||
self.options[key] = options[key]
|
||||
}
|
||||
}
|
||||
}
|
||||
if (self.options.separator === "") {
|
||||
self.options.useGrouping = false
|
||||
} else {
|
||||
self.options.separator = "" + self.options.separator
|
||||
}
|
||||
var lastTime = 0;
|
||||
var vendors = ["webkit", "moz", "ms", "o"];
|
||||
for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
|
||||
window.requestAnimationFrame = window[vendors[x] + "RequestAnimationFrame"];
|
||||
window.cancelAnimationFrame = window[vendors[x] + "CancelAnimationFrame"] || window[vendors[x] +
|
||||
"CancelRequestAnimationFrame"]
|
||||
}
|
||||
if (!window.requestAnimationFrame) {
|
||||
window.requestAnimationFrame = function (callback, element) {
|
||||
var currTime = new Date().getTime();
|
||||
var timeToCall = Math.max(0, 16 - (currTime - lastTime));
|
||||
var id = window.setTimeout(function () {
|
||||
callback(currTime + timeToCall)
|
||||
}, timeToCall);
|
||||
lastTime = currTime + timeToCall;
|
||||
return id
|
||||
}
|
||||
}
|
||||
if (!window.cancelAnimationFrame) {
|
||||
window.cancelAnimationFrame = function (id) {
|
||||
clearTimeout(id)
|
||||
}
|
||||
}
|
||||
|
||||
function formatNumber(num) {
|
||||
num = num.toFixed(self.decimals);
|
||||
num += "";
|
||||
var x, x1, x2, x3, i, l;
|
||||
x = num.split(".");
|
||||
x1 = x[0];
|
||||
x2 = x.length > 1 ? self.options.decimal + x[1] : "";
|
||||
if (self.options.useGrouping) {
|
||||
x3 = "";
|
||||
for (i = 0, l = x1.length; i < l; ++i) {
|
||||
if (i !== 0 && ((i % 3) === 0)) {
|
||||
x3 = self.options.separator + x3
|
||||
}
|
||||
x3 = x1[l - i - 1] + x3
|
||||
}
|
||||
x1 = x3
|
||||
}
|
||||
if (self.options.numerals.length) {
|
||||
x1 = x1.replace(/[0-9]/g, function (w) {
|
||||
return self.options.numerals[+w]
|
||||
});
|
||||
x2 = x2.replace(/[0-9]/g, function (w) {
|
||||
return self.options.numerals[+w]
|
||||
})
|
||||
}
|
||||
return self.options.prefix + x1 + x2 + self.options.suffix
|
||||
}
|
||||
|
||||
function easeOutExpo(t, b, c, d) {
|
||||
return c * (-Math.pow(2, -10 * t / d) + 1) * 1024 / 1023 + b
|
||||
}
|
||||
|
||||
function ensureNumber(n) {
|
||||
return (typeof n === "number" && !isNaN(n))
|
||||
}
|
||||
|
||||
self.initialize = function () {
|
||||
if (self.initialized) {
|
||||
return true
|
||||
}
|
||||
self.error = "";
|
||||
// self.d = (typeof target === "string") ? document.getElementById(target) : target;
|
||||
self.d = target;
|
||||
if (!self.d) {
|
||||
self.error = "[CountUp] target is null or undefined";
|
||||
return false
|
||||
}
|
||||
self.startVal = Number(startVal);
|
||||
self.endVal = Number(endVal);
|
||||
if (ensureNumber(self.startVal) && ensureNumber(self.endVal)) {
|
||||
self.decimals = Math.max(0, decimals || 0);
|
||||
self.dec = Math.pow(10, self.decimals);
|
||||
self.duration = Number(duration) * 1000 || 2000;
|
||||
self.countDown = (self.startVal > self.endVal);
|
||||
self.frameVal = self.startVal;
|
||||
self.initialized = true;
|
||||
return true
|
||||
} else {
|
||||
self.error = "[CountUp] startVal (" + startVal + ") or endVal (" + endVal + ") is not a number";
|
||||
return false
|
||||
}
|
||||
};
|
||||
self.printValue = function (value) {
|
||||
var result = self.options.formattingFn(value);
|
||||
if (self.d.tagName === "INPUT") {
|
||||
this.d.value = result
|
||||
} else {
|
||||
if (self.d.tagName === "text" || self.d.tagName === "tspan") {
|
||||
this.d.textContent = result
|
||||
} else {
|
||||
this.d.innerHTML = result
|
||||
}
|
||||
}
|
||||
};
|
||||
self.count = function (timestamp) {
|
||||
if (!self.startTime) {
|
||||
self.startTime = timestamp
|
||||
}
|
||||
self.timestamp = timestamp;
|
||||
var progress = timestamp - self.startTime;
|
||||
self.remaining = self.duration - progress;
|
||||
if (self.options.useEasing) {
|
||||
if (self.countDown) {
|
||||
self.frameVal = self.startVal - self.options.easingFn(progress, 0, self.startVal - self.endVal,
|
||||
self.duration)
|
||||
} else {
|
||||
self.frameVal = self.options.easingFn(progress, self.startVal, self.endVal - self.startVal,
|
||||
self.duration)
|
||||
}
|
||||
} else {
|
||||
if (self.countDown) {
|
||||
self.frameVal = self.startVal - ((self.startVal - self.endVal) * (progress / self.duration))
|
||||
} else {
|
||||
self.frameVal = self.startVal + (self.endVal - self.startVal) * (progress / self.duration)
|
||||
}
|
||||
}
|
||||
if (self.countDown) {
|
||||
self.frameVal = (self.frameVal < self.endVal) ? self.endVal : self.frameVal
|
||||
} else {
|
||||
self.frameVal = (self.frameVal > self.endVal) ? self.endVal : self.frameVal
|
||||
}
|
||||
self.frameVal = Math.round(self.frameVal * self.dec) / self.dec;
|
||||
self.printValue(self.frameVal);
|
||||
if (progress < self.duration) {
|
||||
self.rAF = requestAnimationFrame(self.count)
|
||||
} else {
|
||||
if (self.callback) {
|
||||
self.callback()
|
||||
}
|
||||
}
|
||||
};
|
||||
self.start = function (callback) {
|
||||
if (!self.initialize()) {
|
||||
return
|
||||
}
|
||||
self.callback = callback;
|
||||
self.rAF = requestAnimationFrame(self.count)
|
||||
};
|
||||
self.pauseResume = function () {
|
||||
if (!self.paused) {
|
||||
self.paused = true;
|
||||
cancelAnimationFrame(self.rAF)
|
||||
} else {
|
||||
self.paused = false;
|
||||
delete self.startTime;
|
||||
self.duration = self.remaining;
|
||||
self.startVal = self.frameVal;
|
||||
requestAnimationFrame(self.count)
|
||||
}
|
||||
};
|
||||
self.reset = function () {
|
||||
self.paused = false;
|
||||
delete self.startTime;
|
||||
self.initialized = false;
|
||||
if (self.initialize()) {
|
||||
cancelAnimationFrame(self.rAF);
|
||||
self.printValue(self.startVal)
|
||||
}
|
||||
};
|
||||
self.update = function (newEndVal) {
|
||||
if (!self.initialize()) {
|
||||
return
|
||||
}
|
||||
newEndVal = Number(newEndVal);
|
||||
if (!ensureNumber(newEndVal)) {
|
||||
self.error = "[CountUp] update() - new endVal is not a number: " + newEndVal;
|
||||
return
|
||||
}
|
||||
self.error = "";
|
||||
if (newEndVal === self.frameVal) {
|
||||
return
|
||||
}
|
||||
cancelAnimationFrame(self.rAF);
|
||||
self.paused = false;
|
||||
delete self.startTime;
|
||||
self.startVal = self.frameVal;
|
||||
self.endVal = newEndVal;
|
||||
self.countDown = (self.startVal > self.endVal);
|
||||
self.rAF = requestAnimationFrame(self.count)
|
||||
};
|
||||
if (self.initialize()) {
|
||||
self.printValue(self.startVal)
|
||||
}
|
||||
};
|
||||
|
||||
exports('okCountUp', CountUp);
|
||||
});
|
||||
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue