Skip to content

yukinight/vtx-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vtx-ui

基于ant-design封装的UI工具

安装

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

文档

全量导入引用方式(==不推荐==):

# 下拉表格组件
$ 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动态加载引用方式(==推荐==):

# 下拉表格组件
$ 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