From 8f0341b310eeb03ac98c976ec9a123be13952f09 Mon Sep 17 00:00:00 2001
From: Hefty <yeyuqiudeng@gmail.com>
Date: Wed, 22 Jun 2022 08:23:25 +0800
Subject: [PATCH] fix(components): [space] missing empty string size (#8039)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 三咲智子 <sxzz@sxzz.moe>
---
 packages/components/space/src/use-space.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/components/space/src/use-space.ts b/packages/components/space/src/use-space.ts
index f8f57176f1a2e..25a06d2626921 100644
--- a/packages/components/space/src/use-space.ts
+++ b/packages/components/space/src/use-space.ts
@@ -4,13 +4,12 @@ import { useNamespace } from '@element-plus/hooks'
 
 import type { SpaceProps } from './space'
 import type { CSSProperties, StyleValue } from 'vue'
-import type { ComponentSize } from '@element-plus/constants'
 
 const SIZE_MAP = {
   small: 8,
   default: 12,
   large: 16,
-} as Record<ComponentSize, number>
+} as const
 
 export function useSpace(props: SpaceProps) {
   const ns = useNamespace('space')
@@ -57,7 +56,7 @@ export function useSpace(props: SpaceProps) {
       if (isNumber(size)) {
         val = size
       } else {
-        val = SIZE_MAP[size] || SIZE_MAP.small
+        val = SIZE_MAP[size || 'small'] || SIZE_MAP.small
       }
 
       if ((wrap || fill) && dir === 'horizontal') {