feat(space): add reverse prop (#5248)

* feat: add reverse support for NSpace

* docs: add change log

---------

Co-authored-by: 07akioni <07akioni2@gmail.com>

CHANGELOG.en-US.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## NEXT_VERSION
+
+### Features
+
+- `n-space` adds `reverse` prop.
+
 ## 2.36.0
 
 ### Fixes

CHANGELOG.zh-CN.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## NEXT_VERSION
+
+- `n-space` 新增 `reverse` 属性
+
 ## 2.36.0
 
 ### Fixes

src/space/src/Space.tsx

@@ -41,6 +41,7 @@ export const spaceProps = {
   },
   inline: Boolean,
   vertical: Boolean,
+  reverse: Boolean,
   size: {
     type: [String, Number, Array] as PropType<
     'small' | 'medium' | 'large' | number | [number, number]
@@ -112,6 +113,7 @@ export default defineComponent({
   render () {
     const {
       vertical,
+      reverse,
       align,
       inline,
       justify,
@@ -142,7 +144,12 @@ export default defineComponent({
         ]}
         style={{
           display: inline ? 'inline-flex' : 'flex',
-          flexDirection: vertical ? 'column' : 'row',
+          flexDirection: (() => {
+            if (vertical && !reverse) return 'column'
+            if (vertical && reverse) return 'column-reverse'
+            if (!vertical && reverse) return 'row-reverse'
+            /** (!vertical && !reverse) */ else return 'row'
+          })(),
           justifyContent: ['start', 'end'].includes(justify)
             ? 'flex-' + justify
             : justify,