From 2e485cad7229aa98638e8b1a1092b4b08278e5d1 Mon Sep 17 00:00:00 2001
From: nancyzhan <1020449768@qq.com>
Date: Tue, 10 Oct 2023 16:46:04 +0800
Subject: [PATCH 1/6] =?UTF-8?q?upd:=20=E6=96=B0=E5=A2=9E=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E8=BF=94=E5=9B=9E=E6=A0=8F=E6=A1=86=E6=9E=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/components/BNavHeader/index.md   | 16 ++++++++++++++++
 docs/.vitepress/components/BNavHeader/use.vue    |  7 +++++++
 docs/.vitepress/config.js                        |  1 +
 package.json                                     |  3 ++-
 .../components/NavHeader/NavHeader.vue           |  8 ++++++++
 .../components/NavHeader/index.ts                |  9 +++++++++
 .../components/NavHeader/style/index.less        |  3 +++
 .../components/NavHeader/style/index.ts          |  1 +
 packages/traction-widget/components/index.ts     | 10 +++++++---
 9 files changed, 54 insertions(+), 4 deletions(-)
 create mode 100644 docs/.vitepress/components/BNavHeader/index.md
 create mode 100644 docs/.vitepress/components/BNavHeader/use.vue
 create mode 100644 packages/traction-widget/components/NavHeader/NavHeader.vue
 create mode 100644 packages/traction-widget/components/NavHeader/index.ts
 create mode 100644 packages/traction-widget/components/NavHeader/style/index.less
 create mode 100644 packages/traction-widget/components/NavHeader/style/index.ts

diff --git a/docs/.vitepress/components/BNavHeader/index.md b/docs/.vitepress/components/BNavHeader/index.md
new file mode 100644
index 0000000..6e42f9f
--- /dev/null
+++ b/docs/.vitepress/components/BNavHeader/index.md
@@ -0,0 +1,16 @@
+# BNavHeader
+提供页面顶部的标题返回栏
+
+## 组件注册
+
+```js
+import { BNavHeader } from '@fesjs/traction-widget';
+app.use(BNavHeader);
+```
+## 代码演示
+### 基础用法
+传入导航栏数据，生成导航。
+
+--USE
+
+--CODE
diff --git a/docs/.vitepress/components/BNavHeader/use.vue b/docs/.vitepress/components/BNavHeader/use.vue
new file mode 100644
index 0000000..dff724f
--- /dev/null
+++ b/docs/.vitepress/components/BNavHeader/use.vue
@@ -0,0 +1,7 @@
+<template>
+    <BNavHeader></BNavHeader>
+</template>
+<script setup lang="ts">
+import { ref, watch, h } from 'vue';
+import { BNavHeader } from '@fesjs/traction-widget';
+</script>
\ No newline at end of file
diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
index eb6485b..146aeb6 100644
--- a/docs/.vitepress/config.js
+++ b/docs/.vitepress/config.js
@@ -100,6 +100,7 @@ export default defineConfig({
                         { text: 'BVerticalLayout', link: '/components/BVerticalLayout' },
                         { text: 'BTablePage', link: '/components/BTablePage' },
                         { text: 'BNavBar', link: '/components/BNavBar'},
+                        { text: 'BNavHeader', link: '/components/BNavHeader'},
                     ]
                 }
             ],
diff --git a/package.json b/package.json
index a9cbdda..74105a0 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,8 @@
     "url": "git@github.com:WeBankFinTech/TractionWidget.git"
   },
   "keywords": [
-    "traction","widget"
+    "traction",
+    "widget"
   ],
   "author": "lucaszhu@webank.com",
   "license": "MIT",
