omni-layout 0.0.5-beta.1 → 0.0.5-beta.3

package/dist/demo/src/App.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+/**
+ * App — 路由注册
+ *
+ * 路由与 mock 菜单数据保持一致：
+ *   /manage/world        → Dashboard      （首页欢迎）
+ *   /app/collection      → ListPage       （列表页 + 面包屑：应用管理 > 收藏管理）
+ *   /manage/pms          → ListPage       （列表页 + 面包屑：系统管理 > 权限列表）
+ *   /manage/data         → SettingPage    （带 Tabs 的设置页）
+ *   /content/articles    → ArticlesPage   （文章列表，2 级面包屑：内容管理 > 文章列表）
+ *   /content/articles/detail → DetailPage （3 级面包屑：内容管理 > 文章列表 > 文章详情）
+ *   /content/category    → CategoryPage   （分类管理）
+ */
+export default function App(): React.JSX.Element;

package/dist/demo/src/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/demo/src/layouts/BasicLayout.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import 'omni-layout/index.less';
+import 'omni-layout/antd.css';
+/**
+ * BasicLayout — OmniLayout 的演示包装层
+ *
+ * 核心要点：
+ * 1. useLocation() 获取真实 location，pathname 随路由切换自动更新
+ * 2. useHistory() 用于 menuItemRender / tabRender 触发真实路由跳转
+ * 3. mockMode=true 所有 API 调用均由 src/mock/data.ts 中的本地数据拦截
+ * 4. noticeSwitch=true 展示消息中心徽标
+ * 5. siderSearchSwitch=true 展示侧边栏关键字搜索
+ */
+export default function BasicLayout({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;

package/dist/demo/src/pages/ArticlesPage.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * ArticlesPage — 文章列表页（内容管理 > 文章列表）
+ *
+ * 演示点：
+ * - 2 级面包屑：内容管理 > 文章列表
+ * - 点击「查看详情」跳转到 /content/articles/detail，触发 3 级面包屑
+ * - Tab 页签自动新增，并高亮当前活跃 Tab
+ */
+export default function ArticlesPage(): React.JSX.Element;

package/dist/demo/src/pages/CategoryPage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * CategoryPage — 分类管理页（内容管理 > 分类管理）
+ *
+ * 演示点：
+ * - 面包屑：内容管理 > 分类管理（2 级）
+ * - 与文章列表处于同一父菜单「内容管理」下，切换时侧边菜单高亮变化
+ */
+export default function CategoryPage(): React.JSX.Element;

package/dist/demo/src/pages/Dashboard.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * Dashboard — 首页欢迎页
+ *
+ * 演示点：
+ * - 路由 /manage/world 对应 "系统管理 > 欢迎界面"，面包屑自动生成
+ * - 点击导航卡片触发路由跳转，侧边菜单高亮联动
+ * - Tab 页签自动新增当前路由
+ */
+export default function Dashboard(): React.JSX.Element;

package/dist/demo/src/pages/DetailPage.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * DetailPage — 文章详情页（内容管理 > 文章列表 > 文章详情）
+ *
+ * 演示点（核心）：
+ * - 3 级面包屑：内容管理 > 文章列表 > 文章详情（由 OmniLayout 根据 routesMap 自动生成）
+ * - 路由 /content/articles/detail 与 mock 菜单树中的第三级节点对应
+ * - Tab 页签列表新增本条目，侧边菜单高亮到父菜单「文章列表」
+ */
+export default function DetailPage(): React.JSX.Element;

package/dist/demo/src/pages/ListPage.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * ListPage — 通用列表页
+ *
+ * 演示点：
+ * - 面包屑根据当前路由自动生成（2 级：父菜单 > 当前页）
+ * - 页头标题由 RouteContext 注入，与菜单数据中的 name 字段同步
+ * - 可用于 /app/collection 或 /manage/pms 两个路由
+ */
+export default function ListPage(): React.JSX.Element;

package/dist/demo/src/pages/SettingPage.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+/**
+ * SettingPage — 设置页（系统管理 > 数据权限）
+ *
+ * 演示点：
+ * - PageHeaderWrapper 的 tabList + onTabChange 联动（通过 OmniLayout noPageHeader=false 默认行为）
+ * - Tab 切换时内容区域变化，页头 Tabs 与内容保持同步
+ * - 面包屑：系统管理 > 数据权限（2 级）
+ *
+ * 注意：OmniLayout 内置的 PageHeaderWtihTagWrapper 的 tabList 是用于「历史访问 Tab 页签」，
+ * 本页面使用独立的 antd Tabs 演示页头级 Tabs 交互。
+ */
+export default function SettingPage(): React.JSX.Element;

package/dist/demo/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/dist/index.css

@@ -1766,6 +1766,17 @@ html {
   padding-right: 15px;
   width: 35px;
   cursor: pointer;
+  border: 0;
+  background: transparent;
+  outline: none;
+  line-height: 49px;
+}
+.omni-layout-app .omni-notice-box .tool-head-close:focus,
+.omni-layout-app .omni-notice-box .tool-head-close:active {
+  outline: none;
+}
+.omni-layout-app .omni-notice-box .tool-head-close .anticon {
+  color: #666;
 }
 .omni-layout-app .omni-notice-box .tool-head-close,
 .omni-layout-app .omni-notice-box .tool-head-title,
@@ -1837,6 +1848,19 @@ html {
   color: #2684ff;
   padding-top: 0;
 }
+.omni-layout-app .omni-notice-box .message-dd-hover button {
+  color: #2684ff;
+  padding-top: 0;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  line-height: 21px;
+  font-size: 12px;
+}
+.omni-layout-app .omni-notice-box .message-dd-hover button:focus,
+.omni-layout-app .omni-notice-box .message-dd-hover button:active {
+  outline: none;
+}
 .omni-layout-app .omni-notice-box .nav-message-text {
   float: left;
   width: 120px;
@@ -2088,11 +2112,21 @@ html {
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .ant-pro-page-header-wrap-children-content {
-  margin: 24px 24px 0;
+  margin: 12px 24px 0;
 }
 .ant-pro-page-header-wrap-page-header-warp {
   background-color: #fff;
 }
+.ant-pro-page-header-wrap-page-header-warp .ant-page-header {
+  padding: 16px 24px 0;
+}
+.ant-pro-page-header-wrap-page-header-warp .ant-page-header-heading {
+  margin-bottom: 0;
+}
+.ant-pro-page-header-wrap-page-header-warp .ant-page-header-footer {
+  padding: 0;
+  margin-top: 4px;
+}
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-detail {
   display: flex;
 }
@@ -2101,7 +2135,7 @@ html {
   width: 100%;
 }
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-title-content {
-  margin-bottom: 16px;
+  margin-bottom: 12px;
 }
 @media screen and (max-width: 576px) {
   .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-content {
@@ -2120,12 +2154,12 @@ html {
   width: 100%;
 }
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-title {
-  margin-bottom: 16px;
+  margin-bottom: 12px;
 }
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-logo,
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-content,
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-extraContent {
-  margin-bottom: 16px;
+  margin-bottom: 12px;
 }
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-extraContent {
   min-width: 242px;

package/dist/index.esm.css

@@ -1766,6 +1766,17 @@ html {
   padding-right: 15px;
   width: 35px;
   cursor: pointer;
+  border: 0;
+  background: transparent;
+  outline: none;
+  line-height: 49px;
+}
+.omni-layout-app .omni-notice-box .tool-head-close:focus,
+.omni-layout-app .omni-notice-box .tool-head-close:active {
+  outline: none;
+}
+.omni-layout-app .omni-notice-box .tool-head-close .anticon {
+  color: #666;
 }
 .omni-layout-app .omni-notice-box .tool-head-close,
 .omni-layout-app .omni-notice-box .tool-head-title,
@@ -1837,6 +1848,19 @@ html {
   color: #2684ff;
   padding-top: 0;
 }
+.omni-layout-app .omni-notice-box .message-dd-hover button {
+  color: #2684ff;
+  padding-top: 0;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  line-height: 21px;
+  font-size: 12px;
+}
+.omni-layout-app .omni-notice-box .message-dd-hover button:focus,
+.omni-layout-app .omni-notice-box .message-dd-hover button:active {
+  outline: none;
+}
 .omni-layout-app .omni-notice-box .nav-message-text {
   float: left;
   width: 120px;
@@ -2088,11 +2112,21 @@ html {
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .ant-pro-page-header-wrap-children-content {
-  margin: 24px 24px 0;
+  margin: 12px 24px 0;
 }
 .ant-pro-page-header-wrap-page-header-warp {
   background-color: #fff;
 }
+.ant-pro-page-header-wrap-page-header-warp .ant-page-header {
+  padding: 16px 24px 0;
+}
+.ant-pro-page-header-wrap-page-header-warp .ant-page-header-heading {
+  margin-bottom: 0;
+}
+.ant-pro-page-header-wrap-page-header-warp .ant-page-header-footer {
+  padding: 0;
+  margin-top: 4px;
+}
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-detail {
   display: flex;
 }
@@ -2101,7 +2135,7 @@ html {
   width: 100%;
 }
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-title-content {
-  margin-bottom: 16px;
+  margin-bottom: 12px;
 }
 @media screen and (max-width: 576px) {
   .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-content {
@@ -2120,12 +2154,12 @@ html {
   width: 100%;
 }
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-title {
-  margin-bottom: 16px;
+  margin-bottom: 12px;
 }
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-logo,
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-content,
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-extraContent {
-  margin-bottom: 16px;
+  margin-bottom: 12px;
 }
 .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-extraContent {
   min-width: 242px;