SuperAPI AI 工具集

ant-design-vue

前端与建站

查看项目

更新于 10-15 18:31

技能介绍

用途

该技能为 Ant Design Vue(AntDV)组件库提供系统化指引,适用于 Vue 3 项目中使用 Ant Design 的场景。当用户提及 "Ant Design Vue"、"AntDV"、"Ant Design of Vue",或需要构建基于 Ant Design 的 Vue 3 应用、在 Vue 上下文中使用 Button、Table、Form、Modal、Menu 等 UI 组件、查询 Ant Design Vue 4.x 的 API 或配置、请求"用 Ant Design Vue 实现某组件"时,均可使用本技能。

主要能力

技能内容按 Ant Design Vue 官方文档结构组织,便于按需定位:

  • 入门与安装:对应 examples/getting-started/installation.md 或 templates/project-setup.md。
  • 组件使用:按组件分类提供示例文件。
  • API 参考:api/components.md(常见组件的 Props、Events)与 api/config-provider.md(全局配置、主题)。
  • 主题与国际化:examples/advanced/ 下的主题定制(Design Token)与国际化文档。
  • 模板:templates/component-template.md(基础、表单、弹窗模式)与 templates/project-setup.md(Vite、Main.ts、App.vue 搭建)。

组件分类(与文件一一映射)

  • 通用(General):Button、Icon、Typography,文件 examples/components/general.md。
  • 布局(Layout):Divider、Grid、Layout、Space,文件 examples/components/layout.md。
  • 导航(Navigation):Anchor、Breadcrumb、Dropdown、Menu、Pagination、Steps,文件 examples/components/navigation.md。
  • 数据录入(Data Entry):AutoComplete、Cascader、Checkbox、DatePicker、Form、Input、InputNumber、Mentions、Radio、Rate、Select、Slider、Switch、TimePicker、Transfer、TreeSelect、Upload,文件 examples/components/data-entry.md。
  • 数据展示(Data Display):Avatar、Badge、Calendar、Card、Carousel、Collapse、Descriptions、Empty、Image、List、Popover、QRCode、Segmented、Statistic、Table、Tabs、Tag、Timeline、Tooltip、Tour、Tree,文件 examples/components/data-display.md。
  • 反馈(Feedback):Alert、Drawer、Message、Modal、Notification、Popconfirm、Progress、Result、Skeleton、Spin、Watermark,文件 examples/components/feedback.md。
  • 其他(Other):Affix、App、BackTop、ConfigProvider、FloatButton,文件 examples/components/other.md。

使用方式

  1. 识别用户需求:入门/安装查阅安装文档或项目搭建模板;组件使用查阅对应组件分类文件;API 参考查阅 api/components.md 或 api/config-provider.md;主题/国际化查阅 examples/advanced/;模板查阅 templates/component-template.md。
  2. 按组件分类定位到对应示例文件。
  3. 需要全局配置或主题时使用 ConfigProvider API 与 Design Token 主题定制文档。

适用场景

  • 使用 Vue 3 与 Ant Design Vue 构建应用界面。
  • 查询具体组件的用法、Props 与 Events。
  • 进行主题定制与国际化配置。
  • 通过模板快速搭建项目或组件结构。

限制

资料未提供该技能的具体版本兼容范围、依赖要求、安装命令、收费与价格信息,以及实际运行效果说明,上述内容暂未提供。