fix(drawer-content): header style (#453)

* fix: tsconfig support ts

* fix: drawer-content header-style error

* Apply suggestions from code review

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

CHANGELOG.en-US.md

@@ -19,6 +19,7 @@
 - Fix `n-data-table` fixed column box-shadow doesn't update when there is only on side fixed.
 - Fix `n-data-table` fixed column box-shadow doesn't update when `props.scrollX` is not set but each column's width is set.
 - Fix `n-result` image doesn't show on Safari and mobile phone.
+- Fix `n-drawer-content`'s `header-style` style not applied to header.
 
 ## 2.15.3 (2021-07-05)
 

CHANGELOG.zh-CN.md

@@ -19,6 +19,7 @@
 - 修复 `n-data-table` 在只有一侧固定列时固定列阴影不更新
 - 修复 `n-data-table` 在未设定 `props.scrollX` 但为每个列设定宽度后固定列阴影不更新
 - 修复 `n-result` 图片在 Safari 和手机端不显示
+- 修复 `n-drawer-content` 的 `header-style` 样式未应用于头部
 
 ## 2.15.3 (2021-07-05)
 

src/drawer/src/DrawerContent.tsx

@@ -65,10 +65,9 @@ export default defineComponent({
           nativeScrollbar &&
             `${mergedClsPrefix}-drawer-content--native-scrollbar`
         ]}
-        style={headerStyle}
       >
         {$slots.header || title || closable ? (
-          <div class={`${mergedClsPrefix}-drawer-header`}>
+          <div class={`${mergedClsPrefix}-drawer-header`} style={headerStyle}>
             <div class={`${mergedClsPrefix}-drawer-header__main`}>
               {$slots.header !== undefined ? $slots.header() : title}
             </div>