1.0.1 • Published 3 years ago
ant-component-v2 v1.0.1
ant-component-v2
通用业务、UI、布局、页面模块组件库
1.1、npm安装
npm install --save ant-component-v21.2、项目内使用
import AntComponent, { Antd } from 'ant-component-v2';
import 'ant-design-vue/dist/antd.css';
import 'ant-component-v2/lib/lib.css';
Vue.use(AntComponent);
Vue.use(Antd);1.3、组件列表
| 名称 | 组件名称 |
|---|---|
| 页面包裹层 | PageWrapper |
| 表单包裹层 | FormWrapper |
| 表格包裹层 | TableWrapper |
| 表格条件查询 | TableSearch |
| 图片压缩上传 | ImageUpload |
| 文件上传 | FileUpload |
| 标签条件查询 | LabelSearch |
| 经纬度选择 | LatLngSelect |
| 富文本 | RichText |
2.1、组件集成测试
- 修改package.json中 main 字段
"main": "lib/lib.umd.min.js" => "main": "packages/index.js",- 项目根目录下执行
npm link- 在admin项目根目录下执行
npm link @cqkpr/ant-component- 在admin项目中正常引入ant-component-v2相关功能进行验证,验证通过后可执行下一步Npm包发布。 tips: 引入后eslint可能会报错,只需要临时禁用掉单行eslint / eslint-disable /
2.2 组件打包发布Npm
- 修改package.json中 main 字段
"main": "main": "packages/index.js" => "lib/lib.umd.min.js"- 项目根目录下执行
npm run build- 修改项目版本号
- 登录到 npm
npm login- 发布
npm publish --access public