✨(component): 新增pageHeader组件 在页面路径不复杂的情况下可以使用该组件代替面包屑组件

ISSUES CLOSED: #I4V3VC

package/document/src/document/zh-CN/components/pageHeader.md

@@ -0,0 +1,66 @@
+::: anchor
+:::
+
+::: title 基本介绍
+:::
+
+::: describe 如果页面的路径比较简单，则使用页头组件要比面包屑更直观一点。
+:::
+
+::: title 基础使用
+:::
+
+::: demo 使用 `lay-page-header` 标签
+
+<template>
+  <lay-page-header content="详情页面" @back="handleBack"></lay-page-header>
+</template>
+
+<script setup>
+const handleBack=()=>{
+  alert('点击返回回调')
+}
+</script>
+
+:::
+
+::: demo 使用 `backText` 属性  自定义返回文本
+
+<template>
+  <lay-page-header content="详情页面" backText="back" @back="handleBack"></lay-page-header>
+</template>
+
+<script setup>
+const handleBack=()=>{
+  alert('点击返回回调')
+}
+</script>
+
+:::
+
+
+::: title PageHeader 属性
+:::
+
+::: table
+
+| 属性   | 描述 | 可选值         |
+| ------ | ---- | -------------- |
+| content| 标题 | --             |
+| backText| 返回文本 | 默认 "返回"            |
+
+:::
+
+::: title PageHeader 事件
+:::
+
+::: table
+
+| 属性   | 描述 |
+| ------ | ---- | 
+| back| 点击返回回调 |
+
+:::
+
+::: previousNext pageHeader
+:::

package/document/src/router/zh-CN.ts

@@ -393,6 +393,11 @@ const zhCN = [
               import("../document/zh-CN/components/noticeBar.md"),
             meta: { title: "通告栏" },
           },
+          {
+            path: "/zh-CN/components/pageheader",
+            component: () =>import("../document/zh-CN/components/pageHeader.md"),
+            meta: { title: "页头" },
+          },
         ],
       },
     ],

package/document/src/view/utils/menus.ts

@@ -105,6 +105,12 @@ const menus = [
         subTitle: "breadcrumb",
         path: "/zh-CN/components/breadcrumb",
       },
+      {
+        id: 17,
+        title: "页头",
+        subTitle: "pageHeader",
+        path: "/zh-CN/components/pageheader",
+      },
       {
         id: 28,
         title: "选项卡",