5.0.7 • Published 1 month ago
antdv-pro-layout
Licence
MIT
Version
5.0.7
Deps
0
Size
196 kB
Vulns
0
Weekly
0
Ant Design Vue Pro Layout
Ant Design Vue Pro 布局，快速完成项目布局。
安装 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
- next : Vue3 +
ant-design-vue@3.x(latest) - v3.1 : Vue3 +
ant-design-vue@2.2.x(release LTS) - v2 : Vue2 +
ant-design-vue@1.7.x
当前版本
- Vue3 + ant-design-vue@4.2.6 (v4)
- Vue3 + antdv-next (v5，当前版本)
持续维护 Continuous Maintenance
# 安装所需依赖
npm install
# 打包生成dist目录含d.ts文件
npm run build