bee-cascader
Cascader ui component for react
Last updated 6 months ago by tinper-bot .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install bee-cascader 
SYNC missed versions from official npm registry.

bee-cascader

npm version Build Status Coverage Status

Browser Support

IE Chrome Firefox Opera Safari
IE 9+ ✔ Chrome 31.0+ ✔ Firefox 31.0+ ✔ Opera 30.0+ ✔ Safari 7.0+ ✔

react bee-cascader component for tinper-bee

组件引入

先进行下载cascader包

npm install --save bee-cascader

组件调用

import { Cascader } from 'bee-cascader';
React.render(<div>
    <div>
        <Cascader />
    </div>
</div>, document.getElementById('target'));

样式引入

  • 可以使用link引入dist目录下cascader
<link rel="stylesheet" href="./node_modules/build/bee-cascader.css">
  • 可以在js中import样式
import "./node_modules/src/cascader"
//或是
import "./node_modules/build/bee-cascader.css"

API

参数 说明 类型 默认值
placeholder input提示信息 string ""
options 下拉列表数据 json 必填,无默认值
defaultValue 默认的选中项 string[] []
changeOnSelect 当此项为 true 时,点选每级菜单选项值都会发生变化 boolean false
disabled 禁用 boolean false
expandTrigger 次级菜单的展开方式,可选 'click' 和 'hover' string 'click'
size 输入框大小,可选 lg md sm string 'md'
onChange 选择完成后的回调 Function(value, selectedOptions) -
onClick 选中节点的钩子函数,返回array选中的节点 function -
inputValue 自定义输入框展示内容 string -

options格式如下:

const options = [
	label: '浙江',
	value: 'zj',
	children: [{
		label: '杭州',
		value: 'hz',
		children: [{
			label: '西湖',
			value: 'xh',
			children: [{
				label: '白娘子',
				value: 'bnz'
			},{
				label: '许仙',
				value: 'xx'
			}]
		}]
	}]
	},
	{
		label: '江苏',
		value: 'js',
		children: [{
			label: '南京',
			value: 'nj',
			children: [{
				label: '中华门',
				value: 'zhm'
			}]
		}]
 	},
 	{
		label: '山东',
 	    value: 'sd'
 	}
];

setup develop environment

$ git clone https://github.com/tinper-bee/bee-cascader
$ cd bee-cascader
$ npm install
$ npm run dev

TODO

  • test

Current Tags

  • 2.1.5-alpha.0                                ...           alpha (a year ago)
  • 2.1.0-beta.1                                ...           beta (2 years ago)
  • 2.1.8                                ...           latest (6 months ago)

23 Versions

  • 2.1.8                                ...           6 months ago
  • 2.1.7                                ...           8 months ago
  • 2.1.6                                ...           a year ago
  • 2.1.5                                ...           a year ago
  • 2.1.5-alpha.0                                ...           a year ago
  • 2.1.4                                ...           a year ago
  • 2.1.3                                ...           2 years ago
  • 2.1.2                                ...           2 years ago
  • 2.1.1                                ...           2 years ago
  • 2.1.0                                ...           2 years ago
  • 2.1.0-beta.1                                ...           2 years ago
  • 2.1.0-beta.0                                ...           2 years ago
  • 2.0.3                                ...           2 years ago
  • 2.0.2                                ...           2 years ago
  • 2.0.1                                ...           2 years ago
  • 2.0.0                                ...           2 years ago
  • 1.0.4                                ...           2 years ago
  • 1.0.0                                ...           3 years ago
  • 0.1.2                                ...           3 years ago
  • 0.1.1                                ...           3 years ago
  • 0.2.1                                ...           4 years ago
  • 0.2.0                                ...           4 years ago
  • 0.0.1                                ...           4 years ago
Downloads
Today 0
This Week 28
This Month 313
Last Day 28
Last Week 222
Last Month 935
Dependencies (10)
Dev Dependencies (14)

Copyright 2014 - 2017 © taobao.org |