bee-select
Version:
select ui component for react
1,431 lines (1,110 loc) • 1.05 MB
JavaScript
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var _beeLayout = __webpack_require__(1);
var _beePanel = __webpack_require__(7);
var _beeButton = __webpack_require__(60);
var _beeButton2 = _interopRequireDefault(_beeButton);
var _react = __webpack_require__(4);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(11);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _src = __webpack_require__(62);
var _src2 = _interopRequireDefault(_src);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var Option = _src2['default'].Option;
var OptGroup = _src2['default'].OptGroup;
var Children = [];
for (var i = 10; i < 36; i++) {
Children.push(_react2['default'].createElement(
Option,
{ key: i.toString(36) + i },
i.toString(36) + i
));
}
var provinceData = ['Zhejiang', 'Jiangsu'];
var cityData = {
Zhejiang: ['Hangzhou', 'Ningbo', 'Wenzhou'],
Jiangsu: ['Nanjing', 'Suzhou', 'Zhenjiang']
};
var CARET = _react2['default'].createElement('i', { className: 'uf uf-chevronarrowdown' });
var CARETUP = _react2['default'].createElement('i', { className: 'uf uf-chevronarrowup' });
/**
* @title 不同尺寸单选`Select`
* @description `size`参数控制大小
*/
var Demo1 = function (_Component) {
_inherits(Demo1, _Component);
function Demo1() {
_classCallCheck(this, Demo1);
var _this = _possibleConstructorReturn(this, _Component.call(this));
_this.handleChange = _this.handleChange.bind(_this);
return _this;
}
Demo1.prototype.handleChange = function handleChange(value) {
console.log('selected ' + value);
};
Demo1.prototype.render = function render() {
return _react2['default'].createElement(
'div',
null,
_react2['default'].createElement(
_src2['default'],
{ size: 'lg', defaultValue: 'lucy', style: { width: 200, marginRight: 6 }, onChange: this.handleChange },
_react2['default'].createElement(
Option,
{ value: 'jack' },
'Jack'
),
_react2['default'].createElement(
Option,
{ value: 'lucy' },
'Lucy'
),
_react2['default'].createElement(
Option,
{ value: 'disabled', disabled: true },
'Disabled'
),
_react2['default'].createElement(
Option,
{ value: 'yiminghe' },
'Yiminghe'
)
),
_react2['default'].createElement(
_src2['default'],
{ defaultValue: 'lucy', style: { width: 200, marginRight: 6 }, onChange: this.handleChange },
_react2['default'].createElement(
Option,
{ value: 'jack' },
'Jack'
),
_react2['default'].createElement(
Option,
{ value: 'lucy' },
'Lucy'
),
_react2['default'].createElement(
Option,
{ value: 'disabled', disabled: true },
'Disabled'
),
_react2['default'].createElement(
Option,
{ value: 'yiminghe' },
'Yiminghe'
)
),
_react2['default'].createElement(
_src2['default'],
{ size: 'sm', defaultValue: 'lucy', style: { width: 200 }, onChange: this.handleChange },
_react2['default'].createElement(
Option,
{ value: 'jack' },
'Jack'
),
_react2['default'].createElement(
Option,
{ value: 'lucy' },
'Lucy'
),
_react2['default'].createElement(
Option,
{ value: 'disabled', disabled: true },
'Disabled'
),
_react2['default'].createElement(
Option,
{ value: 'yiminghe' },
'Yiminghe'
)
)
);
};
return Demo1;
}(_react.Component);
/**
* @title 常用多选
* @description Children自定义数据列表,注意：Children已经定义到全局，此处显示为注释例子，其他例子用到Children变量均以此方式定义。
*/
/*
const Children = [];
for (let i = 10; i < 36; i++) {
Children.push(<Option key={i.toString(36) + i}>{i.toString(36) + i}</Option>);
}
*/
var Demo2 = function (_Component2) {
_inherits(Demo2, _Component2);
function Demo2() {
_classCallCheck(this, Demo2);
var _this2 = _possibleConstructorReturn(this, _Component2.call(this));
_this2.handleChange = _this2.handleChange.bind(_this2);
return _this2;
}
Demo2.prototype.handleChange = function handleChange(value) {
console.log('selected ' + value);
};
Demo2.prototype.render = function render() {
return _react2['default'].createElement(
_src2['default'],
{ multiple: true,
style: { width: '100%' },
searchPlaceholder: '\u6807\u7B7E\u6A21\u5F0F',
onChange: this.handleChange
},
Children
);
};
return Demo2;
}(_react.Component);
/**
* @title 自定义选项多选`Select`
* @description 用户在框内输入自定义内容，Select将输入的内容自动纳入下拉选项中一员。
*/
var Demo3 = function (_Component3) {
_inherits(Demo3, _Component3);
function Demo3() {
_classCallCheck(this, Demo3);
var _this3 = _possibleConstructorReturn(this, _Component3.call(this));
_this3.handleChange = _this3.handleChange.bind(_this3);
return _this3;
}
Demo3.prototype.handleChange = function handleChange(value) {
console.log('selected ' + value);
};
Demo3.prototype.render = function render() {
return _react2['default'].createElement(
_src2['default'],
{ tags: true,
style: { width: '100%' },
searchPlaceholder: '\u6807\u7B7E\u6A21\u5F0F',
onChange: this.handleChange
},
Children
);
};
return Demo3;
}(_react.Component);
/**
* @title 简易级联单选`Select`
* @description 常用语城市级联的选择。
*/
var Demo4 = function (_Component4) {
_inherits(Demo4, _Component4);
function Demo4() {
_classCallCheck(this, Demo4);
var _this4 = _possibleConstructorReturn(this, _Component4.call(this));
_this4.state = {
cities: cityData[provinceData[0]],
secondCity: cityData[provinceData[0]][0]
};
_this4.handleProvinceChange = _this4.handleProvinceChange.bind(_this4);
_this4.onSecondCityChange = _this4.onSecondCityChange.bind(_this4);
return _this4;
}
Demo4.prototype.handleProvinceChange = function handleProvinceChange(value) {
this.setState({
cities: cityData[value],
secondCity: cityData[value][0]
});
};
Demo4.prototype.onSecondCityChange = function onSecondCityChange(value) {
this.setState({
secondCity: value
});
};
Demo4.prototype.render = function render() {
var provinceOptions = provinceData.map(function (province) {
return _react2['default'].createElement(
Option,
{ key: province },
province
);
});
var cityOptions = this.state.cities.map(function (city) {
return _react2['default'].createElement(
Option,
{ key: city },
city
);
});
return _react2['default'].createElement(
'div',
null,
_react2['default'].createElement(
_src2['default'],
{ defaultValue: provinceData[0], style: { width: 90, marginRight: 6 }, onChange: this.handleProvinceChange },
provinceOptions
),
_react2['default'].createElement(
_src2['default'],
{ value: this.state.secondCity, style: { width: 90 }, onChange: this.onSecondCityChange },
cityOptions
)
);
};
return Demo4;
}(_react.Component); /**
* @title 自定义自动填充单选`Select`
* @description 常用邮箱后缀自动填充。
*/
var Demo5 = function (_Component5) {
_inherits(Demo5, _Component5);
function Demo5() {
_classCallCheck(this, Demo5);
var _this5 = _possibleConstructorReturn(this, _Component5.call(this));
_this5.state = {
options: []
};
_this5.handleChange = _this5.handleChange.bind(_this5);
return _this5;
}
Demo5.prototype.handleChange = function handleChange(value) {
var options = void 0;
if (!value || value.indexOf('@') >= 0) {
options = [];
} else {
options = ['gmail.com', '163.com', 'qq.com'].map(function (domain) {
var email = value + '@' + domain;
return _react2['default'].createElement(
Option,
{ key: email },
email
);
});
}
this.setState({ options: options });
};
Demo5.prototype.render = function render() {
return _react2['default'].createElement(
_src2['default'],
{ combobox: true,
style: { width: 200 },
onChange: this.handleChange,
filterOption: false,
placeholder: 'Enter the account name'
},
this.state.options
);
};
return Demo5;
}(_react.Component); /**
* @title 搜索单选`Select`
* @description 从下拉选中，通过输入的值检索相应的选项。
*/
var Demo6 = function (_Component6) {
_inherits(Demo6, _Component6);
function Demo6() {
_classCallCheck(this, Demo6);
var _this6 = _possibleConstructorReturn(this, _Component6.call(this));
_this6.handleChange = _this6.handleChange.bind(_this6);
return _this6;
}
Demo6.prototype.handleChange = function handleChange(value) {
console.log('selected ' + value);
};
Demo6.prototype.render = function render() {
return _react2['default'].createElement(
_src2['default'],
{
showSearch: true,
style: { width: 200 },
placeholder: 'Select a person',
optionFilterProp: 'children',
onChange: this.handleChange.bind(this)
},
_react2['default'].createElement(
Option,
{ value: 'jack' },
'Jack'
),
_react2['default'].createElement(
Option,
{ value: 'lucy' },
'Lucy'
),
_react2['default'].createElement(
Option,
{ value: 'tom' },
'Tom'
)
);
};
return Demo6;
}(_react.Component);
var DemoArray = [{ "example": _react2['default'].createElement(Demo1, null), "title": " 不同尺寸单选`Select`", "code": "/**\n * @title 不同尺寸单选`Select`\n * @description `size`参数控制大小\n */\n\nclass Demo1 extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.handleChange = this.handleChange.bind(this);\n\t}\n\thandleChange(value) {\n \t\tconsole.log(`selected ${value}`);\n\t}\n\trender(){\t\n\t\treturn( \n\t\t\t<div>\n\t\t\t <Select size=\"lg\" defaultValue=\"lucy\" style={{ width: 200,marginRight: 6 }} onChange={this.handleChange}>\n\t\t\t <Option value=\"jack\">Jack</Option>\n\t\t\t <Option value=\"lucy\">Lucy</Option>\n\t\t\t <Option value=\"disabled\" disabled>Disabled</Option>\n\t\t\t <Option value=\"yiminghe\">Yiminghe</Option>\n\t\t\t </Select>\n\t\t\t <Select defaultValue=\"lucy\" style={{ width: 200,marginRight: 6 }} onChange={this.handleChange}>\n\t\t\t <Option value=\"jack\">Jack</Option>\n\t\t\t <Option value=\"lucy\">Lucy</Option>\n\t\t\t <Option value=\"disabled\" disabled>Disabled</Option>\n\t\t\t <Option value=\"yiminghe\">Yiminghe</Option>\n\t\t\t </Select>\n\t\t\t <Select size=\"sm\" defaultValue=\"lucy\" style={{ width: 200 }} onChange={this.handleChange}>\n\t\t\t <Option value=\"jack\">Jack</Option>\n\t\t\t <Option value=\"lucy\">Lucy</Option>\n\t\t\t <Option value=\"disabled\" disabled>Disabled</Option>\n\t\t\t <Option value=\"yiminghe\">Yiminghe</Option>\n\t\t\t </Select>\n\t\t\t</div>\n\t\t)\n\t}\n}\n", "desc": " `size`参数控制大小" }, { "example": _react2['default'].createElement(Demo2, null), "title": " 常用多选", "code": "/**\n * @title 常用多选\n * @description Children自定义数据列表,注意：Children已经定义到全局，此处显示为注释例子，其他例子用到Children变量均以此方式定义。\n */\n\n/*\nconst Children = [];\nfor (let i = 10; i < 36; i++) {\n Children.push(<Option key={i.toString(36) + i}>{i.toString(36) + i}</Option>);\n}\n*/\nclass Demo2 extends Component {\n\t\n\tconstructor() {\n\t\tsuper();\n\t\tthis.handleChange = this.handleChange.bind(this);\n\t}\n\thandleChange(value) {\n \t\tconsole.log(`selected ${value}`);\n\t}\n\trender(){\n\t\treturn( \n\t\t\t<Select multiple\n\t\t\t style={{ width: '100%' }}\n\t\t\t searchPlaceholder=\"标签模式\"\n\t\t\t onChange={this.handleChange}\n\t\t\t >\n\t\t\t {Children}\n\t\t\t </Select>\n\t\t)\n\t}\n}\n", "desc": " Children自定义数据列表,注意：Children已经定义到全局，此处显示为注释例子，其他例子用到Children变量均以此方式定义。" }, { "example": _react2['default'].createElement(Demo3, null), "title": " 自定义选项多选`Select`", "code": "/**\n * @title 自定义选项多选`Select`\n * @description 用户在框内输入自定义内容，Select将输入的内容自动纳入下拉选项中一员。\n */\n\nclass Demo3 extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.handleChange = this.handleChange.bind(this);\n\t}\n\thandleChange(value) {\n \t\tconsole.log(`selected ${value}`);\n\t}\n\trender(){\n\t\treturn( \n\t\t\t<Select tags\n\t\t\t style={{ width: '100%' }}\n\t\t\t searchPlaceholder=\"标签模式\"\n\t\t\t onChange={this.handleChange}\n\t\t\t >\n\t\t\t {Children}\n\t\t\t </Select>\n\t\t)\n\t}\n}\n", "desc": " 用户在框内输入自定义内容，Select将输入的内容自动纳入下拉选项中一员。" }, { "example": _react2['default'].createElement(Demo4, null), "title": " 简易级联单选`Select`", "code": "/**\n * @title 简易级联单选`Select`\n * @description 常用语城市级联的选择。\n */\n\nclass Demo4 extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\tcities: cityData[provinceData[0]],\n \t\tsecondCity: cityData[provinceData[0]][0],\n\t\t}\n\t\tthis.handleProvinceChange = this.handleProvinceChange.bind(this);\n\t\tthis.onSecondCityChange = this.onSecondCityChange.bind(this);\n\t}\n\thandleProvinceChange(value) {\n\t this.setState({\n\t cities: cityData[value],\n\t secondCity: cityData[value][0],\n\t });\n\t}\n\tonSecondCityChange(value) {\n\t this.setState({\n\t secondCity: value,\n\t });\n\t}\n\trender() {\n\t const provinceOptions = provinceData.map(province => <Option key={province}>{province}</Option>);\n\t const cityOptions = this.state.cities.map(city => <Option key={city}>{city}</Option>);\n\t return (\n\t <div>\n\t <Select defaultValue={provinceData[0]} style={{ width: 90,marginRight:6 }} onChange={this.handleProvinceChange}>\n\t {provinceOptions}\n\t </Select>\n\t <Select value={this.state.secondCity} style={{ width: 90 }} onChange={this.onSecondCityChange}>\n\t {cityOptions}\n\t </Select>\n\t </div>\n\t );\n\t}\n}", "desc": " 常用语城市级联的选择。" }, { "example": _react2['default'].createElement(Demo5, null), "title": " 自定义自动填充单选`Select`", "code": "/**\n * @title 自定义自动填充单选`Select`\n * @description 常用邮箱后缀自动填充。\n */\nclass Demo5 extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\toptions: [],\n\t\t}\n\t\tthis.handleChange = this.handleChange.bind(this);\n\t}\n\thandleChange(value) {\n\t let options;\n\t if (!value || value.indexOf('@') >= 0) {\n\t options = [];\n\t } else {\n\t options = ['gmail.com', '163.com', 'qq.com'].map((domain) => {\n\t const email = `${value}@${domain}`;\n\t return <Option key={email}>{email}</Option>;\n\t });\n\t }\n\t this.setState({ options });\n\t}\n\t\n\trender() {\n\t return (\n\t <Select combobox\n\t style={{ width: 200 }}\n\t onChange={this.handleChange}\n\t filterOption={false}\n\t placeholder=\"Enter the account name\"\n\t >\n\t {this.state.options}\n\t </Select>\n\t );\n\t}\n}", "desc": " 常用邮箱后缀自动填充。" }, { "example": _react2['default'].createElement(Demo6, null), "title": " 搜索单选`Select`", "code": "/**\n * @title 搜索单选`Select`\n * @description 从下拉选中，通过输入的值检索相应的选项。\n */\nclass Demo6 extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.handleChange = this.handleChange.bind(this);\n\t}\n\thandleChange(value) {\n \t\tconsole.log(`selected ${value}`);\n\t}\n\trender(){\n\t\treturn( \n\t\t\t<Select\n\t\t\t showSearch\n\t\t\t style={{ width: 200 }}\n\t\t\t placeholder=\"Select a person\"\n\t\t\t optionFilterProp=\"children\"\n\t\t\t onChange={this.handleChange.bind(this)}\n\t\t\t >\n\t\t\t <Option value=\"jack\">Jack</Option>\n\t\t\t <Option value=\"lucy\">Lucy</Option>\n\t\t\t <Option value=\"tom\">Tom</Option>\n\t\t\t </Select>\n\t\t)\n\t}\n}", "desc": " 从下拉选中，通过输入的值检索相应的选项。" }];
var Demo = function (_Component7) {
_inherits(Demo, _Component7);
function Demo(props) {
_classCallCheck(this, Demo);
var _this7 = _possibleConstructorReturn(this, _Component7.call(this, props));
_this7.state = {
open: false
};
_this7.handleClick = _this7.handleClick.bind(_this7);
return _this7;
}
Demo.prototype.handleClick = function handleClick() {
this.setState({ open: !this.state.open });
};
Demo.prototype.render = function render() {
var _props = this.props,
title = _props.title,
example = _props.example,
code = _props.code,
desc = _props.desc;
var caret = this.state.open ? CARETUP : CARET;
var text = this.state.open ? "隐藏代码" : "查看代码";
var footer = _react2['default'].createElement(
_beeButton2['default'],
{ shape: 'block', onClick: this.handleClick },
caret,
text
);
return _react2['default'].createElement(
_beeLayout.Col,
{ md: 12 },
_react2['default'].createElement(
'h3',
null,
title
),
_react2['default'].createElement(
'p',
null,
desc
),
_react2['default'].createElement(
_beePanel.Panel,
{ collapsible: true, expanded: this.state.open, colors: 'bordered', header: example, footer: footer, footerStyle: { padding: 0, borderColor: "transparent" } },
_react2['default'].createElement(
'pre',
null,
_react2['default'].createElement(
'code',
{ className: 'hljs javascript' },
code
)
)
)
);
};
return Demo;
}(_react.Component);
var DemoGroup = function (_Component8) {
_inherits(DemoGroup, _Component8);
function DemoGroup(props) {
_classCallCheck(this, DemoGroup);
return _possibleConstructorReturn(this, _Component8.call(this, props));
}
DemoGroup.prototype.render = function render() {
return _react2['default'].createElement(
_beeLayout.Row,
null,
DemoArray.map(function (child, index) {
return _react2['default'].createElement(Demo, { example: child.example, title: child.title, code: child.code, desc: child.desc, key: index });
})
);
};
return DemoGroup;
}(_react.Component);
_reactDom2['default'].render(_react2['default'].createElement(DemoGroup, null), document.getElementById('tinperBeeDemo'));
/***/ },
/* 1 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Con = exports.Row = exports.Col = undefined;
var _Col2 = __webpack_require__(2);
var _Col3 = _interopRequireDefault(_Col2);
var _Row2 = __webpack_require__(5);
var _Row3 = _interopRequireDefault(_Row2);
var _Layout = __webpack_require__(6);
var _Layout2 = _interopRequireDefault(_Layout);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
exports.Col = _Col3["default"];
exports.Row = _Row3["default"];
exports.Con = _Layout2["default"];
/***/ },
/* 2 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(4);
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var propTypes = {
componentClass: _react.PropTypes.oneOfType([_react2["default"].PropTypes.element, _react2["default"].PropTypes.string]),
/**
* xs显示列数
*/
xs: _react.PropTypes.number,
/**
* sm显示列数
*/
sm: _react.PropTypes.number,
/**
* md显示列数
*/
md: _react.PropTypes.number,
/**
* lg显示列数
*/
lg: _react.PropTypes.number,
/**
* xs偏移列数
*/
xsOffset: _react.PropTypes.number,
/**
* sm偏移列数
*/
smOffset: _react.PropTypes.number,
/**
* md偏移列数
*/
mdOffset: _react.PropTypes.number,
/**
* lg偏移列数
*/
lgOffset: _react.PropTypes.number,
/**
* xs右偏移列数
*/
xsPush: _react.PropTypes.number,
/**
* sm右偏移列数
*/
smPush: _react.PropTypes.number,
/**
* md右偏移列数
*/
mdPush: _react.PropTypes.number,
/**
* lg右偏移列数
*/
lgPush: _react.PropTypes.number,
/**
* xs左偏移列数
*/
xsPull: _react.PropTypes.number,
/**
* sm左偏移列数
*/
smPull: _react.PropTypes.number,
/**
* md左偏移列数
*/
mdPull: _react.PropTypes.number,
/**
* lg左偏移列数
*/
lgPull: _react.PropTypes.number
};
var defaultProps = {
componentClass: 'div'
};
var clsPrefix = 'u-col';
var DEVICE_SIZES = ['lg', 'md', 'sm', 'xs'];
var Col = function (_Component) {
_inherits(Col, _Component);
function Col() {
_classCallCheck(this, Col);
return _possibleConstructorReturn(this, _Component.apply(this, arguments));
}
Col.prototype.render = function render() {
var _props = this.props;
var Component = _props.componentClass;
var classes = _props.classes;
var others = _objectWithoutProperties(_props, ['componentClass', 'classes']);
var tbClass = [];
/**
* 对传入props做样式转化
* @type {[type]}
*/
DEVICE_SIZES.forEach(function (size) {
function popProp(propSuffix, modifier) {
var propName = '' + size + propSuffix;
var propValue = others[propName];
if (propValue != undefined && propValue != null) {
tbClass.push(clsPrefix + '-' + size + modifier + '-' + propValue);
}
delete others[propName];
}
popProp('', '');
popProp('Offset', '-offset');
popProp('Push', '-push');
popProp('Pull', '-pull');
});
return _react2["default"].createElement(
Component,
_extends({
className: (0, _classnames2["default"])(tbClass, classes)
}, others),
this.props.children
);
};
return Col;
}(_react.Component);
Col.propTypes = propTypes;
Col.defaultProps = defaultProps;
exports["default"] = Col;
module.exports = exports['default'];
/***/ },
/* 3 */
/***/ function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
Copyright (c) 2016 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
/* global define */
(function () {
'use strict';
var hasOwn = {}.hasOwnProperty;
function classNames () {
var classes = [];
for (var i = 0; i < arguments.length; i++) {
var arg = arguments[i];
if (!arg) continue;
var argType = typeof arg;
if (argType === 'string' || argType === 'number') {
classes.push(arg);
} else if (Array.isArray(arg)) {
classes.push(classNames.apply(null, arg));
} else if (argType === 'object') {
for (var key in arg) {
if (hasOwn.call(arg, key) && arg[key]) {
classes.push(key);
}
}
}
}
return classes.join(' ');
}
if (typeof module !== 'undefined' && module.exports) {
module.exports = classNames;
} else if (true) {
// register as 'classnames', consistent with npm package name
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
return classNames;
}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {
window.classNames = classNames;
}
}());
/***/ },
/* 4 */
/***/ function(module, exports) {
module.exports = React;
/***/ },
/* 5 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(4);
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var propTypes = {
componentClass: _react.PropTypes.oneOfType([_react2["default"].PropTypes.element, _react2["default"].PropTypes.string])
};
var defaultProps = {
componentClass: 'div'
};
var clsPrefix = 'u-row';
var Row = function (_Component) {
_inherits(Row, _Component);
function Row() {
_classCallCheck(this, Row);
return _possibleConstructorReturn(this, _Component.apply(this, arguments));
}
Row.prototype.render = function render() {
var _props = this.props;
var Component = _props.componentClass;
var classes = _props.classes;
var others = _objectWithoutProperties(_props, ['componentClass', 'classes']);
var bsclass = '' + clsPrefix;
return _react2["default"].createElement(
Component,
_extends({}, others, {
className: (0, _classnames2["default"])(bsclass, classes)
}),
this.props.children
);
};
return Row;
}(_react.Component);
Row.propTypes = propTypes;
Row.defaultProps = defaultProps;
exports["default"] = Row;
module.exports = exports['default'];
/***/ },
/* 6 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(4);
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var propTypes = {
/**
* Adds `container-fluid` class.
*/
fluid: _react.PropTypes.bool,
/**
* You can use a custom element for this component
*/
componentClass: _react.PropTypes.oneOfType([_react2["default"].PropTypes.element, _react2["default"].PropTypes.string])
};
var defaultProps = {
componentClass: 'div',
fluid: false
};
var clsPrefix = 'u-container';
var Con = function (_React$Component) {
_inherits(Con, _React$Component);
function Con() {
_classCallCheck(this, Con);
return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
}
Con.prototype.render = function render() {
var _tbclass;
var _props = this.props;
var fluid = _props.fluid;
var Component = _props.componentClass;
var classes = _props.classes;
var others = _objectWithoutProperties(_props, ['fluid', 'componentClass', 'classes']);
var tbclass = (_tbclass = {}, _defineProperty(_tbclass, '' + clsPrefix, !fluid), _defineProperty(_tbclass, clsPrefix + '-fluid', fluid), _tbclass);
return _react2["default"].createElement(
Component,
_extends({}, others, {
className: (0, _classnames2["default"])(tbclass, classes)
}),
this.props.children
);
};
return Con;
}(_react2["default"].Component);
Con.propTypes = propTypes;
Con.defaultProps = defaultProps;
exports["default"] = Con;
module.exports = exports['default'];
/***/ },
/* 7 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.PanelGroup = exports.Panel = undefined;
var _Panel2 = __webpack_require__(8);
var _Panel3 = _interopRequireDefault(_Panel2);
var _PanelGroup2 = __webpack_require__(59);
var _PanelGroup3 = _interopRequireDefault(_PanelGroup2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
exports.Panel = _Panel3["default"];
exports.PanelGroup = _PanelGroup3["default"];
/***/ },
/* 8 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(4);
var _react2 = _interopRequireDefault(_react);
var _beeTransition = __webpack_require__(9);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var propTypes = {
//是否添加折叠
collapsible: _react2["default"].PropTypes.bool,
onSelect: _react2["default"].PropTypes.func,
//头部组件
header: _react2["default"].PropTypes.node,
headerStyle: _react2["default"].PropTypes.object,
id: _react2["default"].PropTypes.oneOfType([_react2["default"].PropTypes.string, _react2["default"].PropTypes.number]),
headerContent: _react2["default"].PropTypes.bool,
//footer组件
footer: _react2["default"].PropTypes.node,
footerStyle: _react2["default"].PropTypes.object,
//默认是否打开
defaultExpanded: _react2["default"].PropTypes.bool,
//是否打开
expanded: _react2["default"].PropTypes.bool,
//每个panel的标记
eventKey: _react2["default"].PropTypes.any,
headerRole: _react2["default"].PropTypes.string,
panelRole: _react2["default"].PropTypes.string,
//颜色
colors: _react2["default"].PropTypes.oneOf(['primary', 'accent', 'success', 'info', 'warning', 'danger', 'default', 'bordered']),
// From Collapse.的扩展动画
onEnter: _react2["default"].PropTypes.func,
onEntering: _react2["default"].PropTypes.func,
onEntered: _react2["default"].PropTypes.func,
onExit: _react2["default"].PropTypes.func,
onExiting: _react2["default"].PropTypes.func,
onExited: _react2["default"].PropTypes.func
};
var defaultProps = {
defaultExpanded: false,
clsPrefix: "u-panel",
colors: "default"
};
var Panel = function (_React$Component) {
_inherits(Panel, _React$Component);
function Panel(props, context) {
_classCallCheck(this, Panel);
var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
_this.handleClickTitle = _this.handleClickTitle.bind(_this);
_this.state = {
expanded: _this.props.defaultExpanded
};
return _this;
}
//头部点击事件
Panel.prototype.handleClickTitle = function handleClickTitle(e) {
// 不让事件进入事件池
e.persist();
e.selected = true;
if (this.props.onSelect) {
this.props.onSelect(this.props.eventKey, e);
} else {
e.preventDefault();
}
if (e.selected) {
this.setState({ expanded: !this.state.expanded });
}
};
//渲染panelheader
Panel.prototype.renderHeader = function renderHeader(collapsible, header, id, role, expanded, clsPrefix) {
var titleClassName = clsPrefix + '-title';
if (!collapsible) {
if (!_react2["default"].isValidElement(header)) {
return header;
}
return (0, _react.cloneElement)(header, {
className: (0, _classnames2["default"])(header.props.className, titleClassName)
});
}
if (!_react2["default"].isValidElement(header)) {
return _react2["default"].createElement(
'h4',
{ role: 'presentation', className: titleClassName },
this.renderAnchor(header, id, role, expanded)
);
}
if (this.props.headerContent) {
return (0, _react.cloneElement)(header, {
className: (0, _classnames2["default"])(header.props.className, titleClassName)
});
}
return (0, _react.cloneElement)(header, {
className: (0, _classnames2["default"])(header.props.className, titleClassName),
children: this.renderAnchor(header.props.children, id, role, expanded)
});
};
//如果使用链接，渲染为a标签
Panel.prototype.renderAnchor = function renderAnchor(header, id, role, expanded) {
return _react2["default"].createElement(
'a',
{
role: role,
href: id && '#' + id,
onClick: this.handleClickTitle,
'aria-controls': id,
'aria-expanded': expanded,
'aria-selected': expanded,
className: expanded ? null : 'collapsed'
},
header
);
};
//如果有折叠动画，渲染折叠动画
Panel.prototype.renderCollapsibleBody = function renderCollapsibleBody(id, expanded, role, children, clsPrefix, animationHooks) {
return _react2["default"].createElement(
_beeTransition.Collapse,
_extends({ 'in': expanded }, animationHooks),
_react2["default"].createElement(
'div',
{
id: id,
role: role,
className: clsPrefix + '-collapse',
'aria-hidden': !expanded
},
this.renderBody(children, clsPrefix)
)
);
};
//渲染panelbody
Panel.prototype.renderBody = function renderBody(rawChildren, clsPrefix) {
var children = [];
var bodyChildren = [];
var bodyClassName = clsPrefix + '-body';
//添加到body的children中
function maybeAddBody() {
if (!bodyChildren.length) {
return;
}
// 给子组件添加key，为了之后触发事件时使用
children.push(_react2["default"].createElement(
'div',
{ key: children.length, className: bodyClassName },
bodyChildren
));
bodyChildren = [];
}
//转换为数组，方便复用
_react2["default"].Children.toArray(rawChildren).forEach(function (child) {
if (_react2["default"].isValidElement(child) && child.props.fill) {
maybeAddBody();
//将标示fill设置为undefined
children.push((0, _react.cloneElement)(child, { fill: undefined }));
return;
}
bodyChildren.push(child);
});
maybeAddBody();
return children;
};
Panel.prototype.render = function render() {
var _props = this.props;
var collapsible = _props.collapsible;
var header = _props.header;
var id = _props.id;
var footer = _props.footer;
var propsExpanded = _props.expanded;
var footerStyle = _props.footerStyle;
var headerStyle = _props.headerStyle;
var headerRole = _props.headerRole;
var panelRole = _props.panelRole;
var className = _props.className;
var colors = _props.colors;
var children = _props.children;
var onEnter = _props.onEnter;
var onEntering = _props.onEntering;
var onEntered = _props.onEntered;
var clsPrefix = _props.clsPrefix;
var onExit = _props.onExit;
var onExiting = _props.onExiting;
var onExited = _props.onExited;
var defaultExpanded = _props.defaultExpanded;
var eventKey = _props.eventKey;
var onSelect = _props.onSelect;
var props = _objectWithoutProperties(_props, ['collapsible', 'header', 'id', 'footer', 'expanded', 'footerStyle', 'headerStyle', 'headerRole', 'panelRole', 'className', 'colors', 'children', 'onEnter', 'onEntering', 'onEntered', 'clsPrefix', 'onExit', 'onExiting', 'onExited', 'defaultExpanded', 'eventKey', 'onSelect']);
var expanded = propsExpanded != null ? propsExpanded : this.state.expanded;
var classes = {};
classes['' + clsPrefix] = true;
classes[clsPrefix + '-' + colors] = true;
return _react2["default"].createElement(
'div',
_extends({}, props, {
className: (0, _classnames2["default"])(className, classes),
id: collapsible ? null : id
}),
header && _react2["default"].createElement(
'div',
{ className: clsPrefix + '-heading', style: headerStyle },
this.renderHeader(collapsible, header, id, headerRole, expanded, clsPrefix)
),
collapsible ? this.renderCollapsibleBody(id, expanded, panelRole, children, clsPrefix, { onEnter: onEnter, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited }) : this.renderBody(children, clsPrefix),
footer && _react2["default"].createElement(
'div',
{ className: clsPrefix + '-footer', style: footerStyle },
footer
)
);
};
return Panel;
}(_react2["default"].Component);
Panel.propTypes = propTypes;
Panel.defaultProps = defaultProps;
exports["default"] = Panel;
module.exports = exports['default'];
/***/ },
/* 9 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Fade = exports.Collapse = exports.Transition = undefined;
var _Transition2 = __webpack_require__(10);
var _Transition3 = _interopRequireDefault(_Transition2);
var _Collapse2 = __webpack_require__(15);
var _Collapse3 = _interopRequireDefault(_Collapse2);
var _Fade2 = __webpack_require__(58);
var _Fade3 = _interopRequireDefault(_Fade2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
exports.Transition = _Transition3["default"];
exports.Collapse = _Collapse3["default"];
exports.Fade = _Fade3["default"];
/***/ },
/* 10 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = undefined;
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = __webpack_require__(4);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(11);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _properties = __webpack_require__(12);
var _properties2 = _interopRequireDefault(_properties);
var _on = __webpack_require__(14);
var _on2 = _interopRequireDefault(_on);
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var transitionEndEvent = _properties2["default"].end;
//设置状态码
var UNMOUNTED = exports.UNMOUNTED = 0;
var EXITED = exports.EXITED = 1;
var ENTERING = exports.ENTERING = 2;
var ENTERED = exports.ENTERED = 3;
var EXITING = exports.EXITING = 4;
var propTypes = {
/**
* 是否触发动画
*/
"in": _react.PropTypes.bool,
/**
* 不显示的时候是否移除组件
*/
unmountOnExit: _react.PropTypes.bool,
/**
* 如果设置为默认显示，挂载时显示动画
*/
transitionAppear: _react.PropTypes.bool,
/**
* 设置超时时间，防止出现问题，可设置为>=动画时间
*/
timeout: _react.PropTypes.number,
/**
* 退出组件时添加的class
*/
exitedClassName: _react.PropTypes.string,
/**
* 退出组件中添加的class
*/
exitingClassName: _react.PropTypes.string,
/**
* 进入动画后添加的class
*/
enteredClassName: _react.PropTypes.string,
/**
* 进入动画时添加的class
*/
enteringClassName: _react.PropTypes.string,
/**
* 进入动画开始时的钩子函数
*/
onEnter: _react.PropTypes.func,
/**
* 进入动画中的钩子函数
*/
onEntering: _react.PropTypes.func,
/**
* 进入动画后的钩子函数
*/
onEntered: _react.PropTypes.func,
/**
* 退出动画开始时的钩子函数
*/
onExit: _react.PropTypes.func,
/**
* 退出动画中的钩子函数
*/
onExiting: _react.PropTypes.func,
/**
* 退出动画后的钩子函数
*/
onExited: _react.PropTypes.func
};
function noop() {}
var def