0.1.1 • Published 5 years ago
zxw-component v0.1.1
common-component
Project setup
npm installCompiles and hot-reloads for development
npm run serveCompiles and minifies for production
npm run buildLints and fixes files
npm run lint发布步骤
1.pageage.json配置：
主要需要四个参数：
1. target: 默认为构建应用，改为 lib 即可启用构建库模式
2. name: 输出文件名
3. dest: 输出目录，默认为 dist，这里我们改为 lib
4. entry: 入口文件路径，改为 src/main.js
完整命令如下：'vue-cli-service build --target lib --name common-component --dest lib src/main.js'
2.执行 npm run build-lib 命令
3.需要在 package.json 添加组件信息
name: 包名，该名不能和已有的名称冲突；
version: 版本号，不能和历史版本号相同；
description: 简介；
main: 入口文件，应指向编译后的包文件；
keyword：关键字，以空格分割；
author：作者；
private：是否私有，需要修改为 false 才能发布到 npm；
license：开源协议。
4.创建 .npmignore 文件，设置忽略文件，该文件的语法和 .gitignore 的语法一样，设置发布到 npm 时忽略哪些目录或文件
5.发布到 npm
如果以前改过 npm 的镜像地址，比如使用了淘宝镜像，就先改回来npm config set registry http://registry.npmjs.org
如果没有 npm 账户，可以通过 npm adduser 命令创建一个账户，或者到 npm 官网注册
如果在官网注册的账户，或者以前就有账户，就使用 npm login 命令登录
在发布之前，一定要确保组件已经编译完毕，而且 package.json 中的入口文件（main）的路径正确
一切就绪，发布组件：
npm publish组件参数说明
calendar组件
1.legend：传入的图例集合，status/color/label等， 不同的状态对应不同颜色，对应日历上展示的不同颜色label是对颜色进行说明。
2.url：请求日历数据的url。datePicker组件
1.type：日期范围的类型，date：日期类型；datetime：日期时间类型，默认为date类型。
2.size：选择框的大小，默认为mini。
3.required：是否必须填写，默认为false。
4.limit：限制，范围必须小于多少天，0：表示没有限制，默认为0.
5.default：默认选择的范围值，默认为[]，即为空。
6.today：是否默认今天，默认为false。
7.yesterday：是否默认为昨天，默认为false。gaodeMap组件
1.center：地图中心点，默认中心点是深圳北站 [114.0295028687, 22.6076721923]。
2.zoom: 地图层级，默认为12。
3.mapStyle：地图样式，默认为normal。
4.id：地图id，默认为gaode-map。remoteSelect组件
1.url：查询数据的url，默认为空。
2.size：组件大小，默认为medium。
3.minLength：最小输入数据长度，当输入数据长度大于等于最小长度时触发搜索事件，默认为1。
4.defaultValue：默认值，默认为''。
5.defaultItems：默认下拉选项的值，默认为[]。
6.disabled：是否禁用，默认为false。
7.props：prop配置，默认为{ value: 'value', label: 'label' }。
8.placeholder：占位符，默认为空。treeGrid组件
1.noEdit：目的：隐藏根（菜单管理）的编辑和删除按钮，默认为undefined。
2.tableData：列表数据，默认为[]。
3.columns：表头展示数据和对应的字段，默认为[]。
4.buttons：按钮，默认为[]。
5.expandAll：是否展开所有行，默认为true。
6.level：每个层级之间相差的距离，默认为30。
7.loading：是否开启加载遮挡和动画，true。
8.height：列表高度，默认为''。
9.type：子菜单名字，默认为'nextLevel'。
10.buttonsWidth：操作列的宽度，默认为'120'。
11.size：列表大小，默认为'mini'。treeSelect组件
1.selects：选中的节点，默认为[]。
2.data：树组件数据，默认为[]。
3.columns：表头展示数据和对应的字段，默认为[]。
4.prop：prop配置，默认为自带配置。upload组件
1.list：文件列表，默认为[]。
2.mainId：mainId，默认为空。
3.type：上传数据类型，默认为空。
4.url：上传url，默认为''。
5.delUrl：删除url，默认为''。