From 4c2df15da29f73712494fde423ee82c3f8286c4d Mon Sep 17 00:00:00 2001
From: chenos <chenlinxh@gmail.com>
Date: Tue, 12 Apr 2022 23:28:49 +0800
Subject: [PATCH] feat: keep line breaks in the field description

---
 .../schema-component/antd/form-item/FormItem.tsx  | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/schema-component/antd/form-item/FormItem.tsx b/packages/client/src/schema-component/antd/form-item/FormItem.tsx
index 98072c8ad..1ad423c86 100644
--- a/packages/client/src/schema-component/antd/form-item/FormItem.tsx
+++ b/packages/client/src/schema-component/antd/form-item/FormItem.tsx
@@ -7,11 +7,24 @@ import { useCompile, useDesignable } from '../..';
 import { useCollection, useCollectionManager } from '../../../collection-manager';
 import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
 import { BlockItem } from '../block-item';
+import { HTMLEncode } from '../input/shared';
 
 export const FormItem: any = (props) => {
+  const field = useField();
   return (
     <BlockItem className={'nb-form-item'}>
-      <Item {...props} />
+      <Item
+        {...props}
+        extra={
+          field.description ? (
+            <div
+              dangerouslySetInnerHTML={{
+                __html: HTMLEncode(field.description).split('\n').join('<br/>'),
+              }}
+            />
+          ) : null
+        }
+      />
     </BlockItem>
   );
 };