Lm-carpicker NPM

carpicker

作者：liuduan
邮箱：liuduan.05.05@163.com
版本：0.3.5

介绍

汽车品牌、车系、车型选择器

安装

lm-* 组件使用 npm 进行管理，命名空间统一为 lm-，请使用以下命令进行组件安装。

npm i lm-carpicker --save

如果你还没有安装 npm，可通过以下方式进行安装。
安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org

使用

样例文档

待开发

使用

<Carpicker
    visible={visible}
    label={label}
    selected={selected}
    data={data}
    onSelect={this.onSelect}
    onOk={this.onOk}
    onDismiss={this.onDismiss} />

配置参数

Prop	Type	Default	Description
`className`	`string[]`	`[]`	自定义类名集合
`style`	`object[]`	`[]`	自定义属性集合
`id`	`stirng[]`	`[]`	id集合
`refName`	`stirng[]`	`[]`	ref集合，this.xxx调用，内部写法为`ref={el => this[refName[index]] = el}`
`title`	`stirng[]`	`['选择品牌', '车系', '车型']`	popup标题名
`rightText`	`stirng[]`	`['取消', '取消', '取消']`	popup右边文字
`selected`	`array`	`{}`	选中值id map
`label`	`array`	`[]`	选中值label map
`disabled`	`bool`	`false`	禁用picker
`visible`	`bool`	`false`	显示选框弹层
`onSelect`	`function`	`(val, index) => {}`	点选选框后的回调，用于异步数据请求
`onOk`	`function`	`(val, label, index) => {}`	点选最后一个picker中选框后的回调，返回所选selected集合
`onDismiss`	`function`	`() => {}`	点击取消时的回调，返回参数为index，标识第几个picker
`data`	`array[]`	`[[],[],[]]`	数据集合，[品牌数据,车系数据, 车型数据]
`spellShow`	`bool`	`true`	true：显示默认字母索引，false：不显示字母索引（包括自定义的）
`backTopShow`	`bool`	`true`	true：必要时显示返回到顶部按钮，false：永不显示
`renderList`	`function`	`undefined`	渲染是数据列表，参数：data: 列表数据，selected: 选中列表 value 值，handleClick: 点击列表事件，需要把 value / label 值作为回调传回，注意：选中列表的样式类名应为 active
`picker`	`react element`	`undefined`	picker 组件