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

label：键 | String labelFontSize: String | 键值字体大小 例：16px、1.6rem，默认为16px labelColor: String | 键值字体颜色 例：#666、#eaf5fc，默认为#333 subtitle: String | 副标题 subtitleFontSize: String | 副标题字体大小 例：14px、1.4rem，默认为「14px」 subtitleColor: String | 副标题字体颜色 例：#666、#eaf5fc，默认为「#999」 buttonText: String | 按钮文本，默认为「选择」 buttonLock: Boolean | 按钮是否禁用，默认为「false」 showList: Boolean | 是否展示标签列表，默认为「true」 defaultMsg: String | 标签列表为空时的提示文本，默认为「请选择」 dataList: Array | 标签列表数据源 viewKey: String | 标签列表用做展示的key值，默认为「name」 resultBackground: String | 标签列表背景颜色，预置bulue|green可选，默认为灰色 bubble: Boolean | 是否以气泡样式展示，默认为「true」 bubbleDistance: String | 气泡上的小三角形标签的右边距 例：16px、3%，默认为28px @click: Function | 按钮点击时的回调函数 @lockClick: Function | 按钮锁定时点击的回调函数

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 | 回调函数，缺省时仅返回选中列表 //回调函数写这里 } }

其它

欢迎各位小伙伴批评指正。