Allow adding multiple additional classes

TahaSh · Dec 12, 2016 · c33243b · c33243b
1 parent f6339bb
commit c33243b
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -278,7 +278,7 @@ Here's an example:
   :classes="{
     'ul': 'simple-links-container',
     '.next > a': 'next-link',
-    '.prev > a': 'prev-link'
+    '.prev > a': ['prev-link', 'another-class'] // multiple classes
   }"
 ></paginate-links>
 ```

diff --git a/dist/vue-paginate.js b/dist/vue-paginate.js
@@ -1,5 +1,5 @@
 /**
- * vue-paginate v3.2.1
+ * vue-paginate v3.2.2
  * (c) 2016 Taha Shashtari
  * @license MIT
  */
@@ -5689,7 +5689,12 @@
         linksContainer.classList.add(classes['ul'])
       }
       linksContainer.querySelectorAll(selector).forEach(function (node) {
-        node.classList.add(classes[selector])
+        var selectorValue = classes[selector]
+        if (Array.isArray(selectorValue)) {
+          selectorValue.forEach(function (c) { return node.classList.add(c); })
+        } else {
+          node.classList.add(selectorValue)
+        }
       })
     })
   }

diff --git a/dist/vue-paginate.min.js b/dist/vue-paginate.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-paginate",
-  "version": "3.2.1",
+  "version": "3.2.2",
   "description": "A simple vue.js plugin to paginate data",
   "main": "dist/vue-paginate.js",
   "scripts": {

diff --git a/src/components/PaginateLinks.js b/src/components/PaginateLinks.js
@@ -213,7 +213,12 @@ function addAdditionalClasses (linksContainer, classes) {
       linksContainer.classList.add(classes['ul'])
     }
     linksContainer.querySelectorAll(selector).forEach(node => {
-      node.classList.add(classes[selector])
+      const selectorValue = classes[selector]
+      if (Array.isArray(selectorValue)) {
+        selectorValue.forEach(c => node.classList.add(c))
+      } else {
+        node.classList.add(selectorValue)
+      }
     })
   })
 }