@zdgt/kangpaas-ui

概述

kangpaas-ui提供产品层公共组件能力，为各个项目提供公用的前端组件。具体解决如下问题：

1.提供共同的组件，一份维护，多处引用。
2.目前项目前端，完全定制，采用的是拷贝修改的模式，各项目之间会出现微小差异。

公共组件列表

表格

树形结构

组件发布

1. 在components文件下添加公共组件。
2. 在components文件下的index挂载组件。
3. 修改package.json中version字段（就是版本号）。

npm发布

1. 登入账号npm login
2. 构建UI库npm run build-bundle
3. 发布公共组件 npm publish --access public

组件使用

1.在项目中输入

npm install --save @zdgt/kangpaas-ui

2.在main中引入

import '@zdgt/kangpaas-ui';

3.在main中引入

import '@zdgt/kangpaas-ui/dist/kangpaas-ui.css';

4.在vue文件使用即可如

<vm-table
  type="single"
  ref="table"
  :columns="dataColumns"
  :data="tableData"
  :pageType="'pageType'"
  :tableHeader="'table'"
  :tableHeaderRight="'tableHeader'"
  :columnSelect="'columnSelect'"
  :pageSreach="'dataType'"
  :idKey="'id'"
  :iconType="iconType"
  :totalSize="dataTotalSize">
</vm-table>

注意事项

• 修改package.json中的name可更改组件库名称。
• 每次上传到npm必须修改package.json中的version版本号。
• 本项目基于iview所以必须配合iview使用。
• 编写新组建时尽量避免引用图片、音频、视频等内容（要处理跨域！）。
• 本项目由vue-cli 3.0 搭建具体项目操作参照 vue-cli