How to use bee-select - 6 common examples

import { Col,Row } from 'bee-layout';
import Select from 'bee-select';
import Radio from 'bee-radio';
import DatePicker from 'bee-datepicker';
import Checkbox from 'bee-checkbox';
import Switch from 'bee-switch';
import Slider from 'bee-slider';
import InputNumber from 'bee-input-number';
import Rate from 'bee-rate';
import CitySelect from 'bee-city-select';
import Label from 'bee-label';
import Button from 'bee-button';
import Icon from 'bee-icon';
import Upload from 'bee-upload';
const FormItem = Form.FormItem;
const Option = Select.Option;
const CheckboxGroup = Checkbox.CheckboxGroup;

const uploadProps = {
    name: 'file',
    action: '/upload.do',
    headers: {
      authorization: 'authorization-text',
    },
    onChange(info) {
      if (info.file.status !== 'uploading') {
        console.log(info.file, info.fileList);
      }
      if (info.file.status === 'done') {
        console.log(`${info.file.name} file uploaded successfully`);
      } else if (info.file.status === 'error') {
        console.log(`${info.file.name} file upload failed.`);

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import Form from 'bee-form';
import FormControl from 'bee-form-control';
import Label from 'bee-label';
import Modal from 'bee-modal';
import Button from 'bee-button';
import Icon from 'bee-icon';
import Select from 'bee-select';
import { Col, Row } from 'bee-layout';
import InputGroup from "bee-input-group";
import colors from './colors';

const FormItem = Form.FormItem;
const Option = Select.Option;

const propTypes = {
    clsPrefix: PropTypes.string,
    value: PropTypes.string,
    label: PropTypes.string,
    className: PropTypes.string,
    placeholder: PropTypes.string,
    required: PropTypes.bool,
    disabled: PropTypes.bool,
    disabledAlpha: PropTypes.bool,
    autoCalculate: PropTypes.func,
    onChange: PropTypes.func,
    title: PropTypes.string,
    cacelBtn:PropTypes.string,
    confirmBtn:PropTypes.string,
    isParameterArea:PropTypes.bool,

* @title 多种表单元素示例
 * @description 查询面板
 */
import React, { Component } from 'react';
import Form from '../../src';
import FormControl from 'bee-form-control';
import { Col , Row } from 'bee-layout';
import Select from 'bee-select';
import Radio from 'bee-radio';
import DatePicker from 'bee-datepicker';
import Checkbox from 'bee-checkbox';
import Label from 'bee-label';
import Icon from 'bee-icon';
import SearchPanel from 'bee-search-panel';
const FormItem = Form.FormItem;
const Option = Select.Option;
const CheckboxGroup = Checkbox.CheckboxGroup;
const AdvancedContainer = SearchPanel.AdvancedContainer;

const Demo5 = Form.createForm()(class Demo extends Component {
    constructor(props) {
        super(props);
        this.state = {
            expanded: true,
            approvalState: '',
            closeState: '',
            confirmState: '',
            voucherDate: [],
            orderTypes:[
                {
                    'code':'001',
                    'name':'类型1'

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Form from '../../src';
import FormControl from 'bee-form-control';
import { Col , Row } from 'bee-layout';
import Select from 'bee-select';
import Radio from 'bee-radio';
import DatePicker from 'bee-datepicker';
import Checkbox from 'bee-checkbox';
import Switch from 'bee-switch';
import Label from 'bee-label';
import Button from 'bee-button';
import Icon from 'bee-icon';
import moment from "moment/moment";
const FormItem = Form.FormItem;
const Option = Select.Option;
const { RangePicker } = DatePicker;

const Demo6 = Form.createForm()(class Demo extends Component {
    constructor(props) {
        super(props);
        this.state = {
            approvalState: '',
            closeState: '',
            confirmState: '',
            voucherName: [],
            orderTypes:[
                {
                    'code':'001',
                    'name':'类型1'
                },
                {

import React, { Component } from 'react';
import Button from 'bee-button';
import Modal from '../../src';
import FormGroup from 'bee-form-group';
import Label from 'bee-label';
import Select from 'bee-select';
import DatePicker from 'bee-datepicker'
import FormControl from 'bee-form-control'
import Form from 'bee-form'
import Rate from "bee-rate"
import Radio from 'bee-radio'


const FormItem = Form.FormItem;
const Option = Select.Option;
class Demo7 extends Component {
    constructor(props) {
        super(props);
        this.state = {
            selectedValue: "man",
            showModal: false,
            name: '',
            education: '',
            birthDate: ''

        };
    }

    close = () => {
        this.setState({
            showModal: false

import classnames from "classnames";
import React from "react";
import PaginationButton from "./PaginationButton";
import Button from 'bee-button';
import Select from 'bee-select';
import Icon from 'bee-icon';
import assign from 'object-assign';
import cookie from 'react-cookies';
import PropTypes from "prop-types";
import i18n from './i18n';
import { getComponentLocale } from 'bee-locale/build/tool';
import omit from 'omit.js';


const Option = Select.Option;

const propTypes = {
    /**
     * 当前激活状态页
     */
    activePage: PropTypes.number,
    /**
     * 总页数
     */
    items: PropTypes.number,
    /**
     * 显示按钮从1到maxButton的按钮数
     */
    maxButtons: PropTypes.number,

    /**