Browse Source

The "padding" option also accepts a single value.

NaotoshiFujita 5 years ago
parent
commit
a31f854ab7

File diff suppressed because it is too large
+ 1 - 1
dist/js/splide.min.js


BIN
dist/js/splide.min.js.gz


+ 1 - 1
package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splidejs/splide",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "Splide is a lightweight and powerful slider without any dependencies.",
   "author": "Naotoshi Fujita",
   "license": "MIT",

+ 12 - 12
src/js/components/layout/resolvers/horizontal.js

@@ -60,8 +60,18 @@ export default ( Splide, Components, options ) => {
 		 * Initialization.
 		 */
 		init() {
-			const { left = 0, right = 0 } = options.padding;
-			applyStyle( track, { paddingLeft : unit( left ), paddingRight: unit( right ) } );
+			let padding = options.padding;
+
+			if ( padding ) {
+				if ( typeof padding !== 'object' ) {
+					padding = {
+						left : padding,
+						right: padding,
+					}
+				}
+
+				applyStyle( track, { paddingLeft : unit( padding.left ), paddingRight: unit( padding.right ) } );
+			}
 		},
 
 		/**
@@ -73,16 +83,6 @@ export default ( Splide, Components, options ) => {
 			return track.clientWidth - this.padding.left - this.padding.right;
 		},
 
-		/**
-		 * Return slide height without padding.
-		 *
-		 * @return {number} - Slider height.
-		 */
-		// get height() {
-		// 	const height = options.height || options.fixedHeight || this.width * options.heightRatio;
-		// 	return toPixel( Splide.root, height );
-		// },
-
 		/**
 		 * Return list width.
 		 *

+ 12 - 2
src/js/components/layout/resolvers/vertical.js

@@ -46,8 +46,18 @@ export default ( Splide, Components, options ) => {
 		 * Init slider styles according to options.
 		 */
 		init() {
-			const { top = 0, bottom = 0 } = options.padding;
-			applyStyle( track, { paddingTop: unit( top ), paddingBottom: unit( bottom ) } );
+			let padding = options.padding;
+
+			if ( padding ) {
+				if ( typeof padding !== 'object' ) {
+					padding = {
+						top   : padding,
+						bottom: padding,
+					}
+				}
+
+				applyStyle( track, { paddingTop : unit( padding.top ), paddingBottom: unit( padding.bottom ) } );
+			}
 		},
 
 		/**

Some files were not shown because too many files changed in this diff