diff --git a/packages/traction-widget/components/NavHeader/NavHeader.vue b/packages/traction-widget/components/NavHeader/NavHeader.vue
new file mode 100644
index 0000000..b57092f
--- /dev/null
+++ b/packages/traction-widget/components/NavHeader/NavHeader.vue
@@ -0,0 +1,8 @@
+<template>
+    NavHeader
+</template>
+<script lang="ts">
+export default {
+    name: 'BNavHeader'
+};
+</script>
diff --git a/packages/traction-widget/components/NavHeader/index.ts b/packages/traction-widget/components/NavHeader/index.ts
new file mode 100644
index 0000000..23a234e
--- /dev/null
+++ b/packages/traction-widget/components/NavHeader/index.ts
@@ -0,0 +1,9 @@
+import { withInstall } from '../_util/withInstall';
+import NavHeader from './NavHeader.vue';
+
+import type { SFCWithInstall } from '../_util/interface';
+
+type NavHeaderType = SFCWithInstall<typeof NavHeader>;
+export const BNavHeader = withInstall<NavHeaderType>(NavHeader as NavHeaderType);
+
+export default BNavHeader;
diff --git a/packages/traction-widget/components/NavHeader/style/index.less b/packages/traction-widget/components/NavHeader/style/index.less
new file mode 100644
index 0000000..f73555f
--- /dev/null
+++ b/packages/traction-widget/components/NavHeader/style/index.less
@@ -0,0 +1,3 @@
+.wd-nav-header {
+    position: relative;
+}
\ No newline at end of file
diff --git a/packages/traction-widget/components/NavHeader/style/index.ts b/packages/traction-widget/components/NavHeader/style/index.ts
new file mode 100644
index 0000000..d74e52e
--- /dev/null
+++ b/packages/traction-widget/components/NavHeader/style/index.ts
@@ -0,0 +1 @@
+import './index.less';
diff --git a/packages/traction-widget/components/index.ts b/packages/traction-widget/components/index.ts
index da125c0..53a7d59 100644
--- a/packages/traction-widget/components/index.ts
+++ b/packages/traction-widget/components/index.ts
@@ -8,6 +8,7 @@ import { BVerticalLayout } from './VerticalLayout';
 import { BSearch } from './Search';
 import { BTablePage } from './TablePage';
 import { BNavBar } from './NavBar';
