fast.js 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356
  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);
  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;
  64. if (typeof options.loading === 'undefined' || options.loading) {
  65. index = Layer.load(options.loading || 0);
  66. }
  67. options = $.extend({
  68. type: "POST",
  69. dataType: "json",
  70. xhrFields: {
  71. withCredentials: true
  72. },
  73. success: function (ret) {
  74. index && Layer.close(index);
  75. ret = Fast.events.onAjaxResponse(ret);
  76. if (ret.code === 1) {
  77. Fast.events.onAjaxSuccess(ret, success);
  78. } else {
  79. Fast.events.onAjaxError(ret, error);
  80. }
  81. },
  82. error: function (xhr) {
  83. index && Layer.close(index);
  84. var ret = {code: xhr.status, msg: xhr.statusText, data: null};
  85. Fast.events.onAjaxError(ret, error);
  86. }
  87. }, options);
  88. return $.ajax(options);
  89. },
  90. //修复URL
  91. fixurl: function (url) {
  92. if (url.substr(0, 1) !== "/") {
  93. var r = new RegExp('^(?:[a-z]+:)?//', 'i');
  94. if (!r.test(url)) {
  95. url = Config.moduleurl + "/" + url;
  96. }
  97. } else if (url.substr(0, 8) === "/addons/") {
  98. url = Config.__PUBLIC__.replace(/(\/*$)/g, "") + url;
  99. }
  100. return url;
  101. },
  102. //获取修复后可访问的cdn链接
  103. cdnurl: function (url, domain) {
  104. var rule = new RegExp("^((?:[a-z]+:)?\\/\\/|data:image\\/)", "i");
  105. var url = rule.test(url) ? url : Config.upload.cdnurl + url;
  106. if (domain && !rule.test(url)) {
  107. domain = typeof domain === 'string' ? domain : location.origin;
  108. url = domain + url;
  109. }
  110. return url;
  111. },
  112. //查询Url参数
  113. query: function (name, url) {
  114. if (!url) {
  115. url = window.location.href;
  116. }
  117. name = name.replace(/[\[\]]/g, "\\$&");
  118. var regex = new RegExp("[?&/]" + name + "([=/]([^&#/?]*)|&|#|$)"),
  119. results = regex.exec(url);
  120. if (!results)
  121. return null;
  122. if (!results[2])
  123. return '';
  124. return decodeURIComponent(results[2].replace(/\+/g, " "));
  125. },
  126. //打开一个弹出窗口
  127. open: function (url, title, options) {
  128. title = options && options.title ? options.title : (title ? title : "");
  129. url = Fast.api.fixurl(url);
  130. url = url + (url.indexOf("?") > -1 ? "&" : "?") + "dialog=1";
  131. var area = Fast.config.openArea != undefined ? Fast.config.openArea : [$(window).width() > 800 ? '800px' : '95%', $(window).height() > 600 ? '600px' : '95%'];
  132. options = $.extend({
  133. type: 2,
  134. title: title,
  135. shadeClose: true,
  136. shade: false,
  137. maxmin: true,
  138. moveOut: true,
  139. area: area,
  140. content: url,
  141. zIndex: Layer.zIndex,
  142. success: function (layero, index) {
  143. var that = this;
  144. //存储callback事件
  145. $(layero).data("callback", that.callback);
  146. //$(layero).removeClass("layui-layer-border");
  147. Layer.setTop(layero);
  148. try {
  149. var frame = Layer.getChildFrame('html', index);
  150. var layerfooter = frame.find(".layer-footer");
  151. Fast.api.layerfooter(layero, index, that);
  152. //绑定事件
  153. if (layerfooter.size() > 0) {
  154. // 监听窗口内的元素及属性变化
  155. // Firefox和Chrome早期版本中带有前缀
  156. var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
  157. if (MutationObserver) {
  158. // 选择目标节点
  159. var target = layerfooter[0];
  160. // 创建观察者对象
  161. var observer = new MutationObserver(function (mutations) {
  162. Fast.api.layerfooter(layero, index, that);
  163. mutations.forEach(function (mutation) {
  164. });
  165. });
  166. // 配置观察选项:
  167. var config = {attributes: true, childList: true, characterData: true, subtree: true}
  168. // 传入目标节点和观察选项
  169. observer.observe(target, config);
  170. // 随后,你还可以停止观察
  171. // observer.disconnect();
  172. }
  173. }
  174. } catch (e) {
  175. }
  176. if ($(layero).height() > $(window).height()) {
  177. //当弹出窗口大于浏览器可视高度时,重定位
  178. Layer.style(index, {
  179. top: 0,
  180. height: $(window).height()
  181. });
  182. }
  183. }
  184. }, options ? options : {});
  185. if ($(window).width() < 480 || (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream && top.$(".tab-pane.active").size() > 0)) {
  186. options.area = [top.$(".tab-pane.active").width() + "px", top.$(".tab-pane.active").height() + "px"];
  187. options.offset = [top.$(".tab-pane.active").scrollTop() + "px", "0px"];
  188. }
  189. return Layer.open(options);
  190. },
  191. //关闭窗口并回传数据
  192. close: function (data) {
  193. var index = parent.Layer.getFrameIndex(window.name);
  194. var callback = parent.$("#layui-layer" + index).data("callback");
  195. //再执行关闭
  196. parent.Layer.close(index);
  197. //再调用回传函数
  198. if (typeof callback === 'function') {
  199. callback.call(undefined, data);
  200. }
  201. },
  202. layerfooter: function (layero, index, that) {
  203. var frame = Layer.getChildFrame('html', index);
  204. var layerfooter = frame.find(".layer-footer");
  205. if (layerfooter.size() > 0) {
  206. $(".layui-layer-footer", layero).remove();
  207. var footer = $("<div />").addClass('layui-layer-btn layui-layer-footer');
  208. footer.html(layerfooter.html());
  209. if ($(".row", footer).size() === 0) {
  210. $(">", footer).wrapAll("<div class='row'></div>");
  211. }
  212. footer.insertAfter(layero.find('.layui-layer-content'));
  213. //绑定事件
  214. footer.on("click", ".btn", function () {
  215. if ($(this).hasClass("disabled") || $(this).parent().hasClass("disabled")) {
  216. return;
  217. }
  218. var index = footer.find('.btn').index(this);
  219. $(".btn:eq(" + index + ")", layerfooter).trigger("click");
  220. });
  221. var titHeight = layero.find('.layui-layer-title').outerHeight() || 0;
  222. var btnHeight = layero.find('.layui-layer-btn').outerHeight() || 0;
  223. //重设iframe高度
  224. $("iframe", layero).height(layero.height() - titHeight - btnHeight);
  225. }
  226. //修复iOS下弹出窗口的高度和iOS下iframe无法滚动的BUG
  227. if (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {
  228. var titHeight = layero.find('.layui-layer-title').outerHeight() || 0;
  229. var btnHeight = layero.find('.layui-layer-btn').outerHeight() || 0;
  230. $("iframe", layero).parent().css("height", layero.height() - titHeight - btnHeight);
  231. $("iframe", layero).css("height", "100%");
  232. }
  233. },
  234. success: function (options, callback) {
  235. var type = typeof options === 'function';
  236. if (type) {
  237. callback = options;
  238. }
  239. return Layer.msg(__('Operation completed'), $.extend({
  240. offset: 0, icon: 1
  241. }, type ? {} : options), callback);
  242. },
  243. error: function (options, callback) {
  244. var type = typeof options === 'function';
  245. if (type) {
  246. callback = options;
  247. }
  248. return Layer.msg(__('Operation failed'), $.extend({
  249. offset: 0, icon: 2
  250. }, type ? {} : options), callback);
  251. },
  252. msg: function (message, url) {
  253. var callback = typeof url === 'function' ? url : function () {
  254. if (typeof url !== 'undefined' && url) {
  255. location.href = url;
  256. }
  257. };
  258. Layer.msg(message, {
  259. time: 2000
  260. }, callback);
  261. },
  262. toastr: Toastr,
  263. layer: Layer
  264. },
  265. lang: function () {
  266. var args = arguments,
  267. string = args[0],
  268. i = 1;
  269. string = string.toLowerCase();
  270. //string = typeof Lang[string] != 'undefined' ? Lang[string] : string;
  271. if (typeof Lang !== 'undefined' && typeof Lang[string] !== 'undefined') {
  272. if (typeof Lang[string] == 'object')
  273. return Lang[string];
  274. string = Lang[string];
  275. } else if (string.indexOf('.') !== -1 && false) {
  276. var arr = string.split('.');
  277. var current = Lang[arr[0]];
  278. for (var i = 1; i < arr.length; i++) {
  279. current = typeof current[arr[i]] != 'undefined' ? current[arr[i]] : '';
  280. if (typeof current != 'object')
  281. break;
  282. }
  283. if (typeof current == 'object')
  284. return current;
  285. string = current;
  286. } else {
  287. string = args[0];
  288. }
  289. return string.replace(/%((%)|s|d)/g, function (m) {
  290. // m is the matched format, e.g. %s, %d
  291. var val = null;
  292. if (m[2]) {
  293. val = m[2];
  294. } else {
  295. val = args[i];
  296. // A switch statement so that the formatter can be extended. Default is %s
  297. switch (m) {
  298. case '%d':
  299. val = parseFloat(val);
  300. if (isNaN(val)) {
  301. val = 0;
  302. }
  303. break;
  304. }
  305. i++;
  306. }
  307. return val;
  308. });
  309. },
  310. init: function () {
  311. // 对相对地址进行处理
  312. $.ajaxSetup({
  313. beforeSend: function (xhr, setting) {
  314. setting.url = Fast.api.fixurl(setting.url);
  315. }
  316. });
  317. Layer.config({
  318. skin: 'layui-layer-fast'
  319. });
  320. // 绑定ESC关闭窗口事件
  321. $(window).keyup(function (e) {
  322. if (e.keyCode == 27) {
  323. if ($(".layui-layer").size() > 0) {
  324. var index = 0;
  325. $(".layui-layer").each(function () {
  326. index = Math.max(index, parseInt($(this).attr("times")));
  327. });
  328. if (index) {
  329. Layer.close(index);
  330. }
  331. }
  332. }
  333. });
  334. //公共代码
  335. //配置Toastr的参数
  336. Toastr.options = Fast.config.toastr;
  337. }
  338. };
  339. //将Layer暴露到全局中去
  340. window.Layer = Layer;
  341. //将Toastr暴露到全局中去
  342. window.Toastr = Toastr;
  343. //将语言方法暴露到全局中去
  344. window.__ = Fast.lang;
  345. //将Fast渲染至全局
  346. window.Fast = Fast;
  347. //默认初始化执行的代码
  348. Fast.init();
  349. return Fast;
  350. });