From 2c7c8caf988b5b36555cf8e4f3c4b4d829819ba8 Mon Sep 17 00:00:00 2001
From: wengkhing <wengkhing@dd.express>
Date: Tue, 16 Jan 2018 10:21:46 +0800
Subject: [PATCH] feat: add support for order

---
 src/Block/index.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/Block/index.js b/src/Block/index.js
index 2db3003..d2d373b 100644
--- a/src/Block/index.js
+++ b/src/Block/index.js
@@ -22,6 +22,7 @@ const defaultChildProps = {
 // =========================
 const validBasisValue = /^[0-9]*(vw|px|vh|%)$/
 const validGutterValue = /^[0-9]*px$/
+const validOrderValue = /^[0-9]*$/
 
 const Block = (props) => {
   const { blockClassNames, blockStyle } = generateBlockClasses(props)
@@ -187,6 +188,12 @@ function generateChildClasses (props, parentLayout, gutter) {
     console.warn(`'${gutter}' is not a valid value for property 'gutter'.\nPlease use numerical value postfix with 'px'. Example: 8px'`)
   }
 
+  if (childProps.order && validOrderValue.test(childProps.order)) {
+    style.order = childProps.order
+  } else if (childProps.order) {
+    console.warn(`'${childProps.order}' is not a valid value for property 'order'.\nPlease use integer value.`)
+  }
+
   return { childClassNames: classNames, childStyle: style }
 }