+import { BNavHeader } from './NavHeader';
 
 const components = [
     BTagsPanel,
@@ -17,7 +18,8 @@ const components = [
     BVerticalLayout,
     BSearch,
     BTablePage,
-    BNavBar
+    BNavBar,
+    BNavHeader
 ];
 
 const install = (app: any): any => {
@@ -42,7 +44,8 @@ export {
     BVerticalLayout,
     BSearch,
     BTablePage,
-    BNavBar
+    BNavBar,
+    BNavHeader
 };
 
 export default {
@@ -60,5 +63,6 @@ export default {
     BVerticalLayout,
     BSearch,
     BTablePage,
-    BNavBar
+    BNavBar,
+    BNavHeader
 };

From 806251357c66b1835eb9feceeb26ed2c3b832c38 Mon Sep 17 00:00:00 2001
From: nancyzhan <1020449768@qq.com>
Date: Wed, 11 Oct 2023 11:58:18 +0800
Subject: [PATCH 2/6] =?UTF-8?q?upd:=20=E6=96=B0=E5=A2=9E=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=A0=8F=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../.vitepress/components/BNavHeader/index.md | 15 +++++++++
 docs/.vitepress/components/BNavHeader/use.vue | 22 +++++++++++--
 .../components/NavHeader/NavHeader.vue        | 33 ++++++++++++++++++-
 .../components/NavHeader/style/index.less     | 18 +++++++++-
 4 files changed, 84 insertions(+), 4 deletions(-)

diff --git a/docs/.vitepress/components/BNavHeader/index.md b/docs/.vitepress/components/BNavHeader/index.md
index 6e42f9f..877aaa4 100644
--- a/docs/.vitepress/components/BNavHeader/index.md
+++ b/docs/.vitepress/components/BNavHeader/index.md
@@ -14,3 +14,18 @@ app.use(BNavHeader);
 --USE
 
 --CODE
+
+## 参数说明
+### BNavHeader Props
+| 属性  | 说明                   | 类型                                    |  默认值                                 |是否必须|
+| ----- | ----------------------------- | ---------------------------------------- |------------------ |----- |
+| title | 顶部栏标题 | String | - | 是
+| isShowArrow | 是否显示返回箭头 | Boolean | true | 否
+### BNavHeader Events
+| 事件名称          | 说明                                                                                                                                            | 回调参数                                |
+| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ |
+| back | 点击返回箭头时触发的回调函数                                                                                                                                          | -
+### BNavHeader Slots
+| 名称          | 说明                                                                                                                                            | 参数                                |
+| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ |
+| suffix | 后缀内容                                                                                                                                          | -                        |
diff --git a/docs/.vitepress/components/BNavHeader/use.vue b/docs/.vitepress/components/BNavHeader/use.vue
index dff724f..4bd3c93 100644
--- a/docs/.vitepress/components/BNavHeader/use.vue
+++ b/docs/.vitepress/components/BNavHeader/use.vue
@@ -1,7 +1,25 @@
 <template>
-    <BNavHeader></BNavHeader>
+    <div>
+        <BNavHeader title="顶部栏标题" @back="handleBack">
+            <template v-slot:suffix>
+                <div>后缀内容</div>
+            </template>
+        </BNavHeader>
+        <div class="eg-page">页面内容</div>
+    </div>
 </template>
 <script setup lang="ts">
 import { ref, watch, h } from 'vue';
 import { BNavHeader } from '@fesjs/traction-widget';
-</script>
\ No newline at end of file
+import { FMessage } from '@fesjs/fes-design';
+const handleBack = () => {
+    FMessage.info('自定义返回逻辑');
+};
+</script>
+<style lang='less' scoped>
+.eg-page {
+    padding: 24px;
+    background: #fff;
+    border-radius: 4px;
+}
+</style>
\ No newline at end of file
diff --git a/packages/traction-widget/components/NavHeader/NavHeader.vue b/packages/traction-widget/components/NavHeader/NavHeader.vue
index b57092f..9d49df6 100644
--- a/packages/traction-widget/components/NavHeader/NavHeader.vue
+++ b/packages/traction-widget/components/NavHeader/NavHeader.vue
@@ -1,6 +1,37 @@
 <template>
-    NavHeader
+    <div class="wd-nav-header">
+        <LeftOutlined v-if="isShowArrow" class="back" @click="handleArrowClick" />
+        <div class="name">{{title}}</div>
+        <div v-if="isSlot" class="suffix">
+            <slot name="suffix"></slot>
+        </div>
+    </div>
 </template>
+<script setup lang="ts">
+import { defineProps, defineEmits, useSlots } from 'vue';
+import { LeftOutlined } from '@fesjs/fes-design/icon';
+
+const isSlot = !!useSlots().suffix;
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
+    title: {
+        type: String,
+        required: true
+    },
+    isShowArrow: {
+        type: Boolean,
+        required: false,
+        default: true
+    }
+});
+
+const emit = defineEmits(['back']);
+
+const handleArrowClick = () => {
+    emit('back');
+};
+
+</script>
 <script lang="ts">
 export default {
     name: 'BNavHeader'
diff --git a/packages/traction-widget/components/NavHeader/style/index.less b/packages/traction-widget/components/NavHeader/style/index.less
index f73555f..399231b 100644
--- a/packages/traction-widget/components/NavHeader/style/index.less
+++ b/packages/traction-widget/components/NavHeader/style/index.less
@@ -1,3 +1,19 @@
 .wd-nav-header {
-    position: relative;
+    display: flex;
+    align-items: center;
+    padding-bottom: 16px;
+    .back {
+        color: #93949B;
+        height: 24px;
+        width: 24px;
+        transform: scale(1.8);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    .name {
+        font-size: 24px;
+        color: #0F1222;
+        margin: 0 12px;
+    }
 }
\ No newline at end of file

From f949ae7fdcea0eaade48ea5576ea501270be95aa Mon Sep 17 00:00:00 2001
From: nancyzhan <1020449768@qq.com>
Date: Mon, 18 Dec 2023 16:30:55 +0800
Subject: [PATCH 3/6] =?UTF-8?q?upd:=20=E8=A1=A5=E5=85=85=E6=B0=B4=E5=B9=B3?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=8F=8F=E8=BF=B0=E8=AF=B4=E6=98=8E=EF=BC=8C?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0fes-design=E5=92=8C=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/components/BHorizontalLayout/index.md | 3 ++-
 package.json                                          | 4 ++--
 packages/traction-widget/package.json                 | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/docs/.vitepress/components/BHorizontalLayout/index.md b/docs/.vitepress/components/BHorizontalLayout/index.md
index 57dd2ca..ed2c7dd 100644
--- a/docs/.vitepress/components/BHorizontalLayout/index.md
+++ b/docs/.vitepress/components/BHorizontalLayout/index.md
@@ -34,4 +34,5 @@ app.use(BHorizontalLayout);
 | container | 布局右侧主要内容                                                                                                                          | -                        |
 ## 注意事项
 1. BHorizontalLayout为根元素，组件会占满屏幕高度。
-2. 布局组件，html的height为100%。
\ No newline at end of file
+2. 布局组件，html的height为100%。
+3. 菜单支持根据路径匹配到根菜单进行展开，根菜单需配置路径value
\ No newline at end of file
diff --git a/package.json b/package.json
index 74105a0..0bd0d57 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fesjs/traction-widget",
-  "version": "1.7.4",
+  "version": "1.7.5",
   "description": "集合大型中台项目使用到的通用组件和工具函数",
   "scripts": {
     "docs:dev": "npm run build && vitepress dev docs",
@@ -41,7 +41,7 @@
     "@babel/preset-typescript": "7.18.6",
     "@betit/rollup-plugin-rename-extensions": "0.1.0",
     "@commitlint/config-conventional": "17.2.0",
-    "@fesjs/fes-design": "0.7.20",
+    "@fesjs/fes-design": "0.8.18",
     "@rollup/plugin-babel": "6.0.3",
     "@rollup/plugin-commonjs": "24.0.0",
     "@rollup/plugin-json": "6.0.0",
diff --git a/packages/traction-widget/package.json b/packages/traction-widget/package.json
index e0732d0..fb0b184 100644
--- a/packages/traction-widget/package.json
+++ b/packages/traction-widget/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fesjs/traction-widget",
-  "version": "1.7.4",
+  "version": "1.7.5",
   "description": "集合大型中台项目使用到的通用组件和工具函数",
   "main": "dist/traction-widget.min.js",
   "module": "es/components/index.js",

From fb0a158551d1ba74be289b75c64ab6d550640f19 Mon Sep 17 00:00:00 2001
From: nancyzhan <1020449768@qq.com>
Date: Mon, 18 Dec 2023 16:50:11 +0800
Subject: [PATCH 4/6] =?UTF-8?q?upd:=20=E6=81=A2=E5=A4=8Dfes-design?=
 =?UTF-8?q?=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0bd0d57..f3782e1 100644
--- a/package.json
+++ b/package.json
@@ -41,7 +41,7 @@
     "@babel/preset-typescript": "7.18.6",
     "@betit/rollup-plugin-rename-extensions": "0.1.0",
     "@commitlint/config-conventional": "17.2.0",
-    "@fesjs/fes-design": "0.8.18",
+    "@fesjs/fes-design": "0.7.20",
     "@rollup/plugin-babel": "6.0.3",
     "@rollup/plugin-commonjs": "24.0.0",
     "@rollup/plugin-json": "6.0.0",

From 7a6b8477344a192da0d86b40666ed0604e1f81eb Mon Sep 17 00:00:00 2001
From: nancyzhan <1020449768@qq.com>
Date: Mon, 18 Dec 2023 17:03:21 +0800
Subject: [PATCH 5/6] 1.8.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f3782e1..25b012e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fesjs/traction-widget",
-  "version": "1.7.5",
+  "version": "1.8.0",
   "description": "集合大型中台项目使用到的通用组件和工具函数",
   "scripts": {
     "docs:dev": "npm run build && vitepress dev docs",

From 69b463904fb7c795e460549a2d807f65c680971d Mon Sep 17 00:00:00 2001
From: nancyzhan <1020449768@qq.com>
Date: Mon, 18 Dec 2023 17:08:10 +0800
Subject: [PATCH 6/6] =?UTF-8?q?upd:=20=E6=9B=B4=E6=96=B0=E8=87=B31.8.0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/traction-widget/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/traction-widget/package.json b/packages/traction-widget/package.json
index fb0b184..efc1d5a 100644
--- a/packages/traction-widget/package.json
+++ b/packages/traction-widget/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fesjs/traction-widget",
-  "version": "1.7.5",
+  "version": "1.8.0",
   "description": "集合大型中台项目使用到的通用组件和工具函数",
   "main": "dist/traction-widget.min.js",
   "module": "es/components/index.js",