Skip to content

@ftjs/antd

@ftjs/antd 是基于 @ftjs/core 的 Ant Design Vue 适配器,提供了与 Ant Design Vue 组件库的无缝集成。

按需使用

预制的 FtAntdFormFtAntdFormSearchFtTableFtVxeTable 可以按需使用,你也可以根据项目需求将特定组件源码拷贝一份自己去修改。得益于 treeshaking 机制,未使用的组件不会增加打包体积。

简介

@ftjs/antd 是 ftjs 生态系统的一部分,它基于 @ftjs/core 核心库,为 Ant Design Vue 组件库提供了适配实现。通过 @ftjs/antd,您可以使用 ftjs 的声明式 API 来快速构建基于 Ant Design Vue 的表单和表格,同时保持完整的类型安全和灵活的扩展能力。

特性

  • 🚀 完整适配 Ant Design Vue:支持 Ant Design Vue 的表单组件和表格组件
  • 🔄 双表格实现:同时提供基于 Ant Design Table 和 VXE-Table 的表格实现
  • 🧩 丰富的表单组件:支持输入框、选择器、日期选择器、单选框等多种表单组件
  • 📝 完整的类型定义:提供完整的 TypeScript 类型定义,确保类型安全
  • 🔌 可扩展性:支持自定义组件和扩展现有组件

安装

bash
npm i @ftjs/core @ftjs/antd

组件列表

@ftjs/antd 提供了以下核心组件:

组件名说明文档链接
FtAntdForm基础表单组件查看文档
FtAntdFormSearch搜索表单组件查看文档
FtAntdTable基于 Ant Design Table 的表格组件查看文档
FtVxeTable基于 VXE-Table 的表格组件查看文档

示例

表单指南示例

表格指南示例

Released under the MIT License.