"use strict";
layui.define(["jquery"], function (exprots) {

	var $ = layui.jquery;

	function templateFun(options) {
		return `<div id="okLoadering">
	    <div class="loader">
	      <div class="text">${options.content}</div>
	      <div class="horizontal">
	        <div class="circlesup">
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	        </div>
	        <div class="circlesdwn">
	          <div class="circle"></div>
		<div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	        </div>
	      </div>
	      <div class="vertical">
	        <div class="circlesup">
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	        </div>
	        <div class="circlesdwn">
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	        </div>
	      </div>
	    </div>
	  </div>`
	}

	function headerInit(content, options) {
		options = options || {};
		if (typeof content == "string") {
			options["content"] = content || "ok-admin...";
		} else if (typeof content == "object") {
			options = content;
		}
		options.time = options.time || 1000;
		options.content = options.content || "ok-admin...";
		return options;
	}

	var okLoading = function (content, options, dom) {
		dom = dom || $("body");
		var options = headerInit(content, options);
		var template = templateFun(options);
		$(dom).append(template);
		$(dom).find('#okLoadering').delay(options.time).animate({
			opacity: 0
		}, 1000, "linear", function () {
			$(dom).find("#okLoadering").remove();
		});
		/*$('#okLoadering').delay(options.time).hide(1000,"linear",function () {
			console.log("执行完成");
		});*/
	};
	exprots("okLoading", okLoading);
});