fast.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
  1. define(['jquery', 'bootstrap', 'toastr', 'layer', 'lang'], function ($, undefined, Toastr, Layer, Lang) {
  2. var Fast = {
  3. config: {
  4. //toastr默认配置
  5. toastr: {
  6. "closeButton": true,
  7. "debug": false,
  8. "newestOnTop": false,
  9. "progressBar": false,
  10. "positionClass": "toast-top-center",
  11. "preventDuplicates": false,
  12. "onclick": null,
  13. "showDuration": "300",
  14. "hideDuration": "1000",
  15. "timeOut": "5000",
  16. "extendedTimeOut": "1000",
  17. "showEasing": "swing",
  18. "hideEasing": "linear",
  19. "showMethod": "fadeIn",
  20. "hideMethod": "fadeOut"
  21. }
  22. },
  23. events: {
  24. //请求成功的回调
  25. onAjaxSuccess: function (ret, onAjaxSuccess) {
  26. var data = typeof ret.data !== 'undefined' ? ret.data : null;
  27. var msg = typeof ret.msg !== 'undefined' && ret.msg ? ret.msg : __('Operation completed');
  28. if (typeof onAjaxSuccess === 'function') {
  29. var result = onAjaxSuccess.call(this, data, ret);
  30. if (result === false)
  31. return;
  32. }
  33. Toastr.success(msg);
  34. },
  35. //请求错误的回调
  36. onAjaxError: function (ret, onAjaxError) {
  37. var data = typeof ret.data !== 'undefined' ? ret.data : null;
  38. if (typeof onAjaxError === 'function') {
  39. var result = onAjaxError.call(this, data, ret);
  40. if (result === false) {
  41. return;
  42. }
  43. }
  44. Toastr.error(ret.msg + "(code:" + ret.code + ")");
  45. },
  46. //服务器响应数据后
  47. onAjaxResponse: function (response) {
  48. try {
  49. var ret = typeof response === 'object' ? response : JSON.parse(response);
  50. if (!ret.hasOwnProperty('code')) {
  51. $.extend(ret, {code: -2, msg: response, data: null});
  52. }
  53. } catch (e) {
  54. var ret = {code: -1, msg: e.message, data: null};
  55. }
  56. return ret;
  57. }
  58. },
  59. api: {
  60. //发送Ajax请求
  61. ajax: function (options, success, error) {
  62. options = typeof options === 'string' ? {url: options} : options;
  63. var index = Layer.load();
  64. options = $.extend({
  65. type: "POST",
  66. dataType: "json",
  67. success: function (ret) {
  68. Layer.close(index);
  69. ret = Fast.events.onAjaxResponse(ret);
  70. if (ret.code === 1) {
  71. Fast.events.onAjaxSuccess(ret, success);
  72. } else {
  73. Fast.events.onAjaxError(ret, error);
  74. }
  75. },
  76. error: function (err) {
  77. Layer.close(index);
  78. var ret = {code: err.code, msg: err.message, data: null};
  79. Fast.events.onAjaxError(ret, error);
  80. }
  81. }, options);
  82. $.ajax(options);
  83. },
  84. //修复URL
  85. fixurl: function (url) {
  86. if (url.substr(0, 1) !== "/") {
  87. var r = new RegExp('^(?:[a-z]+:)?//', 'i');
  88. if (!r.test(url)) {
  89. url = Config.moduleurl + "/" + url;
  90. }
  91. }
  92. return url;
  93. },
  94. //获取修复后可访问的cdn链接
  95. cdnurl: function (url) {
  96. return /^(?:[a-z]+:)?\/\//i.test(url) ? url : Config.upload.cdnurl + url;
  97. },
  98. //查询Url参数
  99. query: function (name, url) {
  100. if (!url) {
  101. url = window.location.href;
  102. }
  103. name = name.replace(/[\[\]]/g, "\\$&");
  104. var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
  105. results = regex.exec(url);
  106. if (!results)
  107. return null;
  108. if (!results[2])
  109. return '';
  110. return decodeURIComponent(results[2].replace(/\+/g, " "));
  111. },
  112. //打开一个弹出窗口
  113. open: function (url, title, options) {
  114. title = title ? title : "";
  115. url = Fast.api.fixurl(url);
  116. url = url + (url.indexOf("?") > -1 ? "&" : "?") + "dialog=1";
  117. var area = [$(window).width() > 800 ? '800px' : '95%', $(window).height() > 600 ? '600px' : '95%'];
  118. Layer.open($.extend({
  119. type: 2,
  120. title: title,
  121. shadeClose: true,
  122. shade: false,
  123. maxmin: true,
  124. moveOut: true,
  125. area: area,
  126. content: url,
  127. zIndex: Layer.zIndex,
  128. skin: 'layui-layer-noborder',
  129. success: function (layero, index) {
  130. var that = this;
  131. //存储callback事件
  132. $(layero).data("callback", that.callback);
  133. //$(layero).removeClass("layui-layer-border");
  134. Layer.setTop(layero);
  135. var frame = Layer.getChildFrame('html', index);
  136. var layerfooter = frame.find(".layer-footer");
  137. Fast.api.layerfooter(layero, index, that);
  138. //绑定事件
  139. if (layerfooter.size() > 0) {
  140. // 监听窗口内的元素及属性变化
  141. // Firefox和Chrome早期版本中带有前缀
  142. var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver
  143. // 选择目标节点
  144. var target = layerfooter[0];
  145. // 创建观察者对象
  146. var observer = new MutationObserver(function (mutations) {
  147. Fast.api.layerfooter(layero, index, that);
  148. mutations.forEach(function (mutation) {
  149. });
  150. });
  151. // 配置观察选项:
  152. var config = {attributes: true, childList: true, characterData: true, subtree: true}
  153. // 传入目标节点和观察选项
  154. observer.observe(target, config);
  155. // 随后,你还可以停止观察
  156. // observer.disconnect();
  157. }
  158. }
  159. }, options ? options : {}));
  160. return false;
  161. },
  162. //关闭窗口并回传数据
  163. close: function (data) {
  164. var index = parent.Layer.getFrameIndex(window.name);
  165. var callback = parent.$("#layui-layer" + index).data("callback");
  166. //再执行关闭
  167. parent.Layer.close(index);
  168. //再调用回传函数
  169. if (typeof callback === 'function') {
  170. callback.call(undefined, data);
  171. }
  172. },
  173. layerfooter: function (layero, index, that) {
  174. var frame = Layer.getChildFrame('html', index);
  175. var layerfooter = frame.find(".layer-footer");
  176. if (layerfooter.size() > 0) {
  177. $(".layui-layer-footer", layero).remove();
  178. var footer = $("<div />").addClass('layui-layer-btn layui-layer-footer');
  179. footer.html(layerfooter.html());
  180. if ($(".row", footer).size() === 0) {
  181. $(">", footer).wrapAll("<div class='row'></div>");
  182. }
  183. footer.insertAfter(layero.find('.layui-layer-content'));
  184. }
  185. var heg = frame.outerHeight();
  186. var titHeight = layero.find('.layui-layer-title').outerHeight() || 0;
  187. var btnHeight = layero.find('.layui-layer-btn').outerHeight() || 0;
  188. var oldheg = heg + titHeight + btnHeight;
  189. var maxheg = $(window).height() < 600 ? $(window).height() : 600;
  190. if (frame.outerWidth() < 768 || that.area[0].indexOf("%") > -1) {
  191. maxheg = $(window).height();
  192. }
  193. // 如果有.layer-footer或窗口小于600则重新排
  194. if (layerfooter.size() > 0 || oldheg < maxheg || that.area[0].indexOf("%") > -1) {
  195. var footerHeight = layero.find('.layui-layer-footer').outerHeight() || 0;
  196. footerHeight = 0;
  197. if (oldheg >= maxheg) {
  198. heg = Math.min(maxheg, oldheg) - titHeight - btnHeight - footerHeight;
  199. }
  200. layero.css({height: heg + titHeight + btnHeight + footerHeight});
  201. layero.find("iframe").css({height: heg});
  202. }
  203. if (layerfooter.size() > 0) {
  204. footer.on("click", ".btn", function () {
  205. if ($(this).hasClass("disabled") || $(this).parent().hasClass("disabled")) {
  206. return;
  207. }
  208. $(".btn:eq(" + $(this).index() + ")", layerfooter).trigger("click");
  209. });
  210. }
  211. },
  212. success: function (options, callback) {
  213. var type = typeof options === 'function';
  214. if (type) {
  215. callback = options;
  216. }
  217. return Layer.msg(__('Operation completed'), $.extend({
  218. offset: 0, icon: 1
  219. }, type ? {} : options), callback);
  220. },
  221. error: function (options, callback) {
  222. var type = typeof options === 'function';
  223. if (type) {
  224. callback = options;
  225. }
  226. return Layer.msg(__('Operation failed'), $.extend({
  227. offset: 0, icon: 2
  228. }, type ? {} : options), callback);
  229. },
  230. toastr: Toastr,
  231. layer: Layer
  232. },
  233. lang: function () {
  234. var args = arguments,
  235. string = args[0],
  236. i = 1;
  237. string = string.toLowerCase();
  238. //string = typeof Lang[string] != 'undefined' ? Lang[string] : string;
  239. if (typeof Lang[string] != 'undefined') {
  240. if (typeof Lang[string] == 'object')
  241. return Lang[string];
  242. string = Lang[string];
  243. } else if (string.indexOf('.') !== -1 && false) {
  244. var arr = string.split('.');
  245. var current = Lang[arr[0]];
  246. for (var i = 1; i < arr.length; i++) {
  247. current = typeof current[arr[i]] != 'undefined' ? current[arr[i]] : '';
  248. if (typeof current != 'object')
  249. break;
  250. }
  251. if (typeof current == 'object')
  252. return current;
  253. string = current;
  254. } else {
  255. string = args[0];
  256. }
  257. return string.replace(/%((%)|s|d)/g, function (m) {
  258. // m is the matched format, e.g. %s, %d
  259. var val = null;
  260. if (m[2]) {
  261. val = m[2];
  262. } else {
  263. val = args[i];
  264. // A switch statement so that the formatter can be extended. Default is %s
  265. switch (m) {
  266. case '%d':
  267. val = parseFloat(val);
  268. if (isNaN(val)) {
  269. val = 0;
  270. }
  271. break;
  272. }
  273. i++;
  274. }
  275. return val;
  276. });
  277. },
  278. init: function () {
  279. // 对相对地址进行处理
  280. $.ajaxSetup({
  281. beforeSend: function (xhr, setting) {
  282. setting.url = Fast.api.fixurl(setting.url);
  283. }
  284. });
  285. // 绑定ESC关闭窗口事件
  286. $(window).keyup(function (e) {
  287. if (e.keyCode == 27) {
  288. if ($(".layui-layer").size() > 0) {
  289. var index = 0;
  290. $(".layui-layer").each(function () {
  291. index = Math.max(index, parseInt($(this).attr("times")));
  292. });
  293. if (index) {
  294. Layer.close(index);
  295. }
  296. }
  297. }
  298. });
  299. //公共代码
  300. //配置Toastr的参数
  301. Toastr.options = Fast.config.toastr;
  302. }
  303. };
  304. //将Layer暴露到全局中去
  305. window.Layer = Layer;
  306. //将Toastr暴露到全局中去
  307. window.Toastr = Toastr;
  308. //将语言方法暴露到全局中去
  309. window.__ = Fast.lang;
  310. //将Fast渲染至全局
  311. window.Fast = Fast;
  312. //默认初始化执行的代码
  313. Fast.init();
  314. return Fast;
  315. });