@zhouwei941017/wlink-zw-package

演示案例组件库 - Vben Admin 完整版

功能特性

• ✅ 高级查询组件 (AdvancedQuery)
• ✅ Excel 导出组件 (ExcelExport)
• ✅ Excel 导入组件 (ExcelImport)
• ✅ 字典选择组件 (DictSelect)
• ✅ 文件上传组件 (FileUpload)
• ✅ 表格选择组件 (TableSelect)
• ✅ 列配置组件 (ColumnConfigModal)
• ✅ 动态列表页 (DynamicListPage)
• ✅ 详情页容器 (DetailPage)
• ✅ 动态表格 Hook (useDynamicTable)
• ✅ CRUD 操作 Hook (useCrudActions)
• ✅ Tab 权限 Hook (useDetailTabAccess)

安装

npm install @zhouwei941017/wlink-zw-package

使用方式

1. 注册插件

// main.ts
import { createApp } from 'vue';
import App from './App.vue';

import WlinkZwPackage from '@zhouwei941017/wlink-zw-package';

const app = createApp(App);
app.use(WlinkZwPackage);
app.mount('#app');

2. 按需引入组件

import { AdvancedQuery, ExcelExport, useDynamicTable } from '@zhouwei941017/wlink-zw-package';

3. 路由配置

// router.ts
import { pages } from '@zhouwei941017/wlink-zw-package';

const routes = [
  ...pages,
  // 你的其他路由
];

依赖

本包依赖以下 vben 框架包：

• @vben/common-ui
• @vben/stores
• @vben/librices
• @vben/icons
• @vben/locales
• @vben/constants
• @vben/request

以及 UI 库：

• vue >= 3.0
• ant-design-vue >= 4.0
• vxe-table >= 4.0
• vxe-pc-ui >= 4.0
• vue-router >= 4.0

发布

cd wlink-zw-package

# 构建
npm run build

# 发布到 npm
npm publish --access public

License

MIT