bee-cascader

bee-cascader

Browser Support

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	必填，无默认值

options格式如下：

const options = [
	{
	  value: '浙江',
	  children: [
		  {
		    value: '杭州',
		    children: [
			    {
			      value: '西湖',
			      children: [
				    {
				      value: '白娘子'
				    },
				    {
				      value: '许仙'
				    }]
			    }]
		  }
	  ]
	},
	{
	  value: '江苏',
	  children: [
		  {
		    value: '南京',
		    children: [
			    {
			      value: '中华门'
			    }]
		  }
	  ]
	},
	{
	  value: '山东'
	}
];

setup develop environment

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

TODO

• test