Additional class for extra customization

wangmiaoduan · Mar 4, 2014 · 8f04474 · 8f04474
1 parent 146b03a
commit 8f04474
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 4 deletions.
diff --git a/dist/powerange.js b/dist/powerange.js
@@ -923,6 +923,7 @@ var defaults = {
   , disable: false
   , disableOpacity: 0.5
   , hideRange: false
+  , klass: ''
   , min: 0
   , max: 100
   , start: null
@@ -1083,6 +1084,17 @@ Powerange.prototype.insertAfter = function(reference, target) {
   reference.parentNode.insertBefore(target, reference.nextSibling);
 };
 
+/**
+ * Add an additional class for extra customization.
+ *
+ * @param {String} klass
+ * @api private
+ */
+
+Powerange.prototype.extraClass = function(klass) {
+  if (this.options.klass) classes(this.slider).add(klass);
+};
+
 /**
  * Set min and max values.
  *
@@ -1209,6 +1221,7 @@ Powerange.prototype.changeEvent = function(state) {
 Powerange.prototype.init = function() {
   this.hide();
   this.append();
+  this.extraClass(this.options.klass);
   this.bindEvents();
   this.checkValues(this.options.start);
   this.setRange(this.options.min, this.options.max);
@@ -1486,7 +1499,7 @@ require.alias("vesln-super/lib/super.js", "vesln-super/index.js");
 require.alias("powerange/lib/powerange.js", "powerange/index.js");if (typeof exports == "object") {
   module.exports = require("powerange");
 } else if (typeof define == "function" && define.amd) {
-  define(function(){ return require("powerange"); });
+  define([], function(){ return require("powerange"); });
 } else {
   this["Powerange"] = require("powerange");
-}})();
+}})();
diff --git a/dist/powerange.min.js b/dist/powerange.min.js
diff --git a/example/example.html b/example/example.html
@@ -26,7 +26,7 @@
     var Powerange = require('powerange');
 
     var def = document.querySelector('.js-default');
-    var initdef = new Powerange(def);
+    var initdef = new Powerange(def, { klass: 'test' });
 
     var vert = document.querySelector('.js-vert');
     var initvert = new Powerange(vert, { vertical: true, step: 10, start: 77 });

diff --git a/lib/main.js b/lib/main.js
@@ -130,6 +130,17 @@ Powerange.prototype.insertAfter = function(reference, target) {
   reference.parentNode.insertBefore(target, reference.nextSibling);
 };
 
+/**
+ * Add an additional class for extra customization.
+ *
+ * @param {String} klass
+ * @api private
+ */
+
+Powerange.prototype.extraClass = function(klass) {
+  if (this.options.klass) classes(this.slider).add(klass);
+};
+
 /**
  * Set min and max values.
  *
@@ -256,6 +267,7 @@ Powerange.prototype.changeEvent = function(state) {
 Powerange.prototype.init = function() {
   this.hide();
   this.append();
+  this.extraClass(this.options.klass);
   this.bindEvents();
   this.checkValues(this.options.start);
   this.setRange(this.options.min, this.options.max);

diff --git a/lib/powerange.js b/lib/powerange.js
@@ -18,6 +18,7 @@ var defaults = {
   , disable: false
   , disableOpacity: 0.5
   , hideRange: false
+  , klass: ''
   , min: 0
   , max: 100
   , start: null