Sos-components NPM

sos-vuecomponent

创建组件库

一.vue-cli初始化项目（3.0的脚手架）二.编写组件库三.修改配置项四.发布 npm login;npm publish

安装

npm i sos-components --save

引用

支持全局引用

进度

目前已经支持的组件如下：

sosGroup

section：标题 more：更多按钮文字 moreImage：更多按钮图片 border：是否使用内边距 radius：圆角 @moreClick：更多按钮点击事件

sosCell

label：键 value(v-model)：值 align：对齐方式 top：键居顶部 labelFont：键字体大小 labelColor：键字体颜色 valueFont：值字体大小 valueColor：值字体颜色 border：是否使用内边距 icon：图标

sosText

label：键 value(v-model)：值 align：对齐方式 labelFont：键字体大小 labelColor：键字体颜色 valueFont：值字体大小 valueColor：值字体颜色 border：是否使用内边距 leftIcon：图标 type：类型 placeholder：缺省字符串 readonly：是否只读 required：是否必填

sosTextView

label：键 value(v-model)：值 align：对齐方式 labelFont：键字体大小 labelColor：键字体颜色 valueFont：值字体大小 valueColor：值字体颜色 border：是否使用内边距 leftIcon：图标 height：文本框高度 placeholder：缺省字符串 readonly：是否只读 required：是否必填

sosSeg

label：键 value：值如{value:String,active:Boolean} align：对齐方式 width：seg的宽度 labelFont：键字体大小 labelColor：键字体颜色 valueFont：值字体大小 valueColor：值字体颜色 border：是否使用内边距 icon：图标 readonly：是否只读 required：是否必填 @change：值发生改变的回调

sosTag

label：键 value：值如{value:String,active:Boolean} align：对齐方式 labelFont：键字体大小 labelColor：键字体颜色 valueFont：值字体大小 valueColor：值字体颜色 border：是否使用内边距 icon：图标 readonly：是否只读 required：是否必填 @change：值发生改变的回调

sosSelectionBar

sosPersonnelSelection

source: Object | 所需参数的集合 source = { multiple:2, //Number | 多选数量限制，缺省时为0（无限选择） choiceType：'user,dept', //String | 允许选择的分类，默认允许选择user dept:部门 user：用户多选用,隔开 tab:{ name: '本部门', code: 'userByMy', lock: true }, //Array | 必填：头部分类列表展示项 callback：function(value){ //Function | 回调函数，缺省时仅返回选中列表 //回调函数写这里 } }