## vtx-ui

> 基于[ant-design](https://2x.ant.design/docs/react/introduce-cn)封装的UI工具

### 安装

```bash
# Install
$ npm install vtx-ui
#或者
$ yarn add vtx-ui
```

### 文档
- [VtxCombogrid](./docs/VtxCombogrid.md)
- [VtxDatagrid](./docs/VtxDatagrid.md)
- [VtxDate](./docs/VtxDate.md)
- [VtxImport](./docs/VtxImport.md)
- [VtxExport](./docs/VtxExport.md)
- [VtxUpload](./docs/VtxUpload.md)
- [VtxModal](./docs/VtxModal.md)
- [VtxGrid](./docs/VtxGrid.md)
- [VtxModalList](./docs/VtxModalList.md)
- [VtxTree](./docs/VtxTree.md)
- [VtxTreeSelect](./docs/VtxTreeSelect.md)
- [VtxZtree](./docs/VtxZtree.md)
- [VtxZtreeSelect](./docs/VtxZtreeSelect.md)
- [VtxMap](./docs/VtxMap.md)
- [MapPlayer](./docs/MapPlayer.md)
- [VtxSearchMap](./docs/VtxSearchMap.md)
- [VtxOptMap](./docs/VtxOptMap.md)
- [VtxRpsFrame](./docs/VtxRpsFrame.md)
- [VtxImage](./docs/VtxImage.md)


#### 全量导入引用方式（==不推荐==）：

```bash
# 下拉表格组件
$ import {VtxCombogrid} from 'vtx-ui';

# 表格组件
$ import {VtxDatagrid} from 'vtx-ui';

# 日期组件
$ import {VtxDatePicker,VtxMonthPicker,VtxYearPicker,VtxRangePicker,VtxTimePicker} from 'vtx-ui';

# 导出组件
$ import {VtxExport,VtxExport2} from 'vtx-ui';

# 导入组件
$ import {VtxImport} from 'vtx-ui';

# 上传组件
$ import {VtxUpload,VtxUploadModal,VtxUpload2} from 'vtx-ui';

# 页面头部查询组件
$ import {VtxGrid,VtxModeGrid} from 'vtx-ui';

# 地图组件(地图组件的ref函数现在改为getMapInstance)
$ import {VtxMap,VtxOptMap,VtxZoomMap} from 'vtx-ui';

# 表单组件
$ import {VtxInput,VtxSelect,Option,OptGroup} from 'vtx-ui';
$ import {VtxModalList} from 'vtx-ui';

# 弹出框组件
$ import {VtxModal,DraggableModal} from 'vtx-ui';

# 地图弹出框组件
$ import {VtxSearchMap} from 'vtx-ui';

# 树组件(VtxZtree主要用于大量节点的树，性能有所优化，api与VtxTree相比有部分改动，请仔细阅读文档)
$ import {VtxTree} from 'vtx-ui';
$ import {VtxZtree} from 'vtx-ui';

# 下拉树组件
$ import {VtxTreeSelect} from 'vtx-ui';
$ import {VtxZtreeSelect} from 'vtx-ui';

# 报表组件
$ import {VtxRpsFrame} from 'vtx-ui';
```

#### 使用babel-plugin-import动态加载引用方式(==推荐==)：

```bash
# 下拉表格组件
$ import {VtxCombogrid} from 'vtx-ui';

# 表格组件
$ import {VtxDatagrid} from 'vtx-ui';

# 日期组件
$ import {VtxDate} from 'vtx-ui';
$ const {VtxDatePicker,VtxMonthPicker,VtxYearPicker,VtxRangePicker,VtxTimePicker} = VtxDate;

# 导出组件
$ import {VtxExport} from 'vtx-ui';
$ const {VtxExport2} = VtxExport;

# 导入组件
$ import {VtxImport} from 'vtx-ui';

# 上传组件
$ import {VtxUpload} from 'vtx-ui';
$ const {VtxUploadModal,VtxUpload2} = VtxUpload;

# 页面头部查询组件
$ import {VtxGrid} from 'vtx-ui';
$ const {VtxModeGrid} = VtxGrid;

# 地图组件(地图组件的ref函数现在改为getMapInstance)
$ import {VtxMap} from 'vtx-ui';
$ const {VtxOptMap,VtxZoomMap,MapPlayer} = VtxMap;

# 表单组件
$ import {VtxForm} from 'vtx-ui';
$ const {VtxInput,VtxSelect,Option,OptGroup} = VtxForm;
$ import {VtxModalList} from 'vtx-ui';

# 弹出框组件
$ import {VtxModal} from 'vtx-ui';
$ const {DraggableModal} = VtxModal;

# 地图弹出框组件
$ import {VtxSearchMap} from 'vtx-ui';

# 树组件(VtxZtree主要用于大量节点的树，性能有所优化，api与VtxTree相比有部分改动，请仔细阅读文档)
$ import {VtxTree} from 'vtx-ui';
$ import {VtxZtree} from 'vtx-ui';

# 下拉树组件
$ import {VtxTreeSelect} from 'vtx-ui';
$ import {VtxZtreeSelect} from 'vtx-ui';

# 报表组件
$ import {VtxRpsFrame} from 'vtx-ui';

# 图片组件
$ import {VtxImage} from 'vtx-ui';
$ const {VtxImageViewer} = VtxImage;
```

## License

[MIT](https://tldrlegal.com/license/mit-license)