fix(blockheader): change spaceBottom default value to 0

Author: liuxy0551

src/blockHeader/__tests__/__snapshots__/blockHeader.test.tsx.snap

@@ -7,7 +7,6 @@ exports[`test BlockHeader render should render BlockHeader success render 1`] =
     <div>
       <div
         class="dtc-block-header"
-        style="margin-bottom: 16px;"
       >
         <div
           class="dtc-block-header__title dtc-block-header__title--middle dtc-block-header__title--background"
@@ -35,7 +34,6 @@ exports[`test BlockHeader render should render BlockHeader success render 1`] =
   "container": <div>
     <div
       class="dtc-block-header"
-      style="margin-bottom: 16px;"
     >
       <div
         class="dtc-block-header__title dtc-block-header__title--middle dtc-block-header__title--background"

src/blockHeader/__tests__/blockHeader.test.tsx

@@ -88,7 +88,7 @@ describe('test BlockHeader render', () => {
         const { container, getByText } = render(<BlockHeader {...props2} />);
         const wrap = container.firstChild;
         expect(wrap).toHaveClass(`${prefixCls} test__className`);
-        expect(wrap).toHaveStyle({ height: '100px', marginBottom: '16px' });
+        expect(wrap).toHaveStyle({ height: '100px' });
         expect(getByText('标题2')).toHaveClass('title__text');
         expect(getByText('说明文字')).toHaveClass('title__description');
         expect(getByText('Icon')).toBeTruthy();
@@ -138,12 +138,12 @@ describe('test BlockHeader render', () => {
     });
 
     test('should render BlockHeader correct margin-bottom', () => {
-        const { container: haveStyle } = render(<BlockHeader title="分类级别" addonBefore="" />);
-        expect(haveStyle.querySelector('.dtc-block-header')).toHaveAttribute('style');
-        const { container: defaultBottom } = render(
-            <BlockHeader title="分类级别" addonBefore="" />
+        const { container: noStyle } = render(<BlockHeader title="分类级别" addonBefore="" />);
+        expect(noStyle.querySelector('.dtc-block-header')).not.toHaveAttribute('style');
+        const { container: hasBottom } = render(
+            <BlockHeader title="分类级别" addonBefore="" spaceBottom={16} />
         );
-        expect(defaultBottom.querySelector('.dtc-block-header')).toHaveStyle({ marginBottom: 16 });
+        expect(hasBottom.querySelector('.dtc-block-header')).toHaveStyle({ marginBottom: 16 });
         const { container: customizeBottom } = render(
             <BlockHeader title="分类级别" addonBefore="" spaceBottom={10} />
         );

src/blockHeader/index.md

@@ -41,6 +41,6 @@ demo:
 | background       | 是否显示背景                       | `boolean`                               | `true`   |
 | defaultExpand    | 是否默认展开内容                   | `boolean`                               | `-`      |
 | expand           | 当前展开状态                       | `boolean`                               |          |
-| spaceBottom      | 自定义下边距，优先级高于 hasBottom | `number`                                | `16`     |
+| spaceBottom      | 自定义下边距，优先级高于 hasBottom | `number`                                | `0`      |
 | children         | 展开/收起的内容                    | `React.ReactNode`                       | -        |
 | onExpand         | 展开/收起时的回调                  | `(expand: boolean) => void`             | -        |

src/blockHeader/index.tsx

@@ -62,7 +62,7 @@ const BlockHeader: React.FC<IBlockHeaderProps> = function (props) {
         description = '',
         tooltip,
         size = 'middle',
-        spaceBottom = 16,
+        spaceBottom = 0,
         className = '',
         contentClassName = '',
         style = {},