module init

Author: airyland

.gitignore

@@ -0,0 +1,23 @@
+*.iml
+.idea/
+.ipr
+.iws
+*~
+~*
+*.diff
+*.patch
+*.bak
+.DS_Store
+Thumbs.db
+.project
+.*proj
+.svn/
+*.swp
+*.swo
+*.pyc
+*.pyo
+.build
+node_modules
+_site
+sea-modules
+.cache

.spmignore

@@ -0,0 +1,8 @@
+dist
+_site
+sea-modules
+node_modules
+.git
+tests
+examples
+test

HISTORY.md

@@ -0,0 +1,7 @@
+# History
+
+---
+
+## 0.0.1
+
+`new` It is the first version of loader.

README.md

@@ -0,0 +1,27 @@
+# loader
+
+---
+
+[![spm version](http://spmjs.io/badge/loader)](http://spmjs.io/package/loader)
+
+An awesome spm package!
+
+---
+
+## Install
+
+```
+$ spm install loader --save
+```
+
+## Usage
+
+```js
+var loader = require('loader');
+// use loader
+```
+
+## Api
+
+Here is more details.
+

examples/index.md

@@ -0,0 +1,18 @@
+# Demo
+
+---
+
+## Normal usage
+
+````html
+<div style="border:1px dashed #ececec;width:200px;height:300px;" id="loader-box"></div>
+````
+
+````javascript
+seajs.use('index', function(loader) {
+    new loader({
+        target:'#loader-box',
+        number:8
+    }).show();
+});
+````

index.js

@@ -0,0 +1,53 @@
+var $ = require('jquery');
+var Overlay = require('arale-overlay');
+
+function loader(option) {
+    require('./loader.css');
+    var _this = this;
+    var o = {
+        number: 4,//bars numbers
+        speed: 100,
+        style: {
+            width: '8px',
+            height: '4px',
+            backgroundColor: '#CCC',
+            activeBackgroundColor: '#EA578C'
+        },
+        align: {
+            selfXY: ['50%', '50%'],
+            baseElement: option.target,
+            baseXY: ['50%', '50%']
+        }
+    }
+    $.extend(o, option);
+    var barsHtml = new Array(o.number).join('<i></i>');
+    this.overlay = new Overlay({
+        template: '<span class="mk-loading"><i class="mk-loading-active"></i>' + barsHtml + '</span>',
+        align: o.align
+    });
+
+    var $loading = this.overlay.element;
+    var $items = $loading.find('i');
+    var length = $items.length;
+    var playInterval = setInterval(function () {
+        var $active = $loading.find('.mk-loading-active');
+        var thisone = $active.index() + 1;
+        var lastone = thisone - 1;
+        if (thisone === 0) {
+            thisone = 0;
+            lastone = length - 1;
+        }
+        $items.eq(lastone).removeClass('mk-loading-active').end().eq(thisone).addClass('mk-loading-active');
+    }, o.speed);
+}
+
+loader.prototype.show = function () {
+    this.overlay.show();
+};
+
+loader.prototype.hide = function () {
+    this.overlay.hide();
+}
+
+module.exports = loader;
+

loader.css

@@ -0,0 +1,17 @@
+.mk-loading {
+    display:inline-block;
+    vertical-align:middle;
+}
+.mk-loading i {
+    width: 8px;
+    height: 4px;
+    display: inline-block;
+    float: left;
+    background-color: #ccc;
+    margin-right: 2px;
+    -webkit-transition: all 100ms linear;
+}
+
+.mk-loading i.mk-loading-active {
+    background-color: #EA578C;
+}

package.json

@@ -0,0 +1,30 @@
+{
+  "name": "loader",
+  "version": "0.0.1",
+  "description": "simple loader",
+  "keywords": [],
+  "homepage": "",
+  "author": "",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/MoeKit/loader.git"
+  },
+  "bugs": {
+    "url": ""
+  },
+  "licenses": "MIT",
+  "spm": {
+    "main": "index.js",
+    "dependencies": {
+      "jquery": "1.8.3",
+      "arale-overlay": "1.2.0"
+    },
+    "devDependencies": {
+      "expect.js": "0.3.1"
+    },
+    "engines": {
+      "seajs": "2.2.1"
+    },
+    "tests": "tests/*.js"
+  }
+}

tests/loader-spec.js

@@ -0,0 +1,10 @@
+var expect = require('expect.js');
+var loader = require('../index');
+
+describe('loader', function() {
+
+  it('normal usage', function() {
+
+  });
+
+});