# vue2基础组件库组件介绍

## XAddForm

基于XAddNativeForm二次封装的动态表单的Modal形式

[使用文档](src/base-client/components/common/XAddForm/index.md)

## XAddNativeForm

通过JSON配置动态生成的数据保存表单

[使用文档](src/base-client/components/common/XAddNativeForm/index.md)

## XBadge

对antdv的badge组件进行重封装

[使用文档](src/base-client/components/common/XBadge/index.md)

## XCard

通用数据加载状态管理容器

提供一个可以根据数据加载状态显示不同内容的通用容器
当loadState为loading时，显示骨架屏（加载界面）
当loadState为success时，显示容器内容
当loadState为error时，显示点击重新加载数据的提示界面

[使用文档](src/base-client/components/common/XCard/index.md)

## XForm

通过JSON配置动态生成的数据筛选查询表单

[使用文档](src/base-client/components/common/XForm/index.md)

## XTable

通过JSON配置动态生成的数据表格

[使用文档](src/base-client/components/common/XTable/index.md)

## XFormCol

适用于动态表单的可以自适应各种分辨率设备的栅格组件封装

[使用文档](src/base-client/components/common/XFormCol/index.md)

## XFormTable

对XAddForm，XForm和XTable组件的二次封装，实现通过JSON配置动态生成一个完整的实体操作页面

[使用文档](src/base-client/components/common/XFormTable/index.md)

## XImportExcel

通用的导入excel组件

[使用文档](src/base-client/components/common/XImportExcel/index.md)
