https://github.com/yukinight/vtx-ui

https://github.com/yukinight/vtx-ui

Last synced: 9 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/yukinight/vtx-ui
• Owner: yukinight
• Created: 2018-01-08T07:35:43.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-07-11T18:10:18.000Z (over 1 year ago)
• Last Synced: 2024-08-02T09:27:23.021Z (3 months ago)
• Language: JavaScript
• Size: 2.66 MB
• Stars: 13
• Watchers: 2
• Forks: 15
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## vtx-ui

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

### 安装

```bash

# Install

$ npm install vtx-ui

#或者

$ yarn add vtx-ui

```

### 文档

- [VtxCombogrid](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxCombogrid.md)

- [VtxDatagrid](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxDatagrid.md)

- [VtxDate](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxDate.md)

- [VtxImport](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxImport.md)

- [VtxExport](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxExport.md)

- [VtxUpload](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxUpload.md)

- [VtxModal](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxModal.md)

- [VtxGrid](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxGrid.md)

- [VtxModalList](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxModalList.md)

- [VtxTree](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxTree.md)

- [VtxTreeSelect](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxTreeSelect.md)

- [VtxZtree](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxZtree.md)

- [VtxZtreeSelect](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxZtreeSelect.md)

- [VtxMap](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxMap.md)

- [MapPlayer](https://github.com/yukinight/vtx-ui/blob/master/docs/MapPlayer.md)

- [VtxSearchMap](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxSearchMap.md)

- [VtxOptMap](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxOptMap.md)

- [VtxRpsFrame](https://github.com/yukinight/vtx-ui/blob/master/docs/VtxRpsFrame.md)

- [VtxImage](https://github.com/yukinight/vtx-ui/blob/master/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)