Ant Design Vue Pro Layout

Ant Design Vue Pro 布局，快速完成项目布局。

中文 | English

安装 Install

npm i antdv-next @antdv-next/icons antdv-pro-layout

功能特性 Features

| 组件 / 函数 | 说明 | | --- | --- | | ProLayout | 整体布局外壳，支持 side / top / mix 三种模式、响应式移动端抽屉、拆分菜单 | | PageContainer | 页面内容区容器，集成 PageHeader + Tabs + 页脚 | | PageHeader | 自定义页头，对齐 ant-design-vue v4 PageHeader 能力 | | TabsView | 多标签页管理，配合 useTabsView Hook，支持 KeepAlive 缓存与刷新恢复 | | GlobalSearch | 菜单搜索面板，Ctrl/Cmd + K 快捷键唤起，上下键导航 | | getMenuData / clearMenuItem | 路由表转菜单数据 | | useMediaScreen / usePrefersColorScheme | 响应式屏幕尺寸 / 系统主题偏好监听 | | useIconFont | iconfont 图标渲染器（图片 / iconfont / VNode 自动识别） | | useTabsView / createTabsView | 标签视图状态管理 Hook（单例 / 独立实例） |

完整函数与组件 API、渲染插槽及各组件用法见 API.md。

更多示例：

• 演示测试 playground
• 在线测试示例 stackblitz
• 项目示例 mask_vue3_antd

源项目仓库分支 Branch

来自 @ant-design-vue/pro-layout

• next : Vue3 + [email protected] (latest)
• v3.1 : Vue3 + [email protected] (release LTS)
• v2 : Vue2 + [email protected]

当前版本

• Vue3 + [email protected] (v4)
• Vue3 + antdv-next (v5，当前版本)

持续维护 Continuous Maintenance

# 安装所需依赖
npm install

# 打包生成dist目录含d.ts文件
npm run build