@zhjcom/zhjcom-ui

基于ant-design封装的UI工具

安装

# Install
$ npm install @zhjcom/zhjcom-ui
#或者
$ yarn add @zhjcom/zhjcom-ui

文档

• VtxCombogrid
• VtxDatagrid
• VtxDate
• VtxImport
• VtxExport
• VtxUpload
• VtxModal
• VtxGrid
• VtxModalList
• VtxTree
• VtxTreeSelect
• VtxZtree
• VtxZtreeSelect
• VtxMap
• MapPlayer
• VtxSearchMap
• VtxOptMap
• VtxRpsFrame
• VtxImage

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

# 下拉表格组件
$ import {VtxCombogrid} from '@zhjcom/zhjcom-ui';

# 表格组件
$ import {VtxDatagrid} from '@zhjcom/zhjcom-ui';

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

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

# 导入组件
$ import {VtxImport} from '@zhjcom/zhjcom-ui';

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

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

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

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

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

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

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

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

# 报表组件
$ import {VtxRpsFrame} from '@zhjcom/zhjcom-ui';

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

# 下拉表格组件
$ import {VtxCombogrid} from '@zhjcom/zhjcom-ui';

# 表格组件
$ import {VtxDatagrid} from '@zhjcom/zhjcom-ui';

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

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

# 导入组件
$ import {VtxImport} from '@zhjcom/zhjcom-ui';

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

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

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

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

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

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

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

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

# 报表组件
$ import {VtxRpsFrame} from '@zhjcom/zhjcom-ui';

# 图片组件
$ import {VtxImage} from '@zhjcom/zhjcom-ui';
$ const {VtxImageViewer} = VtxImage;

License

MIT