ldp-components

ldp-components 基于element-ui封装的常用表单组件和表格组件。
组件使用文档请查看 doc。

目录结构描述

``
├── README.md // 说明
├── doc // 文档
├── lib // 编译后的库文件
├── example // 示例
│ ├── components // 示例组件
│ ├── router // vue路径
│ ├── utils // 示例环境中使用的工具
│ ├── App.vue // vue挂载实例
│ ├── main.js // 运行环境的入口函数
├── src // 组件源码文件夹
│ ├── directive // 自定义指令
│ ├── mixins // 混入
│ ├── packages // 组件包
│ ├── index.js // 导出组件
│ ├── utils // 工具
├── vue-config.js // vue编译配置文件
`

运行案例

安装依赖
`
npm install
`
运行
`
npm run serve
`

编译组件

`
npm run lib
`

发布组件

ldp-components 包所属账号才能发布， 此npm为公包，请谨慎发布。
1. 登录npm
`
npm login
`

2. 添加用户
`
npm adduser
`

3. 发布包
> 发布包请注意修改包版本package.json 中修改 version版本号, 然后在进行编译版本，版本相同会发布失败


`
npm publish
`

项目中使用组件

推荐使用npm 或者 yarn方式安装
`
npm i ldp-components -S
`

在 main.js 引入使用组件
`javascript
import Vue from 'vue';

// 首先引用element-ui
import ElementUi from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUi);

// 一款第三方可编辑表格组件。 内置table组件使用了此组件，如果需要使用则需要引用。
import VueElementExtends from 'vue-element-extends';
import 'vue-element-extends/lib/index.css';
Vue.use(VueElementExtends);

// 最后引入组件
import LdpComponents from './ldp-components.vue';
Vue.use(LdpComponents);

new Vue({
el: '#app',
render: h => h(App)
});
`

详细组件文档说明请查看doc`目录