feat(Navbar): add safeAreaInsetTop props (#614)

Author: anlyyao

db/TDesign.db

@@ -17,6 +17,7 @@ home-icon | String | - | `deprecated`。homeIcon | N
 left | Slot | - | `0.26.0`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N
 left-arrow | Boolean | false | `0.26.0` | N
 left-icon | String | - | `deprecated` | N
+safe-area-inset-top | Boolean | true | \- | N
 title | String / Slot | - | page title。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N
 title-max-length | Number | - | \- | N
 visible | Boolean | true | \- | N
@@ -30,6 +31,7 @@ fail | \- | \-
 go-back | \- | \-
 go-home | \- | `deprecated`
 success | \- | \-
+
 ### Navbar External Classes
 
 className | Description

packages/products/tdesign-miniprogram/src/navbar/README.en-US.md

@@ -17,6 +17,7 @@ home-icon | String | - | 已废弃。首页图标地址。值为 '' 或者 undef
 left | Slot | - | `0.26.0`。左侧内容区域。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N
 left-arrow | Boolean | false | `0.26.0`。是否展示左侧箭头 | N
 left-icon | String | - | 已废弃。左侧图标地址，值为 '' 或者 undefined 则表示不显示返回图标，值为 'arrow-left' 表示显示返回图标，值为 'slot' 表示使用插槽渲染，值为其他则表示图标地址 | N
+safe-area-inset-top | Boolean | true | 是否开启顶部安全区适配 | N
 title | String / Slot | - | 页面标题。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N
 title-max-length | Number | - | 标题文字最大长度，超出的范围使用 `...` 表示 | N
 visible | Boolean | true | 是否显示 | N
@@ -30,6 +31,7 @@ fail | \- | navigateBack 执行失败后触发
 go-back | \- | 点击左侧箭头时触发
 go-home | \- | 已废弃。点击 Home 触发
 success | \- | navigateBack 执行成功后触发
+
 ### Navbar External Classes
 
 类名 | 描述

packages/products/tdesign-miniprogram/src/navbar/README.md

@@ -26,6 +26,11 @@ const props: TdNavbarProps = {
     type: Boolean,
     value: false,
   },
+  /** 是否开启顶部安全区适配 */
+  safeAreaInsetTop: {
+    type: Boolean,
+    value: true,
+  },
   /** 页面标题 */
   title: {
     type: String,

packages/products/tdesign-miniprogram/src/navbar/props.ts

@@ -37,6 +37,14 @@ export interface TdNavbarProps {
     type: BooleanConstructor;
     value?: boolean;
   };
+  /**
+   * 是否开启顶部安全区适配
+   * @default true
+   */
+  safeAreaInsetTop?: {
+    type: BooleanConstructor;
+    value?: boolean;
+  };
   /**
    * 页面标题
    */

packages/products/tdesign-miniprogram/src/navbar/type.ts

@@ -10,7 +10,7 @@ style | Object | - | 样式 | N
 custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N
 bordered | Boolean | true | 是否显示外边框 | N
 fixed | Boolean | true | 是否固定在底部 | N
-safe-area-inset-bottom | Boolean | true | 是否为 iPhoneX 留出底部安全距离 | N
+safe-area-inset-bottom | Boolean | true | 是否开启底部安全区适配 | N
 shape | String | normal | 标签栏的形状。可选项：normal/round | N
 split | Boolean | true | 是否需要分割线 | N
 theme | String | normal | 选项风格。可选项：normal/tag | N

packages/products/tdesign-miniprogram/src/tab-bar/README.md

@@ -16,7 +16,7 @@ const props: TdTabBarProps = {
     type: Boolean,
     value: true,
   },
-  /** 是否为 iPhoneX 留出底部安全距离 */
+  /** 是否开启底部安全区适配 */
   safeAreaInsetBottom: {
     type: Boolean,
     value: true,

packages/products/tdesign-miniprogram/src/tab-bar/props.ts

@@ -22,7 +22,7 @@ export interface TdTabBarProps {
     value?: boolean;
   };
   /**
-   * 是否为 iPhoneX 留出底部安全距离
+   * 是否开启底部安全区适配
    * @default true
    */
   safeAreaInsetBottom?: {

packages/products/tdesign-miniprogram/src/tab-bar/type.ts

@@ -0,0 +1,13 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+
+import { TdNavbarProps } from './type';
+
+export const navbarDefaultProps: TdNavbarProps = {
+  animation: true,
+  fixed: true,
+  leftArrow: false,
+  safeAreaInsetTop: true,
+  visible: true,
+};

packages/products/tdesign-mobile-react/src/navbar/defaultProps.ts

@@ -0,0 +1,24 @@
+:: BASE_DOC ::
+
+## API
+
+
+### Navbar Props
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+className | String | - | className of component | N
+style | Object | - | CSS(Cascading Style Sheets)，Typescript：`React.CSSProperties` | N
+animation | Boolean | true | \- | N
+background | String | - | `deprecated`。background | N
+capsule | TElement | - | Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+fixed | Boolean | true | \- | N
+left | TNode | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+leftArrow | Boolean | false | \- | N
+right | TNode | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+safeAreaInsetTop | Boolean | true | \- | N
+title | TNode | - | page title。Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+titleMaxLength | Number | - | \- | N
+visible | Boolean | true | \- | N
+onLeftClick | Function |  | Typescript：`() => void`<br/> | N
+onRightClick | Function |  | Typescript：`() => void`<br/> | N