From d8df7db77b168465a3d0ce2efb4c935f677f6a6e Mon Sep 17 00:00:00 2001
From: lushanyanYX <2858529028@qq.com>
Date: Fri, 25 Sep 2020 17:53:22 +0800
Subject: [PATCH] support multiple lines of preview text component(#1032)

---
 packages/react-shared-components/src/PreviewText.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/react-shared-components/src/PreviewText.tsx b/packages/react-shared-components/src/PreviewText.tsx
index d61daaa9860..8f2c1124d28 100644
--- a/packages/react-shared-components/src/PreviewText.tsx
+++ b/packages/react-shared-components/src/PreviewText.tsx
@@ -43,6 +43,12 @@ export const PreviewText: React.FC<IPreviewTextProps> & {
       value = String(
         props.value === undefined || props.value === null ? '' : props.value
       )
+      // 如果有换行符，拆分成多行
+      if (value.match('\n')) {
+        value = value
+          .split('\n')
+          .map((subStr, index) => <div key={index}>{subStr}</div>)
+      }
     }
   }
   const placeholder = isFn(context.previewPlaceholder)