Repository files navigation

适配 WinJS 的 Ant Design Vue 插件，提供 Ant Design Vue 组件库的自动导入和样式配置。

• 🚀自动导入组件 - 无需手动导入，直接使用 Ant Design Vue 组件
• 🎨自动导入样式 - 自动处理样式文件的导入
• 📦版本兼容 - 支持 Ant Design Vue >= 2.2.0-beta.6 版本
• 🔧智能检测 - 自动检测项目中的依赖版本
• ⚡按需加载 - 只导入使用的组件，减小打包体积

npm install @winner-fed/plugin-antdv

在 WinJS 项目中启用插件：

// win.config.tsimport{defineConfig}from'@winner-fed/winjs';exportdefaultdefineConfig({plugins:['@winner-fed/plugin-antdv'],// 可选：插件配置antdv:{// 插件配置选项}});

安装并配置插件后，可以在 Vue 组件中直接使用 Ant Design Vue 组件：

<template>  <div>    <a-buttontype="primary">主要按钮</a-button>    <a-button>默认按钮</a-button>    <a-divider />    <a-inputplaceholder="请输入内容" />    <a-space>      <a-tagcolor="blue">标签</a-tag>      <a-tagcolor="green">标签</a-tag>    </a-space>  </div></template><script setup lang="ts">// 无需手动导入组件，插件会自动处理// import { Button, Input, Tag } from 'ant-design-vue';</script>

插件支持所有 Ant Design Vue 组件，包括但不限于：

• 通用组件：Button、Icon、Typography
• 布局组件：Divider、Grid、Layout、Space
• 导航组件：Affix、Breadcrumb、Dropdown、Menu、Pagination、Steps
• 数据录入：AutoComplete、Cascader、Checkbox、DatePicker、Form、Input、InputNumber、Mentions、Radio、Rate、Select、Slider、Switch、TimePicker、Transfer、TreeSelect、Upload
• 数据展示：Avatar、Badge、Calendar、Card、Carousel、Collapse、Comment、Descriptions、Empty、Image、List、Popover、Statistic、Table、Tabs、Tag、Timeline、Tooltip、Tree
• 反馈组件：Alert、Drawer、Message、Modal、Notification、Popconfirm、Progress、Result、Skeleton、Spin
• 其他组件：Anchor、BackTop、ConfigProvider、LocaleProvider

• ant-design-vue: ^2.2.0-beta.6
• vue: ^3.0.0

1. 依赖检测：插件会自动检测项目中的ant-design-vue 依赖
2. 版本判断：根据检测到的版本自动配置不同的导入策略
3. 解析器配置：集成unplugin-vue-components 的AntDesignVueResolver
4. 自动导入：在构建时自动添加组件导入语句和样式导入

• 确保项目中已安装ant-design-vue 依赖
• 插件会自动处理样式导入，无需手动导入样式文件
• 支持 TypeScript，提供完整的类型支持

MIT.