function ActionButton(props) {
(0, _classCallCheck3["default"])(this, ActionButton);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.onClick = function () {
var _this$props = _this.props,
actionFn = _this$props.actionFn,
closeModal = _this$props.closeModal;
if (actionFn) {
var ret = void 0;
if (actionFn.length) {
ret = actionFn(closeModal);
} else {
ret = actionFn();
if (!ret) {
closeModal();
}
}
if (ret && ret.then) {
_this.setState({ loading: true });
ret.then(function () {
// It's unnecessary to set loading=false, for the Modal will be unmounted after close.
// this.setState({ loading: false });
closeModal.apply(undefined, arguments);
});
}
} else {
closeModal();
}
};
_this.state = {
loading: false
};
return _this;
}n/a
function Affix(props) {
(0, _classCallCheck3["default"])(this, Affix);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.state = {
affixStyle: null,
placeholderStyle: null
};
return _this;
}n/a
function Alert(props) {
(0, _classCallCheck3["default"])(this, Alert);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleClose = function (e) {
e.preventDefault();
var dom = _reactDom2["default"].findDOMNode(_this);
dom.style.height = dom.offsetHeight + 'px';
// Magic code
// 重复一次后才能正确设置 height
dom.style.height = dom.offsetHeight + 'px';
_this.setState({
closing: false
});
(_this.props.onClose || noop)(e);
};
_this.animationEnd = function () {
_this.setState({
closed: true,
closing: true
});
};
_this.state = {
closing: true,
closed: false
};
return _this;
}n/a
function Anchor(props) {
(0, _classCallCheck3["default"])(this, Anchor);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleScroll = function () {
_this.setState({
activeAnchor: _this.anchorHelper.getCurrentAnchor(_this.props.offsetTop, _this.props.bounds)
});
};
_this.updateInk = function () {
var activeAnchor = _this.anchorHelper.getCurrentActiveAnchor();
if (activeAnchor) {
_this.refs.ink.style.top = activeAnchor.offsetTop + activeAnchor.clientHeight / 2 - 4.5 + 'px';
}
};
_this.clickAnchorLink = function (href, component) {
_this._avoidInk = true;
_this.refs.ink.style.top = component.offsetTop + component.clientHeight / 2 - 4.5 + 'px';
_this.anchorHelper.scrollTo(href, _this.props.offsetTop, _anchorHelper.getDefaultTarget, function () {
_this._avoidInk = false;
});
};
_this.renderAnchorLink = function (child) {
var href = child.props.href;
if (child.type.__ANT_ANCHOR_LINK && href) {
_this.anchorHelper.addLink(href);
return _react2["default"].cloneElement(child, {
onClick: _this.clickAnchorLink,
prefixCls: _this.props.prefixCls,
bounds: _this.props.bounds,
affix: _this.props.affix || _this.props.showInkInFixed,
offsetTop: _this.props.offsetTop
});
}
return child;
};
_this.state = {
activeAnchor: null,
animated: true
};
_this.anchorHelper = new _anchorHelper2["default"]();
return _this;
}n/a
function AnchorLink() {
(0, _classCallCheck3["default"])(this, AnchorLink);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.renderAnchorLink = function (child) {
var href = child.props.href;
if (href) {
_this.context.anchorHelper.addLink(href);
return _react2["default"].cloneElement(child, {
onClick: _this.props.onClick,
prefixCls: _this.props.prefixCls,
affix: _this.props.affix,
offsetTop: _this.props.offsetTop
});
}
return child;
};
_this.refsTo = function (component) {
_this._component = component;
};
_this.scrollTo = function (e) {
e.preventDefault();
var _this$props = _this.props,
onClick = _this$props.onClick,
href = _this$props.href;
var anchorHelper = _this.context.anchorHelper;
if (onClick) {
onClick(href, _this._component);
} else {
var scrollToFn = anchorHelper ? anchorHelper.scrollTo : _anchorHelper.scrollTo;
scrollToFn(href, _this.props.offsetTop);
}
};
return _this;
}n/a
function AutoComplete() {
(0, _classCallCheck3["default"])(this, AutoComplete);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.getInputElement = function () {
var children = _this.props.children;
var element = children && _react2["default"].isValidElement(children) && children.type !== _rcSelect.Option ? _react2["default
"].Children.only(_this.props.children) : _react2["default"].createElement(_input2["default"], null);
return _react2["default"].createElement(
_InputElement2["default"],
(0, _extends3["default"])({}, element.props, { className: (0, _classnames2["default"])('ant-input', element.props.className
) }),
element
);
};
return _this;
}n/a
function BackTop(props) {
(0, _classCallCheck3["default"])(this, BackTop);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.getCurrentScrollTop = function () {
var targetNode = (_this.props.target || getDefaultTarget)();
if (targetNode === window) {
return window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
}
return targetNode.scrollTop;
};
_this.scrollToTop = function (e) {
var scrollTop = _this.getCurrentScrollTop();
var startTime = Date.now();
var frameFunc = function frameFunc() {
var timestamp = Date.now();
var time = timestamp - startTime;
_this.setScrollTop(easeInOutCubic(time, scrollTop, 0, 450));
if (time < 450) {
reqAnimFrame(frameFunc);
}
};
reqAnimFrame(frameFunc);
(_this.props.onClick || noop)(e);
};
_this.handleScroll = function () {
var _this$props = _this.props,
visibilityHeight = _this$props.visibilityHeight,
_this$props$target = _this$props.target,
target = _this$props$target === undefined ? getDefaultTarget : _this$props$target;
var scrollTop = (0, _getScroll2["default"])(target(), true);
_this.setState({
visible: scrollTop > visibilityHeight
});
};
_this.state = {
visible: false
};
return _this;
}n/a
function Badge() {
(0, _classCallCheck3["default"])(this, Badge);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Breadcrumb() {
(0, _classCallCheck3["default"])(this, Breadcrumb);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function BreadcrumbItem() {
(0, _classCallCheck3["default"])(this, BreadcrumbItem);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Button(props) {
(0, _classCallCheck3["default"])(this, Button);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleClick = function (e) {
// Add click effect
_this.setState({ clicked: true });
clearTimeout(_this.timeout);
_this.timeout = setTimeout(function () {
return _this.setState({ clicked: false });
}, 500);
var onClick = _this.props.onClick;
if (onClick) {
onClick(e);
}
};
// Handle auto focus when click button in Chrome
_this.handleMouseUp = function (e) {
if (_this.props.onMouseUp) {
_this.props.onMouseUp(e);
}
};
_this.state = {
loading: props.loading
};
return _this;
}n/a
function Calendar(props, context) {
(0, _classCallCheck3["default"])(this, Calendar);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props, context));
_this.monthCellRender = function (value) {
var _this$props = _this.props,
prefixCls = _this$props.prefixCls,
_this$props$monthCell = _this$props.monthCellRender,
monthCellRender = _this$props$monthCell === undefined ? noop : _this$props$monthCell;
return _react2["default"].createElement(
'div',
{ className: prefixCls + '-month' },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-value' },
value.localeData().monthsShort(value)
),
_react2["default"].createElement(
'div',
{ className: prefixCls + '-content' },
monthCellRender(value)
)
);
};
_this.dateCellRender = function (value) {
var _this$props2 = _this.props,
prefixCls = _this$props2.prefixCls,
_this$props2$dateCell = _this$props2.dateCellRender,
dateCellRender = _this$props2$dateCell === undefined ? noop : _this$props2$dateCell;
return _react2["default"].createElement(
'div',
{ className: prefixCls + '-date' },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-value' },
zerofixed(value.date())
),
_react2["default"].createElement(
'div',
{ className: prefixCls + '-content' },
dateCellRender(value)
)
);
};
_this.setValue = function (value, way) {
if (!('value' in _this.props)) {
_this.setState({ value: value });
}
if (way === 'select') {
if (_this.props.onSelect) {
_this.props.onSelect(value);
}
} else if (way === 'changePanel') {
_this.onPanelChange(value, _this.state.mode);
}
};
_this.setType = function (type) {
var mode = type === 'date' ? 'month' : 'year';
if (_this.state.mode !== mode) {
_this.setState({ mode: mode });
_this.onPanelChange(_this.state.value, mode);
}
};
_this.onHeaderValueChange = function (value) {
_this.setValue(value, 'changePanel');
};
_this.onHeaderTypeChange = function (type) {
_this.setType(type);
};
_this.onSelect = function (value) {
_this.setValue(value, 'select');
};
// Make sure that moment locale had be set correctly.
(0, _getLocale.getComponentLocale)(props, context, 'Calendar', function () {
return require('./locale/zh_CN');
});
var value = props.value || props.defaultValue || (0, _moment2["default"])();
if (!_moment2["default"].isMoment(value)) {
throw new Error('The value/defaultValue of Calendar must be a moment object after `antd@2.0`, ' + 'see: http://u.ant.design
/calendar-value');
}
_this.state = {
value: value,
mode: props.mode
};
return _this;
}n/a
Card = function (props) {
var _classNames;
var _props$prefixCls = props.prefixCls,
prefixCls = _props$prefixCls === undefined ? 'ant-card' : _props$prefixCls,
className = props.className,
extra = props.extra,
bodyStyle = props.bodyStyle,
title = props.title,
loading = props.loading,
_props$bordered = props.bordered,
bordered = _props$bordered === undefined ? true : _props$bordered,
others = __rest(props, ["prefixCls", "className", "extra", "bodyStyle", "title", "loading", "bordered"]);
var children = props.children;
var classString = (0, _classnames2["default"])(prefixCls, className, (_classNames = {}, (0, _defineProperty3["default"])(_classNames
, prefixCls + '-loading', loading), (0, _defineProperty3["default"])(_classNames, prefixCls + '-bordered', bordered), _classNames
));
if (loading) {
children = _react2["default"].createElement(
'div',
null,
_react2["default"].createElement('p', { className: prefixCls + '-loading-block', style: { width: '94%' } }),
_react2["default"].createElement(
'p',
null,
_react2["default"].createElement('span', { className: prefixCls + '-loading-block', style: { width: '28%' } }),
_react2["default"].createElement('span', { className: prefixCls + '-loading-block', style: { width: '62%' } })
),
_react2["default"].createElement(
'p',
null,
_react2["default"].createElement('span', { className: prefixCls + '-loading-block', style: { width: '22%' } }),
_react2["default"].createElement('span', { className: prefixCls + '-loading-block', style: { width: '66%' } })
),
_react2["default"].createElement(
'p',
null,
_react2["default"].createElement('span', { className: prefixCls + '-loading-block', style: { width: '56%' } }),
_react2["default"].createElement('span', { className: prefixCls + '-loading-block', style: { width: '39%' } })
),
_react2["default"].createElement(
'p',
null,
_react2["default"].createElement('span', { className: prefixCls + '-loading-block', style: { width: '21%' } }),
_react2["default"].createElement('span', { className: prefixCls + '-loading-block', style: { width: '15%' } }),
_react2["default"].createElement('span', { className: prefixCls + '-loading-block', style: { width: '40%' } })
)
);
}
var head = void 0;
if (!title) {
head = null;
} else {
head = typeof title === 'string' ? _react2["default"].createElement(
'div',
{ className: prefixCls + '-head' },
_react2["default"].createElement(
'h3',
{ className: prefixCls + '-head-title' },
title
)
) : _react2["default"].createElement(
'div',
{ className: prefixCls + '-head' },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-head-title' },
title
)
);
}
return _react2["default"].createElement(
'div',
(0, _extends3["default"])({}, others, { className: classString }),
head,
extra ? _react2["default"].createElement(
'div',
{ className: prefixCls + '-extra' },
extra
) : null,
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body', style: bodyStyle },
children
)
);
}n/a
function Carousel() {
(0, _classCallCheck3["default"])(this, Carousel);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this));
_this.onWindowResized = function () {
// Fix https://github.com/ant-design/ant-design/issues/2550
var slick = _this.refs.slick;
var autoplay = _this.props.autoplay;
if (autoplay && slick && slick.innerSlider && slick.innerSlider.autoPlay) {
slick.innerSlider.autoPlay();
}
};
_this.onWindowResized = (0, _lodash2["default"])(_this.onWindowResized, 500, {
leading: false
});
return _this;
}n/a
function Cascader(props) {
(0, _classCallCheck3["default"])(this, Cascader);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleChange = function (value, selectedOptions) {
_this.setState({ inputValue: '' });
if (selectedOptions[0].__IS_FILTERED_OPTION) {
var unwrappedValue = value[0];
var unwrappedSelectedOptions = selectedOptions[0].path;
_this.setValue(unwrappedValue, unwrappedSelectedOptions);
return;
}
_this.setValue(value, selectedOptions);
};
_this.handlePopupVisibleChange = function (popupVisible) {
_this.setState({
popupVisible: popupVisible,
inputFocused: popupVisible,
inputValue: popupVisible ? _this.state.inputValue : ''
});
var onPopupVisibleChange = _this.props.onPopupVisibleChange;
if (onPopupVisibleChange) {
onPopupVisibleChange(popupVisible);
}
};
_this.handleInputBlur = function () {
_this.setState({
inputFocused: false
});
};
_this.handleInputClick = function (e) {
var _this$state = _this.state,
inputFocused = _this$state.inputFocused,
popupVisible = _this$state.popupVisible;
// Prevent `Trigger` behaviour.
if (inputFocused || popupVisible) {
e.stopPropagation();
e.nativeEvent.stopImmediatePropagation();
}
};
_this.handleKeyDown = function (e) {
if (e.keyCode === _KeyCode2["default"].BACKSPACE) {
e.stopPropagation();
}
};
_this.handleInputChange = function (e) {
var inputValue = e.target.value;
_this.setState({ inputValue: inputValue });
};
_this.setValue = function (value) {
var selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
if (!('value' in _this.props)) {
_this.setState({ value: value });
}
var onChange = _this.props.onChange;
if (onChange) {
onChange(value, selectedOptions);
}
};
_this.clearSelection = function (e) {
e.preventDefault();
e.stopPropagation();
if (!_this.state.inputValue) {
_this.setValue([]);
_this.setState({ popupVisible: false });
} else {
_this.setState({ inputValue: '' });
}
};
_this.state = {
value: props.value || props.defaultValue || [],
inputValue: '',
inputFocused: false,
popupVisible: false,
flattenOptions: props.showSearch && _this.flattenTree(props.options, props.changeOnSelect)
};
return _this;
}n/a
function Checkbox() {
(0, _classCallCheck3["default"])(this, Checkbox);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function CheckboxGroup(props) {
(0, _classCallCheck3["default"])(this, CheckboxGroup);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.toggleOption = function (option) {
var optionIndex = _this.state.value.indexOf(option.value);
var value = [].concat((0, _toConsumableArray3["default"])(_this.state.value));
if (optionIndex === -1) {
value.push(option.value);
} else {
value.splice(optionIndex, 1);
}
if (!('value' in _this.props)) {
_this.setState({ value: value });
}
var onChange = _this.props.onChange;
if (onChange) {
onChange(value);
}
};
_this.state = {
value: props.value || props.defaultValue || []
};
return _this;
}n/a
function Col() {
(0, _classCallCheck3["default"])(this, Col);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Collapse() {
(0, _classCallCheck3["default"])(this, Collapse);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component2.apply(this, arguments));
}n/a
function CollapsePanel() {
_classCallCheck(this, CollapsePanel);
return _possibleConstructorReturn(this, _Component.apply(this, arguments));
}n/a
function PickerWrapper() {
(0, _classCallCheck3["default"])(this, PickerWrapper);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleOpenChange = function (open) {
var _this$props = _this.props,
onOpenChange = _this$props.onOpenChange,
toggleOpen = _this$props.toggleOpen;
onOpenChange(open);
if (toggleOpen) {
(0, _warning2["default"])(false, '`toggleOpen` is deprecated and will be removed in the future, ' + 'please use `onOpenChange
` instead, see: http://u.ant.design/date-picker-on-open-change');
toggleOpen({ open: open });
}
};
return _this;
}n/a
function Calendar() {
(0, _classCallCheck3["default"])(this, Calendar);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function PickerWrapper() {
(0, _classCallCheck3["default"])(this, PickerWrapper);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleOpenChange = function (open) {
var _this$props = _this.props,
onOpenChange = _this$props.onOpenChange,
toggleOpen = _this$props.toggleOpen;
onOpenChange(open);
if (toggleOpen) {
(0, _warning2["default"])(false, '`toggleOpen` is deprecated and will be removed in the future, ' + 'please use `onOpenChange
` instead, see: http://u.ant.design/date-picker-on-open-change');
toggleOpen({ open: open });
}
};
return _this;
}n/a
function PickerWrapper() {
(0, _classCallCheck3["default"])(this, PickerWrapper);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleOpenChange = function (open) {
var _this$props = _this.props,
onOpenChange = _this$props.onOpenChange,
toggleOpen = _this$props.toggleOpen;
onOpenChange(open);
if (toggleOpen) {
(0, _warning2["default"])(false, '`toggleOpen` is deprecated and will be removed in the future, ' + 'please use `onOpenChange
` instead, see: http://u.ant.design/date-picker-on-open-change');
toggleOpen({ open: open });
}
};
return _this;
}n/a
function Dropdown() {
(0, _classCallCheck3["default"])(this, Dropdown);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function DropdownButton() {
(0, _classCallCheck3["default"])(this, DropdownButton);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Form(props) {
(0, _classCallCheck3["default"])(this, Form);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
(0, _warning2["default"])(!props.form, 'It is unnecessary to pass `form` to `Form` after antd@1.7.0.');
return _this;
}n/a
function FormItem() {
(0, _classCallCheck3["default"])(this, FormItem);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Header() {
(0, _classCallCheck3["default"])(this, Header);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.onYearChange = function (year) {
var newValue = _this.props.value.clone();
newValue.year(parseInt(year, 10));
var onValueChange = _this.props.onValueChange;
if (onValueChange) {
onValueChange(newValue);
}
};
_this.onMonthChange = function (month) {
var newValue = _this.props.value.clone();
newValue.month(parseInt(month, 10));
var onValueChange = _this.props.onValueChange;
if (onValueChange) {
onValueChange(newValue);
}
};
_this.onTypeChange = function (e) {
var onTypeChange = _this.props.onTypeChange;
if (onTypeChange) {
onTypeChange(e.target.value);
}
};
return _this;
}n/a
function Icon(props) {
var type = props.type,
_props$className = props.className,
className = _props$className === undefined ? '' : _props$className,
spin = props.spin;
var classString = (0, _classnames2["default"])((0, _defineProperty3["default"])({
anticon: true,
'anticon-spin': !!spin || type === 'loading'
}, 'anticon-' + type, true), className);
return React.createElement('i', (0, _extends3["default"])({}, (0, _omit2["default"])(props, ['type', 'spin']), { className:
classString }));
}n/a
function Input() {
(0, _classCallCheck3["default"])(this, Input);
var _this = (0, _possibleConstructorReturn3["default"])(this, _Component.apply(this, arguments));
_this.state = {
textareaStyles: null,
isFocus: false
};
_this.handleKeyDown = function (e) {
var _this$props = _this.props,
onPressEnter = _this$props.onPressEnter,
onKeyDown = _this$props.onKeyDown;
if (e.keyCode === 13 && onPressEnter) {
onPressEnter(e);
}
if (onKeyDown) {
onKeyDown(e);
}
};
_this.handleTextareaChange = function (e) {
if (!('value' in _this.props)) {
_this.resizeTextarea();
}
var onChange = _this.props.onChange;
if (onChange) {
onChange(e);
}
};
_this.resizeTextarea = function () {
var _this$props2 = _this.props,
type = _this$props2.type,
autosize = _this$props2.autosize;
if (type !== 'textarea' || !autosize || !_this.refs.input) {
return;
}
var minRows = autosize ? autosize.minRows : null;
var maxRows = autosize ? autosize.maxRows : null;
var textareaStyles = (0, _calculateNodeHeight2["default"])(_this.refs.input, false, minRows, maxRows);
_this.setState({ textareaStyles: textareaStyles });
};
return _this;
}n/a
function Search() {
(0, _classCallCheck3["default"])(this, Search);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.onSearch = function () {
var onSearch = _this.props.onSearch;
if (onSearch) {
onSearch(_this.input.refs.input.value);
}
_this.input.refs.input.focus();
};
return _this;
}n/a
function InputElement() {
(0, _classCallCheck3["default"])(this, InputElement);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.focus = function () {
_this.ele.focus ? _this.ele.focus() : (0, _reactDom.findDOMNode)(_this.ele).focus();
};
_this.blur = function () {
_this.ele.blur ? _this.ele.blur() : (0, _reactDom.findDOMNode)(_this.ele).blur();
};
return _this;
}n/a
function InputNumber() {
(0, _classCallCheck3["default"])(this, InputNumber);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Adapter() {
(0, _classCallCheck3["default"])(this, Adapter);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Adapter() {
(0, _classCallCheck3["default"])(this, Adapter);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Adapter() {
(0, _classCallCheck3["default"])(this, Adapter);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Adapter() {
(0, _classCallCheck3["default"])(this, Adapter);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Sider(props) {
(0, _classCallCheck3["default"])(this, Sider);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.responsiveHandler = function (mql) {
_this.setState({ below: mql.matches });
if (_this.state.collapsed !== mql.matches) {
_this.setCollapsed(mql.matches, 'responsive');
}
};
_this.setCollapsed = function (collapsed, type) {
if (!('collapsed' in _this.props)) {
_this.setState({
collapsed: collapsed
});
}
var onCollapse = _this.props.onCollapse;
if (onCollapse) {
onCollapse(collapsed, type);
}
};
_this.toggle = function () {
var collapsed = !_this.state.collapsed;
_this.setCollapsed(collapsed, 'clickTrigger');
};
_this.belowShowChange = function () {
_this.setState({ belowShow: !_this.state.belowShow });
};
var matchMedia = void 0;
if (typeof window !== 'undefined') {
matchMedia = window.matchMedia;
}
if (matchMedia && props.breakpoint && props.breakpoint in dimensionMap) {
_this.mql = matchMedia('(max-width: ' + dimensionMap[props.breakpoint] + ')');
}
var collapsed = void 0;
if ('collapsed' in props) {
collapsed = props.collapsed;
} else {
collapsed = props.defaultCollapsed;
}
_this.state = {
collapsed: collapsed,
below: false
};
return _this;
}n/a
function LocaleProvider() {
(0, _classCallCheck3["default"])(this, LocaleProvider);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
n/a
n/a
function Nav() {
_classCallCheck(this, Nav);
return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
}n/a
function Menu(props) {
(0, _classCallCheck3["default"])(this, Menu);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleClick = function (e) {
_this.setOpenKeys([]);
var onClick = _this.props.onClick;
if (onClick) {
onClick(e);
}
};
_this.handleOpenChange = function (openKeys) {
_this.setOpenKeys(openKeys);
var onOpenChange = _this.props.onOpenChange;
if (onOpenChange) {
onOpenChange(openKeys);
}
};
(0, _warning2["default"])(!('onOpen' in props || 'onClose' in props), '`onOpen` and `onClose` are removed, please use `onOpenChange
` instead, ' + 'see: http://u.ant.design/menu-on-open-change.');
var openKeys = void 0;
if ('defaultOpenKeys' in props) {
openKeys = props.defaultOpenKeys;
} else if ('openKeys' in props) {
openKeys = props.openKeys;
}
_this.state = {
openKeys: openKeys || []
};
return _this;
}n/a
Menu.Divider = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
Menu.Item = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
Menu.ItemGroup = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
Menu.SubMenu = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
function MiniSelect() {
(0, _classCallCheck3["default"])(this, MiniSelect);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Modal() {
(0, _classCallCheck3["default"])(this, Modal);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleCancel = function (e) {
var onCancel = _this.props.onCancel;
if (onCancel) {
onCancel(e);
}
};
_this.handleOk = function (e) {
var onOk = _this.props.onOk;
if (onOk) {
onOk(e);
}
};
return _this;
}n/a
function _a() {
(0, _classCallCheck3["default"])(this, _a);
return (0, _possibleConstructorReturn3["default"])(this, _Component.apply(this, arguments));
}n/a
function _a() {
(0, _classCallCheck3["default"])(this, _a);
return (0, _possibleConstructorReturn3["default"])(this, _Component.apply(this, arguments));
}n/a
function Popover() {
(0, _classCallCheck3["default"])(this, Popover);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Progress() {
(0, _classCallCheck3["default"])(this, Progress);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Radio() {
(0, _classCallCheck3["default"])(this, Radio);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function RadioButton() {
(0, _classCallCheck3["default"])(this, RadioButton);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function RadioGroup(props) {
(0, _classCallCheck3["default"])(this, RadioGroup);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.onRadioChange = function (ev) {
var lastValue = _this.state.value;
var value = ev.target.value;
if (!('value' in _this.props)) {
_this.setState({
value: value
});
}
var onChange = _this.props.onChange;
if (onChange && value !== lastValue) {
onChange(ev);
}
};
var value = void 0;
if ('value' in props) {
value = props.value;
} else if ('defaultValue' in props) {
value = props.defaultValue;
} else {
var checkedValue = getCheckedValue(props.children);
value = checkedValue && checkedValue.value;
}
_this.state = {
value: value
};
return _this;
}n/a
function RangePicker(props) {
(0, _classCallCheck3["default"])(this, RangePicker);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.clearSelection = function (e) {
e.preventDefault();
e.stopPropagation();
_this.setState({ value: [] });
_this.handleChange([]);
};
_this.handleChange = function (value) {
var props = _this.props;
if (!('value' in props)) {
_this.setState({ value: value, showDate: getShowDateFromValue(value) });
}
props.onChange(value, [formatValue(value[0], props.format), formatValue(value[1], props.format)]);
};
_this.handleOpenChange = function (open) {
_this.setState({ open: open });
var onOpenChange = _this.props.onOpenChange;
if (onOpenChange) {
onOpenChange(open);
}
};
_this.handleShowDateChange = function (showDate) {
return _this.setState({ showDate: showDate });
};
_this.renderFooter = function () {
var _this$props = _this.props,
prefixCls = _this$props.prefixCls,
ranges = _this$props.ranges;
if (!ranges) {
return null;
}
var operations = Object.keys(ranges).map(function (range) {
var value = ranges[range];
return _react2["default"].createElement(
'a',
{ key: range, onClick: function onClick() {
return _this.setValue(value);
} },
range
);
});
return _react2["default"].createElement(
'div',
{ className: prefixCls + '-range-quick-selector' },
operations
);
};
var value = props.value || props.defaultValue || [];
if (value[0] && !_moment2["default"].isMoment(value[0]) || value[1] && !_moment2["default"].isMoment(value[1])) {
throw new Error('The value/defaultValue of RangePicker must be a moment object array after `antd@2.0`, ' + 'see: http://
u.ant.design/date-picker-value');
}
_this.state = {
value: value,
open: props.open
};
return _this;
}n/a
function Rate() {
(0, _classCallCheck3["default"])(this, Rate);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Row() {
(0, _classCallCheck3["default"])(this, Row);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function ScrollNumber(props) {
(0, _classCallCheck3["default"])(this, ScrollNumber);
var _this = (0, _possibleConstructorReturn3["default"])(this, _Component.call(this, props));
_this.state = {
animateStarted: true,
count: props.count
};
return _this;
}n/a
function Select() {
(0, _classCallCheck3["default"])(this, Select);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function SelectionBox(props) {
(0, _classCallCheck3["default"])(this, SelectionBox);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.state = {
checked: _this.getCheckState(props)
};
return _this;
}n/a
function SelectionCheckboxAll(props) {
(0, _classCallCheck3["default"])(this, SelectionCheckboxAll);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleSelectAllChagne = function (e) {
var checked = e.target.checked;
_this.props.onSelect(checked ? 'all' : 'removeAll', 0, null);
};
_this.defaultSelections = [{
key: 'all',
text: props.locale.selectAll,
onSelect: function onSelect() {}
}, {
key: 'invert',
text: props.locale.selectInvert,
onSelect: function onSelect() {}
}];
_this.state = {
checked: _this.getCheckState(props),
indeterminate: _this.getIndeterminateState(props)
};
return _this;
}n/a
function Slider(props) {
(0, _classCallCheck3["default"])(this, Slider);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.toggleTooltipVisible = function (index, visible) {
_this.setState(function (_ref) {
var visibles = _ref.visibles;
return {
visibles: (0, _extends4["default"])({}, visibles, (0, _defineProperty3["default"])({}, index, visible))
};
});
};
_this.handleWithTooltip = function (_a) {
var value = _a.value,
dragging = _a.dragging,
index = _a.index,
restProps = __rest(_a, ["value", "dragging", "index"]);
var _this$props = _this.props,
tooltipPrefixCls = _this$props.tooltipPrefixCls,
tipFormatter = _this$props.tipFormatter;
var visibles = _this.state.visibles;
return _react2["default"].createElement(
_tooltip2["default"],
{ prefixCls: tooltipPrefixCls, title: tipFormatter ? tipFormatter(value) : '', visible: tipFormatter && (visibles[index
] || dragging), placement: 'top', transitionName: 'zoom-down', key: index },
_react2["default"].createElement(_Handle2["default"], (0, _extends4["default"])({}, restProps, { onMouseEnter: function
onMouseEnter() {
return _this.toggleTooltipVisible(index, true);
}, onMouseLeave: function onMouseLeave() {
return _this.toggleTooltipVisible(index, false);
} }))
);
};
_this.state = {
visibles: {}
};
return _this;
}n/a
function Spin(props) {
(0, _classCallCheck3["default"])(this, Spin);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
var spinning = props.spinning;
_this.state = {
spinning: spinning
};
return _this;
}n/a
function Steps() {
(0, _classCallCheck3["default"])(this, Steps);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Step() {
_classCallCheck(this, Step);
return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
}n/a
function Switch() {
(0, _classCallCheck3["default"])(this, Switch);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Table(props) {
(0, _classCallCheck3["default"])(this, Table);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.getCheckboxPropsByItem = function (item, index) {
var _this$props$rowSelect = _this.props.rowSelection,
rowSelection = _this$props$rowSelect === undefined ? {} : _this$props$rowSelect;
if (!rowSelection.getCheckboxProps) {
return {};
}
var key = _this.getRecordKey(item, index);
// Cache checkboxProps
if (!_this.CheckboxPropsCache[key]) {
_this.CheckboxPropsCache[key] = rowSelection.getCheckboxProps(item);
}
return _this.CheckboxPropsCache[key];
};
_this.handleFilter = function (column, nextFilters) {
var props = _this.props;
var pagination = (0, _objectAssign2["default"])({}, _this.state.pagination);
var filters = (0, _objectAssign2["default"])({}, _this.state.filters, (0, _defineProperty3["default"])({}, _this.getColumnKey
(column), nextFilters));
// Remove filters not in current columns
var currentColumnKeys = [];
(0, _util.treeMap)(_this.columns, function (c) {
if (!c.children) {
currentColumnKeys.push(_this.getColumnKey(c));
}
});
Object.keys(filters).forEach(function (columnKey) {
if (currentColumnKeys.indexOf(columnKey) < 0) {
delete filters[columnKey];
}
});
if (props.pagination) {
// Reset current prop
pagination.current = 1;
pagination.onChange(pagination.current);
}
var newState = {
pagination: pagination,
filters: {}
};
var filtersToSetState = (0, _objectAssign2["default"])({}, filters);
// Remove filters which is controlled
_this.getFilteredValueColumns().forEach(function (col) {
var columnKey = _this.getColumnKey(col);
if (columnKey) {
delete filtersToSetState[columnKey];
}
});
if (Object.keys(filtersToSetState).length > 0) {
newState.filters = filtersToSetState;
}
// Controlled current prop will not respond user interaction
if ((0, _typeof3["default"])(props.pagination) === 'object' && 'current' in props.pagination) {
newState.pagination = (0, _objectAssign2["default"])({}, pagination, {
current: _this.state.pagination.current
});
}
_this.setState(newState, function () {
_this.store.setState({
selectionDirty: false
});
var onChange = _this.props.onChange;
if (onChange) {
onChange.apply(null, _this.prepareParamsArguments((0, _objectAssign2["default"])({}, _this.state, {
selectionDirty: false,
filters: filters,
pagination: pagination
})));
}
});
};
_this.handleSelect = function (record, rowIndex, e) {
var checked = e.target.checked;
var defaultSelection = _this.store.getState().selectionDirty ? [] : _this.getDefaultSelection();
var selectedRowKeys = _this.store.getState().selectedRowKeys.concat(defaultSelection);
var key = _this.getRecordKey(record, rowIndex);
if (checked) {
selectedRowKeys.push(_this.getRecordKey(record, rowIndex));
} else {
selectedRowKeys = selectedRowKeys.filter(function (i) {
return key !== i;
});
}
_this.store.setState({
selectionDirty: true
});
_this.setSelectedRowKeys(selectedRowKeys, {
selectWay: 'onSelect',
record: record,
checked: checked
});
};
_this.handleRadioSelect = function (record, rowIndex, e) {
var checked = e.target.checked;
var defaultSelection = _this.store.getState(). ...n/a
function Tabs() {
(0, _classCallCheck3["default"])(this, Tabs);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.createNewTab = function (targetKey) {
var onEdit = _this.props.onEdit;
if (onEdit) {
onEdit(targetKey, 'add');
}
};
_this.removeTab = function (targetKey, e) {
e.stopPropagation();
if (!targetKey) {
return;
}
var onEdit = _this.props.onEdit;
if (onEdit) {
onEdit(targetKey, 'remove');
}
};
_this.handleChange = function (activeKey) {
var onChange = _this.props.onChange;
if (onChange) {
onChange(activeKey);
}
};
return _this;
}n/a
Tabs.TabPane = function (props, context, updater) {
// This constructor is overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : undefined;
}
// Wire up auto-binding
if (this.__reactAutoBindMap) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (typeof initialState === 'undefined' && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
!(typeof initialState === 'object' && !Array.isArray(initialState)) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%
s.getInitialState(): must return an object or null', Constructor.displayName || 'ReactCompositeComponent') : invariant(false) :
undefined;
this.state = initialState;
}n/a
function Tag(props) {
(0, _classCallCheck3["default"])(this, Tag);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.close = function (e) {
var onClose = _this.props.onClose;
if (onClose) {
onClose(e);
}
if (e.defaultPrevented) {
return;
}
var dom = _reactDom2["default"].findDOMNode(_this);
dom.style.width = dom.getBoundingClientRect().width + 'px';
// It's Magic Code, don't know why
dom.style.width = dom.getBoundingClientRect().width + 'px';
_this.setState({
closing: true
});
};
_this.animationEnd = function (_, existed) {
if (!existed && !_this.state.closed) {
_this.setState({
closed: true,
closing: false
});
var afterClose = _this.props.afterClose;
if (afterClose) {
afterClose();
}
}
};
_this.state = {
closing: false,
closed: false
};
return _this;
}n/a
function CheckableTag() {
(0, _classCallCheck3["default"])(this, CheckableTag);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleClick = function () {
var _this$props = _this.props,
checked = _this$props.checked,
onChange = _this$props.onChange;
if (onChange) {
onChange(!checked);
}
};
return _this;
}n/a
function _a() {
(0, _classCallCheck3["default"])(this, _a);
return (0, _possibleConstructorReturn3["default"])(this, _Component.apply(this, arguments));
}n/a
function Timeline() {
(0, _classCallCheck3["default"])(this, Timeline);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function TimelineItem() {
(0, _classCallCheck3["default"])(this, TimelineItem);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Tooltip(props) {
(0, _classCallCheck3["default"])(this, Tooltip);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.onVisibleChange = function (visible) {
var onVisibleChange = _this.props.onVisibleChange;
if (!('visible' in _this.props)) {
_this.setState({ visible: _this.isNoTitle() ? false : visible });
}
if (onVisibleChange && !_this.isNoTitle()) {
onVisibleChange(visible);
}
};
// 动态设置动画点
_this.onPopupAlign = function (domNode, align) {
var placements = _this.getPlacements();
// 当前返回的位置
var placement = Object.keys(placements).filter(function (key) {
return placements[key].points[0] === align.points[0] && placements[key].points[1] === align.points[1];
})[0];
if (!placement) {
return;
}
// 根据当前坐标设置动画点
var rect = domNode.getBoundingClientRect();
var transformOrigin = {
top: '50%',
left: '50%'
};
if (placement.indexOf('top') >= 0 || placement.indexOf('Bottom') >= 0) {
transformOrigin.top = rect.height - align.offset[1] + 'px';
} else if (placement.indexOf('Top') >= 0 || placement.indexOf('bottom') >= 0) {
transformOrigin.top = -align.offset[1] + 'px';
}
if (placement.indexOf('left') >= 0 || placement.indexOf('Right') >= 0) {
transformOrigin.left = rect.width - align.offset[0] + 'px';
} else if (placement.indexOf('right') >= 0 || placement.indexOf('Left') >= 0) {
transformOrigin.left = -align.offset[0] + 'px';
}
domNode.style.transformOrigin = transformOrigin.left + ' ' + transformOrigin.top;
};
_this.state = {
visible: !!props.visible
};
return _this;
}n/a
function _a() {
(0, _classCallCheck3["default"])(this, _a);
return (0, _possibleConstructorReturn3["default"])(this, _Component.apply(this, arguments));
}n/a
function Tree() {
(0, _classCallCheck3["default"])(this, Tree);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component2.apply(this, arguments));
}n/a
function TreeNode(props) {
_classCallCheck(this, TreeNode);
var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
['onExpand', 'onCheck', 'onContextMenu', 'onMouseEnter', 'onMouseLeave', 'onDragStart', 'onDragEnter', 'onDragOver', 'onDragLeave
', 'onDrop', 'onDragEnd'].forEach(function (m) {
_this[m] = _this[m].bind(_this);
});
_this.state = {
dataLoading: false,
dragNodeHighlight: false
};
return _this;
}n/a
function _a() {
(0, _classCallCheck3["default"])(this, _a);
return (0, _possibleConstructorReturn3["default"])(this, _Component.apply(this, arguments));
}n/a
function Upload(props) {
(0, _classCallCheck3["default"])(this, Upload);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.onStart = function (file) {
var targetItem = void 0;
var nextFileList = _this.state.fileList.concat();
if (file.length > 0) {
targetItem = file.map(function (f) {
var fileObject = (0, _utils.fileToObject)(f);
fileObject.status = 'uploading';
return fileObject;
});
nextFileList = nextFileList.concat(targetItem);
} else {
targetItem = (0, _utils.fileToObject)(file);
targetItem.status = 'uploading';
nextFileList.push(targetItem);
}
_this.onChange({
file: targetItem,
fileList: nextFileList
});
// fix ie progress
if (!window.FormData) {
_this.autoUpdateProgress(0, targetItem);
}
};
_this.onSuccess = function (response, file) {
_this.clearProgressTimer();
try {
if (typeof response === 'string') {
response = JSON.parse(response);
}
} catch (e) {}
var fileList = _this.state.fileList;
var targetItem = (0, _utils.getFileItem)(file, fileList);
// removed
if (!targetItem) {
return;
}
targetItem.status = 'done';
targetItem.response = response;
_this.onChange({
file: (0, _extends3["default"])({}, targetItem),
fileList: fileList
});
};
_this.onProgress = function (e, file) {
var fileList = _this.state.fileList;
var targetItem = (0, _utils.getFileItem)(file, fileList);
// removed
if (!targetItem) {
return;
}
targetItem.percent = e.percent;
_this.onChange({
event: e,
file: (0, _extends3["default"])({}, targetItem),
fileList: _this.state.fileList
});
};
_this.onError = function (error, response, file) {
_this.clearProgressTimer();
var fileList = _this.state.fileList;
var targetItem = (0, _utils.getFileItem)(file, fileList);
// removed
if (!targetItem) {
return;
}
targetItem.error = error;
targetItem.response = response;
targetItem.status = 'error';
_this.onChange({
file: (0, _extends3["default"])({}, targetItem),
fileList: fileList
});
};
_this.handleManualRemove = function (file) {
_this.refs.upload.abort(file);
file.status = 'removed'; // eslint-disable-line
_this.handleRemove(file);
};
_this.onChange = function (info) {
if (!('fileList' in _this.props)) {
_this.setState({ fileList: info.fileList });
}
var onChange = _this.props.onChange;
if (onChange) {
onChange(info);
}
};
_this.onFileDrop = function (e) {
_this.setState({
dragState: e.type
});
};
_this.state = {
fileList: _this.props.fileList || _this.props.defaultFileList || [],
dragState: 'drop'
};
return _this;
}n/a
function Dragger() {
(0, _classCallCheck3["default"])(this, Dragger);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function UploadList() {
(0, _classCallCheck3["default"])(this, UploadList);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleClose = function (file) {
var onRemove = _this.props.onRemove;
if (onRemove) {
onRemove(file);
}
};
_this.handlePreview = function (file, e) {
var onPreview = _this.props.onPreview;
if (!onPreview) {
return;
}
e.preventDefault();
return onPreview(file);
};
return _this;
}n/a
function FilterMenu(props) {
(0, _classCallCheck3["default"])(this, FilterMenu);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.setSelectedKeys = function (_ref) {
var selectedKeys = _ref.selectedKeys;
_this.setState({ selectedKeys: selectedKeys });
};
_this.handleClearFilters = function () {
_this.setState({
selectedKeys: []
}, _this.handleConfirm);
};
_this.handleConfirm = function () {
_this.setVisible(false);
_this.confirmFilter();
};
_this.onVisibleChange = function (visible) {
_this.setVisible(visible);
if (!visible) {
_this.confirmFilter();
}
};
_this.handleMenuItemClick = function (info) {
if (info.keyPath.length <= 1) {
return;
}
var keyPathOfSelectedItem = _this.state.keyPathOfSelectedItem;
if (_this.state.selectedKeys.indexOf(info.key) >= 0) {
// deselect SubMenu child
delete keyPathOfSelectedItem[info.key];
} else {
// select SubMenu child
keyPathOfSelectedItem[info.key] = info.keyPath;
}
_this.setState({ keyPathOfSelectedItem: keyPathOfSelectedItem });
};
_this.renderFilterIcon = function () {
var _this$props = _this.props,
column = _this$props.column,
locale = _this$props.locale,
prefixCls = _this$props.prefixCls;
var filterIcon = column.filterIcon;
var dropdownSelectedClass = _this.props.selectedKeys.length > 0 ? prefixCls + '-selected' : '';
return filterIcon ? _react2["default"].cloneElement(filterIcon, {
title: locale.filterTitle,
className: (0, _classnames2["default"])(filterIcon.className, (0, _defineProperty3["default"])({}, prefixCls + '-icon
', true))
}) : _react2["default"].createElement(_icon2["default"], { title: locale.filterTitle, type: 'filter', className: dropdownSelectedClass
});
};
var visible = 'filterDropdownVisible' in props.column ? props.column.filterDropdownVisible : false;
_this.state = {
selectedKeys: props.selectedKeys,
keyPathOfSelectedItem: {},
visible: visible
};
return _this;
}n/a
function Item() {
(0, _classCallCheck3["default"])(this, Item);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function TransferList(props) {
(0, _classCallCheck3["default"])(this, TransferList);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleSelect = function (selectedItem) {
var checkedKeys = _this.props.checkedKeys;
var result = checkedKeys.some(function (key) {
return key === selectedItem.key;
});
_this.props.handleSelect(selectedItem, !result);
};
_this.handleFilter = function (e) {
_this.props.handleFilter(e);
};
_this.handleClear = function () {
_this.props.handleClear();
};
_this.matchFilter = function (text, item) {
var _this$props = _this.props,
filter = _this$props.filter,
filterOption = _this$props.filterOption;
if (filterOption) {
return filterOption(filter, item);
}
return text.indexOf(filter) >= 0;
};
_this.renderItem = function (item) {
var _this$props$render = _this.props.render,
render = _this$props$render === undefined ? noop : _this$props$render;
var renderResult = render(item);
var isRenderResultPlain = isRenderResultPlainObject(renderResult);
return {
renderedText: isRenderResultPlain ? renderResult.value : renderResult,
renderedEl: isRenderResultPlain ? renderResult.label : renderResult
};
};
_this.state = {
mounted: false
};
return _this;
}n/a
function TransferOperation() {
(0, _classCallCheck3["default"])(this, TransferOperation);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Search() {
(0, _classCallCheck3["default"])(this, Search);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleChange = function (e) {
var onChange = _this.props.onChange;
if (onChange) {
onChange(e);
}
};
_this.handleClear = function (e) {
e.preventDefault();
var handleClear = _this.props.handleClear;
if (handleClear) {
handleClear(e);
}
};
return _this;
}n/a
function ActionButton(props) {
(0, _classCallCheck3["default"])(this, ActionButton);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.onClick = function () {
var _this$props = _this.props,
actionFn = _this$props.actionFn,
closeModal = _this$props.closeModal;
if (actionFn) {
var ret = void 0;
if (actionFn.length) {
ret = actionFn(closeModal);
} else {
ret = actionFn();
if (!ret) {
closeModal();
}
}
if (ret && ret.then) {
_this.setState({ loading: true });
ret.then(function () {
// It's unnecessary to set loading=false, for the Modal will be unmounted after close.
// this.setState({ loading: false });
closeModal.apply(undefined, arguments);
});
}
} else {
closeModal();
}
};
_this.state = {
loading: false
};
return _this;
}n/a
function componentDidMount() {
if (this.props.autoFocus) {
var $this = _reactDom2["default"].findDOMNode(this);
this.timeoutId = setTimeout(function () {
return $this.focus();
});
}
}n/a
function componentWillUnmount() {
clearTimeout(this.timeoutId);
}n/a
function render() {
var _props = this.props,
type = _props.type,
children = _props.children;
var loading = this.state.loading;
return _react2["default"].createElement(
_button2["default"],
{ type: type, size: 'large', onClick: this.onClick, loading: loading },
children
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Affix(props) {
(0, _classCallCheck3["default"])(this, Affix);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.state = {
affixStyle: null,
placeholderStyle: null
};
return _this;
}n/a
offsetBottom = function () { [native code] }n/a
offsetTop = function () { [native code] }n/a
target = function () { [native code] }n/a
function clearScrollEventListeners() {
var _this4 = this;
['scrollEvent', 'resizeEvent'].forEach(function (name) {
if (_this4[name]) {
_this4[name].remove();
}
});
}n/a
function componentDidMount() {
var _this3 = this;
var target = this.props.target || getDefaultTarget;
// Wait for parent component ref has its value
this.timeout = setTimeout(function () {
_this3.setTargetEventListeners(target);
});
}n/a
function componentWillReceiveProps(nextProps) {
if (this.props.target !== nextProps.target) {
this.clearScrollEventListeners();
this.setTargetEventListeners(nextProps.target);
// Mock Event object.
this.updatePosition({});
}
}n/a
function componentWillUnmount() {
this.clearScrollEventListeners();
clearTimeout(this.timeout);
this.updatePosition.cancel();
}n/a
function render() {
var className = (0, _classnames2["default"])((0, _defineProperty3["default"])({}, this.props.prefixCls || 'ant-affix', this.
state.affixStyle));
var props = (0, _omit2["default"])(this.props, ['prefixCls', 'offsetTop', 'offsetBottom', 'target', 'onChange']);
var placeholderStyle = (0, _extends3["default"])({}, this.state.placeholderStyle, this.props.style);
return _react2["default"].createElement(
"div",
(0, _extends3["default"])({}, props, { style: placeholderStyle }),
_react2["default"].createElement(
"div",
{ className: className, ref: "fixedNode", style: this.state.affixStyle },
this.props.children
)
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function setAffixStyle(e, affixStyle) {
var _this2 = this;
var _props = this.props,
_props$onChange = _props.onChange,
onChange = _props$onChange === undefined ? noop : _props$onChange,
_props$target = _props.target,
target = _props$target === undefined ? getDefaultTarget : _props$target;
var originalAffixStyle = this.state.affixStyle;
var isWindow = target() === window;
if (e.type === 'scroll' && originalAffixStyle && affixStyle && isWindow) {
return;
}
if ((0, _shallowequal2["default"])(affixStyle, originalAffixStyle)) {
return;
}
this.setState({ affixStyle: affixStyle }, function () {
var affixed = !!_this2.state.affixStyle;
if (affixStyle && !originalAffixStyle || !affixStyle && originalAffixStyle) {
onChange(affixed);
}
});
}n/a
function setPlaceholderStyle(placeholderStyle) {
var originalPlaceholderStyle = this.state.placeholderStyle;
if ((0, _shallowequal2["default"])(placeholderStyle, originalPlaceholderStyle)) {
return;
}
this.setState({ placeholderStyle: placeholderStyle });
}n/a
function setTargetEventListeners(getTarget) {
var target = getTarget();
if (!target) {
return;
}
this.clearScrollEventListeners();
this.scrollEvent = (0, _addEventListener2["default"])(target, 'scroll', this.updatePosition);
this.resizeEvent = (0, _addEventListener2["default"])(target, 'resize', this.updatePosition);
}n/a
function updatePosition(e) {
var _props2 = this.props,
offsetTop = _props2.offsetTop,
offsetBottom = _props2.offsetBottom,
offset = _props2.offset,
_props2$target = _props2.target,
target = _props2$target === undefined ? getDefaultTarget : _props2$target;
var targetNode = target();
// Backwards support
offsetTop = offsetTop || offset;
var scrollTop = (0, _getScroll2["default"])(targetNode, true);
var affixNode = _reactDom2["default"].findDOMNode(this);
var elemOffset = getOffset(affixNode, targetNode);
var elemSize = {
width: this.refs.fixedNode.offsetWidth,
height: this.refs.fixedNode.offsetHeight
};
var offsetMode = {
top: false,
bottom: false
};
// Default to `offsetTop=0`.
if (typeof offsetTop !== 'number' && typeof offsetBottom !== 'number') {
offsetMode.top = true;
offsetTop = 0;
} else {
offsetMode.top = typeof offsetTop === 'number';
offsetMode.bottom = typeof offsetBottom === 'number';
}
var targetRect = getTargetRect(targetNode);
var targetInnerHeight = targetNode.innerHeight || targetNode.clientHeight;
if (scrollTop > elemOffset.top - offsetTop && offsetMode.top) {
// Fixed Top
var width = elemOffset.width;
this.setAffixStyle(e, {
position: 'fixed',
top: targetRect.top + offsetTop,
left: targetRect.left + elemOffset.left,
width: width
});
this.setPlaceholderStyle({
width: width,
height: affixNode.offsetHeight
});
} else if (scrollTop < elemOffset.top + elemSize.height + offsetBottom - targetInnerHeight && offsetMode.bottom) {
// Fixed Bottom
var targetBottomOffet = targetNode === window ? 0 : window.innerHeight - targetRect.bottom;
var _width = elemOffset.width;
this.setAffixStyle(e, {
position: 'fixed',
bottom: targetBottomOffet + offsetBottom,
left: targetRect.left + elemOffset.left,
width: _width
});
this.setPlaceholderStyle({
width: _width,
height: affixNode.offsetHeight
});
} else {
var affixStyle = this.state.affixStyle;
if (e.type === 'resize' && affixStyle && affixStyle.position === 'fixed' && affixNode.offsetWidth) {
this.setAffixStyle(e, (0, _extends3["default"])({}, affixStyle, { width: affixNode.offsetWidth }));
} else {
this.setAffixStyle(e, null);
}
this.setPlaceholderStyle(null);
}
}n/a
function Alert(props) {
(0, _classCallCheck3["default"])(this, Alert);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleClose = function (e) {
e.preventDefault();
var dom = _reactDom2["default"].findDOMNode(_this);
dom.style.height = dom.offsetHeight + 'px';
// Magic code
// 重复一次后才能正确设置 height
dom.style.height = dom.offsetHeight + 'px';
_this.setState({
closing: false
});
(_this.props.onClose || noop)(e);
};
_this.animationEnd = function () {
_this.setState({
closed: true,
closing: true
});
};
_this.state = {
closing: true,
closed: false
};
return _this;
}n/a
function render() {
var _classNames;
var _props = this.props,
closable = _props.closable,
description = _props.description,
type = _props.type,
_props$prefixCls = _props.prefixCls,
prefixCls = _props$prefixCls === undefined ? 'ant-alert' : _props$prefixCls,
message = _props.message,
closeText = _props.closeText,
showIcon = _props.showIcon,
banner = _props.banner,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className,
style = _props.style;
// banner模式默认有 Icon
showIcon = banner && showIcon === undefined ? true : showIcon;
// banner模式默认为警告
type = banner && type === undefined ? 'warning' : type || 'info';
var iconType = '';
switch (type) {
case 'success':
iconType = 'check-circle';
break;
case 'info':
iconType = 'info-circle';
break;
case 'error':
iconType = 'cross-circle';
break;
case 'warning':
iconType = 'exclamation-circle';
break;
default:
iconType = 'default';
}
// use outline icon in alert with description
if (!!description) {
iconType += '-o';
}
var alertCls = (0, _classnames2["default"])(prefixCls, (_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-' + type, true), (0, _defineProperty3["default"])(_classNames, prefixCls + '-close', !this.state.closing), (0, _defineProperty3
["default"])(_classNames, prefixCls + '-with-description', !!description), (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-no-icon', !showIcon), (0, _defineProperty3["default"])(_classNames, prefixCls + '-banner', !!banner), _classNames), className
);
// closeable when closeText is assigned
if (closeText) {
closable = true;
}
var closeIcon = closable ? _react2["default"].createElement(
'a',
{ onClick: this.handleClose, className: prefixCls + '-close-icon' },
closeText || _react2["default"].createElement(_icon2["default"], { type: 'cross' })
) : null;
return this.state.closed ? null : _react2["default"].createElement(
_rcAnimate2["default"],
{ component: '', showProp: 'data-show', transitionName: prefixCls + '-slide-up', onEnd: this.animationEnd },
_react2["default"].createElement(
'div',
{ 'data-show': this.state.closing, className: alertCls, style: style },
showIcon ? _react2["default"].createElement(_icon2["default"], { className: prefixCls + '-icon', type: iconType }) :
null,
_react2["default"].createElement(
'span',
{ className: prefixCls + '-message' },
message
),
_react2["default"].createElement(
'span',
{ className: prefixCls + '-description' },
description
),
closeIcon
)
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Anchor(props) {
(0, _classCallCheck3["default"])(this, Anchor);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleScroll = function () {
_this.setState({
activeAnchor: _this.anchorHelper.getCurrentAnchor(_this.props.offsetTop, _this.props.bounds)
});
};
_this.updateInk = function () {
var activeAnchor = _this.anchorHelper.getCurrentActiveAnchor();
if (activeAnchor) {
_this.refs.ink.style.top = activeAnchor.offsetTop + activeAnchor.clientHeight / 2 - 4.5 + 'px';
}
};
_this.clickAnchorLink = function (href, component) {
_this._avoidInk = true;
_this.refs.ink.style.top = component.offsetTop + component.clientHeight / 2 - 4.5 + 'px';
_this.anchorHelper.scrollTo(href, _this.props.offsetTop, _anchorHelper.getDefaultTarget, function () {
_this._avoidInk = false;
});
};
_this.renderAnchorLink = function (child) {
var href = child.props.href;
if (child.type.__ANT_ANCHOR_LINK && href) {
_this.anchorHelper.addLink(href);
return _react2["default"].cloneElement(child, {
onClick: _this.clickAnchorLink,
prefixCls: _this.props.prefixCls,
bounds: _this.props.bounds,
affix: _this.props.affix || _this.props.showInkInFixed,
offsetTop: _this.props.offsetTop
});
}
return child;
};
_this.state = {
activeAnchor: null,
animated: true
};
_this.anchorHelper = new _anchorHelper2["default"]();
return _this;
}n/a
function AnchorLink() {
(0, _classCallCheck3["default"])(this, AnchorLink);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.renderAnchorLink = function (child) {
var href = child.props.href;
if (href) {
_this.context.anchorHelper.addLink(href);
return _react2["default"].cloneElement(child, {
onClick: _this.props.onClick,
prefixCls: _this.props.prefixCls,
affix: _this.props.affix,
offsetTop: _this.props.offsetTop
});
}
return child;
};
_this.refsTo = function (component) {
_this._component = component;
};
_this.scrollTo = function (e) {
e.preventDefault();
var _this$props = _this.props,
onClick = _this$props.onClick,
href = _this$props.href;
var anchorHelper = _this.context.anchorHelper;
if (onClick) {
onClick(href, _this._component);
} else {
var scrollToFn = anchorHelper ? anchorHelper.scrollTo : _anchorHelper.scrollTo;
scrollToFn(href, _this.props.offsetTop);
}
};
return _this;
}n/a
function AnchorLink() {
(0, _classCallCheck3["default"])(this, AnchorLink);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.renderAnchorLink = function (child) {
var href = child.props.href;
if (href) {
_this.context.anchorHelper.addLink(href);
return _react2["default"].cloneElement(child, {
onClick: _this.props.onClick,
prefixCls: _this.props.prefixCls,
affix: _this.props.affix,
offsetTop: _this.props.offsetTop
});
}
return child;
};
_this.refsTo = function (component) {
_this._component = component;
};
_this.scrollTo = function (e) {
e.preventDefault();
var _this$props = _this.props,
onClick = _this$props.onClick,
href = _this$props.href;
var anchorHelper = _this.context.anchorHelper;
if (onClick) {
onClick(href, _this._component);
} else {
var scrollToFn = anchorHelper ? anchorHelper.scrollTo : _anchorHelper.scrollTo;
scrollToFn(href, _this.props.offsetTop);
}
};
return _this;
}n/a
function componentDidMount() {
this.setActiveAnchor();
}n/a
function componentDidUpdate() {
this.setActiveAnchor();
}n/a
function render() {
var _classNames;
var _props2 = this.props,
prefixCls = _props2.prefixCls,
href = _props2.href,
children = _props2.children,
title = _props2.title,
bounds = _props2.bounds,
offsetTop = _props2.offsetTop,
affix = _props2.affix;
var anchorHelper = this.context.anchorHelper;
var active = affix && anchorHelper && anchorHelper.getCurrentAnchor(offsetTop, bounds) === href;
var cls = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls + '-link',
true), (0, _defineProperty3["default"])(_classNames, prefixCls + '-link-active', active), _classNames));
return _react2["default"].createElement(
'div',
{ className: cls },
_react2["default"].createElement(
'a',
{ ref: this.refsTo, className: prefixCls + '-link-title', onClick: this.scrollTo, href: href, title: typeof title === '
string' ? title : '' },
title
),
_react2["default"].Children.map(children, this.renderAnchorLink)
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function setActiveAnchor() {
var _props = this.props,
bounds = _props.bounds,
offsetTop = _props.offsetTop,
href = _props.href,
affix = _props.affix;
var anchorHelper = this.context.anchorHelper;
var active = affix && anchorHelper && anchorHelper.getCurrentAnchor(offsetTop, bounds) === href;
if (active && anchorHelper) {
anchorHelper.setActiveAnchor(this._component);
}
}n/a
anchorHelper = function () { [native code] }n/a
function componentDidMount() {
this.handleScroll();
this.updateInk();
this.scrollEvent = (0, _addEventListener2["default"])((this.props.target || _anchorHelper.getDefaultTarget)(), 'scroll', this
.handleScroll);
}n/a
function componentDidUpdate() {
if (!this._avoidInk) {
this.updateInk();
}
}n/a
function componentWillUnmount() {
if (this.scrollEvent) {
this.scrollEvent.remove();
}
}n/a
function getChildContext() {
return {
anchorHelper: this.anchorHelper
};
}n/a
function render() {
var _classNames;
var _props = this.props,
prefixCls = _props.prefixCls,
offsetTop = _props.offsetTop,
style = _props.style,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className,
affix = _props.affix,
showInkInFixed = _props.showInkInFixed;
var _state = this.state,
activeAnchor = _state.activeAnchor,
animated = _state.animated;
var inkClass = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls + '-ink
-ball', true), (0, _defineProperty3["default"])(_classNames, 'animated', animated), (0, _defineProperty3["default"])(_classNames
, 'visible', !!activeAnchor), _classNames));
var wrapperClass = (0, _classnames2["default"])((0, _defineProperty3["default"])({}, prefixCls + '-wrapper', true), className
);
var anchorClass = (0, _classnames2["default"])(prefixCls, {
'fixed': !affix && !showInkInFixed
});
var anchorContent = _react2["default"].createElement(
'div',
{ className: wrapperClass, style: style },
_react2["default"].createElement(
'div',
{ className: anchorClass },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-ink' },
_react2["default"].createElement('span', { className: inkClass, ref: 'ink' })
),
_react2["default"].Children.toArray(this.props.children).map(this.renderAnchorLink)
)
);
return !affix ? anchorContent : _react2["default"].createElement(
_affix2["default"],
{ offsetTop: offsetTop },
anchorContent
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function AutoComplete() {
(0, _classCallCheck3["default"])(this, AutoComplete);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.getInputElement = function () {
var children = _this.props.children;
var element = children && _react2["default"].isValidElement(children) && children.type !== _rcSelect.Option ? _react2["default
"].Children.only(_this.props.children) : _react2["default"].createElement(_input2["default"], null);
return _react2["default"].createElement(
_InputElement2["default"],
(0, _extends3["default"])({}, element.props, { className: (0, _classnames2["default"])('ant-input', element.props.className
) }),
element
);
};
return _this;
}n/a
function OptGroup() {
(0, _classCallCheck3["default"])(this, OptGroup);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Option() {
(0, _classCallCheck3["default"])(this, Option);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
var _classNames;
var _props = this.props,
size = _props.size,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className,
notFoundContent = _props.notFoundContent,
prefixCls = _props.prefixCls,
optionLabelProp = _props.optionLabelProp,
dataSource = _props.dataSource,
children = _props.children;
var cls = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls + '-lg', size
=== 'large'), (0, _defineProperty3["default"])(_classNames, prefixCls + '-sm', size === 'small'), (0, _defineProperty3["default
"])(_classNames, className, !!className), (0, _defineProperty3["default"])(_classNames, prefixCls + '-show-search', true), (0, _defineProperty3
["default"])(_classNames, prefixCls + '-auto-complete', true), _classNames));
var options = void 0;
var childArray = _react2["default"].Children.toArray(children);
if (childArray.length && isSelectOptionOrSelectOptGroup(childArray[0])) {
options = children;
} else {
options = dataSource ? dataSource.map(function (item) {
if (_react2["default"].isValidElement(item)) {
return item;
}
switch (typeof item === 'undefined' ? 'undefined' : (0, _typeof3["default"])(item)) {
case 'string':
return _react2["default"].createElement(
_rcSelect.Option,
{ key: item },
item
);
case 'object':
return _react2["default"].createElement(
_rcSelect.Option,
{ key: item.value },
item.text
);
default:
throw new Error('AutoComplete[dataSource] only supports type `string[] | Object[]`.');
}
}) : [];
}
return _react2["default"].createElement(
_select2["default"],
(0, _extends3["default"])({}, this.props, { className: cls, mode: 'combobox', optionLabelProp: optionLabelProp, getInputElement
: this.getInputElement, notFoundContent: notFoundContent }),
options
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function BackTop(props) {
(0, _classCallCheck3["default"])(this, BackTop);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.getCurrentScrollTop = function () {
var targetNode = (_this.props.target || getDefaultTarget)();
if (targetNode === window) {
return window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
}
return targetNode.scrollTop;
};
_this.scrollToTop = function (e) {
var scrollTop = _this.getCurrentScrollTop();
var startTime = Date.now();
var frameFunc = function frameFunc() {
var timestamp = Date.now();
var time = timestamp - startTime;
_this.setScrollTop(easeInOutCubic(time, scrollTop, 0, 450));
if (time < 450) {
reqAnimFrame(frameFunc);
}
};
reqAnimFrame(frameFunc);
(_this.props.onClick || noop)(e);
};
_this.handleScroll = function () {
var _this$props = _this.props,
visibilityHeight = _this$props.visibilityHeight,
_this$props$target = _this$props.target,
target = _this$props$target === undefined ? getDefaultTarget : _this$props$target;
var scrollTop = (0, _getScroll2["default"])(target(), true);
_this.setState({
visible: scrollTop > visibilityHeight
});
};
_this.state = {
visible: false
};
return _this;
}n/a
function componentDidMount() {
this.handleScroll();
this.scrollEvent = (0, _addEventListener2["default"])((this.props.target || getDefaultTarget)(), 'scroll', this.handleScroll
);
}n/a
function componentWillUnmount() {
if (this.scrollEvent) {
this.scrollEvent.remove();
}
}n/a
function render() {
var _props = this.props,
_props$prefixCls = _props.prefixCls,
prefixCls = _props$prefixCls === undefined ? 'ant-back-top' : _props$prefixCls,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className,
children = _props.children;
var classString = (0, _classnames2["default"])(prefixCls, className);
var defaultElement = _react2["default"].createElement(
'div',
{ className: prefixCls + '-content' },
_react2["default"].createElement(_icon2["default"], { className: prefixCls + '-icon', type: 'to-top' })
);
// fix https://fb.me/react-unknown-prop
var divProps = (0, _omit2["default"])(this.props, ['prefixCls', 'className', 'children', 'visibilityHeight']);
var backTopBtn = this.state.visible ? _react2["default"].createElement(
'div',
(0, _extends3["default"])({}, divProps, { className: classString, onClick: this.scrollToTop }),
children || defaultElement
) : null;
return _react2["default"].createElement(
_rcAnimate2["default"],
{ component: '', transitionName: 'fade' },
backTopBtn
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function setScrollTop(value) {
var targetNode = (this.props.target || getDefaultTarget)();
if (targetNode === window) {
document.body.scrollTop = value;
document.documentElement.scrollTop = value;
} else {
targetNode.scrollTop = value;
}
}n/a
function Badge() {
(0, _classCallCheck3["default"])(this, Badge);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
count = function () { [native code] }n/a
dot = function () { [native code] }n/a
overflowCount = function () { [native code] }n/a
showZero = function () { [native code] }n/a
function render() {
var _classNames, _classNames2;
var _a = this.props,
count = _a.count,
showZero = _a.showZero,
prefixCls = _a.prefixCls,
overflowCount = _a.overflowCount,
className = _a.className,
style = _a.style,
children = _a.children,
dot = _a.dot,
status = _a.status,
text = _a.text,
restProps = __rest(_a, ["count", "showZero", "prefixCls", "overflowCount", "className", "style", "children", "dot", "status
", "text"]);
var isDot = dot || status;
var displayCount = count > overflowCount ? overflowCount + '+' : count;
// dot mode don't need count
if (isDot) {
displayCount = '';
}
var isZero = displayCount === '0' || displayCount === 0;
var isEmpty = displayCount === null || displayCount === undefined || displayCount === '';
var hidden = (isEmpty || isZero && !showZero) && !isDot;
var scrollNumberCls = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-dot', isDot), (0, _defineProperty3["default"])(_classNames, prefixCls + '-count', !isDot), _classNames));
var badgeCls = (0, _classnames2["default"])(className, prefixCls, (_classNames2 = {}, (0, _defineProperty3["default"])(_classNames2
, prefixCls + '-status', !!status), (0, _defineProperty3["default"])(_classNames2, prefixCls + '-not-a-wrapper', !children), _classNames2
));
(0, _warning2["default"])(!(children && status), '`Badge[children]` and `Badge[status]` cannot be used at the same time.');
// <Badge status="success" />
if (!children && status) {
var _classNames3;
var statusCls = (0, _classnames2["default"])((_classNames3 = {}, (0, _defineProperty3["default"])(_classNames3, prefixCls
+ '-status-dot', !!status), (0, _defineProperty3["default"])(_classNames3, prefixCls + '-status-' + status, true), _classNames3
));
return _react2["default"].createElement(
'span',
{ className: badgeCls },
_react2["default"].createElement('span', { className: statusCls }),
_react2["default"].createElement(
'span',
{ className: prefixCls + '-status-text' },
text
)
);
}
var scrollNumber = hidden ? null : _react2["default"].createElement(_ScrollNumber2["default"], { 'data-show': !hidden, className
: scrollNumberCls, count: displayCount, style: style });
var statusText = hidden || !text ? null : _react2["default"].createElement(
'span',
{ className: prefixCls + '-status-text' },
text
);
return _react2["default"].createElement(
'span',
(0, _extends3["default"])({}, restProps, { className: badgeCls, title: count }),
children,
_react2["default"].createElement(
_rcAnimate2["default"],
{ component: '', showProp: 'data-show', transitionName: children ? prefixCls + '-zoom' : '', transitionAppear: true },
scrollNumber
),
statusText
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Breadcrumb() {
(0, _classCallCheck3["default"])(this, Breadcrumb);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function BreadcrumbItem() {
(0, _classCallCheck3["default"])(this, BreadcrumbItem);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function BreadcrumbItem() {
(0, _classCallCheck3["default"])(this, BreadcrumbItem);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
var _a = this.props,
prefixCls = _a.prefixCls,
separator = _a.separator,
children = _a.children,
restProps = __rest(_a, ["prefixCls", "separator", "children"]);
var link = void 0;
if ('href' in this.props) {
link = _react2["default"].createElement(
'a',
(0, _extends3["default"])({ className: prefixCls + '-link' }, restProps),
children
);
} else {
link = _react2["default"].createElement(
'span',
(0, _extends3["default"])({ className: prefixCls + '-link' }, restProps),
children
);
}
if (children) {
return _react2["default"].createElement(
'span',
null,
link,
_react2["default"].createElement(
'span',
{ className: prefixCls + '-separator' },
separator
)
);
}
return null;
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...linkRender = function () { [native code] }n/a
nameRender = function () { [native code] }n/a
params = function () { [native code] }n/a
prefixCls = function () { [native code] }n/a
routes = function () { [native code] }n/a
separator = function () { [native code] }n/a
function componentDidMount() {
var props = this.props;
(0, _warning2["default"])(!('linkRender' in props || 'nameRender' in props), '`linkRender` and `nameRender` are removed, please
use `itemRender` instead, ' + 'see: http://u.ant.design/item-render.');
}n/a
function render() {
var crumbs = void 0;
var _props = this.props,
separator = _props.separator,
prefixCls = _props.prefixCls,
style = _props.style,
className = _props.className,
routes = _props.routes,
_props$params = _props.params,
params = _props$params === undefined ? {} : _props$params,
children = _props.children,
_props$itemRender = _props.itemRender,
itemRender = _props$itemRender === undefined ? defaultItemRender : _props$itemRender;
if (routes && routes.length > 0) {
var paths = [];
crumbs = routes.map(function (route) {
route.path = route.path || '';
var path = route.path.replace(/^\//, '');
Object.keys(params).forEach(function (key) {
path = path.replace(':' + key, params[key]);
});
if (path) {
paths.push(path);
}
return _react2["default"].createElement(
_BreadcrumbItem2["default"],
{ separator: separator, key: route.breadcrumbName || path },
itemRender(route, params, routes, paths)
);
});
} else if (children) {
crumbs = _react2["default"].Children.map(children, function (element, index) {
if (!element) {
return element;
}
(0, _warning2["default"])(element.type && element.type.__ANT_BREADCRUMB_ITEM, 'Breadcrumb only accepts Breadcrumb.Item
as it\'s children');
return (0, _react.cloneElement)(element, {
separator: separator,
key: index
});
});
}
return _react2["default"].createElement(
'div',
{ className: (0, _classnames2["default"])(className, prefixCls), style: style },
crumbs
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Button(props) {
(0, _classCallCheck3["default"])(this, Button);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleClick = function (e) {
// Add click effect
_this.setState({ clicked: true });
clearTimeout(_this.timeout);
_this.timeout = setTimeout(function () {
return _this.setState({ clicked: false });
}, 500);
var onClick = _this.props.onClick;
if (onClick) {
onClick(e);
}
};
// Handle auto focus when click button in Chrome
_this.handleMouseUp = function (e) {
if (_this.props.onMouseUp) {
_this.props.onMouseUp(e);
}
};
_this.state = {
loading: props.loading
};
return _this;
}n/a
function ButtonGroup(props) {
var _props$prefixCls = props.prefixCls,
prefixCls = _props$prefixCls === undefined ? 'ant-btn-group' : _props$prefixCls,
_props$size = props.size,
size = _props$size === undefined ? '' : _props$size,
className = props.className,
others = __rest(props, ["prefixCls", "size", "className"]);
// large => lg
// small => sm
var sizeCls = {
large: 'lg',
small: 'sm'
}[size] || '';
var classes = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls + '-' + sizeCls, sizeCls
), className);
return _react2["default"].createElement('div', (0, _extends3["default"])({}, others, { className: classes }));
}n/a
className = function () { [native code] }n/a
htmlType = function () { [native code] }n/a
icon = function () { [native code] }n/a
loading = function () { [native code] }n/a
onClick = function () { [native code] }n/a
shape = function () { [native code] }n/a
size = function () { [native code] }n/a
type = function () { [native code] }n/a
function componentWillReceiveProps(nextProps) {
var _this2 = this;
var currentLoading = this.props.loading;
var loading = nextProps.loading;
if (currentLoading) {
clearTimeout(this.delayTimeout);
}
if (loading && loading.delay) {
this.delayTimeout = setTimeout(function () {
return _this2.setState({ loading: loading });
}, loading.delay);
} else {
this.setState({ loading: loading });
}
}n/a
function componentWillUnmount() {
if (this.timeout) {
clearTimeout(this.timeout);
}
if (this.delayTimeout) {
clearTimeout(this.delayTimeout);
}
}n/a
function render() {
var _classNames;
var _a = this.props,
type = _a.type,
shape = _a.shape,
_a$size = _a.size,
size = _a$size === undefined ? '' : _a$size,
className = _a.className,
htmlType = _a.htmlType,
children = _a.children,
icon = _a.icon,
prefixCls = _a.prefixCls,
ghost = _a.ghost,
others = __rest(_a, ["type", "shape", "size", "className", "htmlType", "children", "icon", "prefixCls", "ghost"]);var _state
= this.state,
loading = _state.loading,
clicked = _state.clicked;
// large => lg
// small => sm
var sizeCls = {
large: 'lg',
small: 'sm'
}[size] || '';
var classes = (0, _classnames2["default"])(prefixCls, (_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-' + type, type), (0, _defineProperty3["default"])(_classNames, prefixCls + '-' + shape, shape), (0, _defineProperty3["default
"])(_classNames, prefixCls + '-' + sizeCls, sizeCls), (0, _defineProperty3["default"])(_classNames, prefixCls + '-icon-only', !children
&& icon), (0, _defineProperty3["default"])(_classNames, prefixCls + '-loading', loading), (0, _defineProperty3["default"])(_classNames
, prefixCls + '-clicked', clicked), (0, _defineProperty3["default"])(_classNames, prefixCls + '-background-ghost', ghost), _classNames
), className);
var iconType = loading ? 'loading' : icon;
var iconNode = iconType ? _react2["default"].createElement(_icon2["default"], { type: iconType }) : null;
var kids = _react2["default"].Children.map(children, insertSpace);
return _react2["default"].createElement(
'button',
(0, _extends3["default"])({}, (0, _omit2["default"])(others, ['loading', 'clicked']), { type: htmlType || 'button', className
: classes, onMouseUp: this.handleMouseUp, onClick: this.handleClick }),
iconNode,
kids
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Calendar(props, context) {
(0, _classCallCheck3["default"])(this, Calendar);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props, context));
_this.monthCellRender = function (value) {
var _this$props = _this.props,
prefixCls = _this$props.prefixCls,
_this$props$monthCell = _this$props.monthCellRender,
monthCellRender = _this$props$monthCell === undefined ? noop : _this$props$monthCell;
return _react2["default"].createElement(
'div',
{ className: prefixCls + '-month' },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-value' },
value.localeData().monthsShort(value)
),
_react2["default"].createElement(
'div',
{ className: prefixCls + '-content' },
monthCellRender(value)
)
);
};
_this.dateCellRender = function (value) {
var _this$props2 = _this.props,
prefixCls = _this$props2.prefixCls,
_this$props2$dateCell = _this$props2.dateCellRender,
dateCellRender = _this$props2$dateCell === undefined ? noop : _this$props2$dateCell;
return _react2["default"].createElement(
'div',
{ className: prefixCls + '-date' },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-value' },
zerofixed(value.date())
),
_react2["default"].createElement(
'div',
{ className: prefixCls + '-content' },
dateCellRender(value)
)
);
};
_this.setValue = function (value, way) {
if (!('value' in _this.props)) {
_this.setState({ value: value });
}
if (way === 'select') {
if (_this.props.onSelect) {
_this.props.onSelect(value);
}
} else if (way === 'changePanel') {
_this.onPanelChange(value, _this.state.mode);
}
};
_this.setType = function (type) {
var mode = type === 'date' ? 'month' : 'year';
if (_this.state.mode !== mode) {
_this.setState({ mode: mode });
_this.onPanelChange(_this.state.value, mode);
}
};
_this.onHeaderValueChange = function (value) {
_this.setValue(value, 'changePanel');
};
_this.onHeaderTypeChange = function (type) {
_this.setType(type);
};
_this.onSelect = function (value) {
_this.setValue(value, 'select');
};
// Make sure that moment locale had be set correctly.
(0, _getLocale.getComponentLocale)(props, context, 'Calendar', function () {
return require('./locale/zh_CN');
});
var value = props.value || props.defaultValue || (0, _moment2["default"])();
if (!_moment2["default"].isMoment(value)) {
throw new Error('The value/defaultValue of Calendar must be a moment object after `antd@2.0`, ' + 'see: http://u.ant.design
/calendar-value');
}
_this.state = {
value: value,
mode: props.mode
};
return _this;
}n/a
antLocale = function () { [native code] }n/a
function noop() {
return null;
}n/a
function noop() {
return null;
}...
function SelectionCheckboxAll(props) {
(0, _classCallCheck3["default"])(this, SelectionCheckboxAll);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleSelectAllChagne = function (e) {
var checked = e.target.checked;
_this.props.onSelect(checked ? 'all' : 'removeAll', 0, null);
};
_this.defaultSelections = [{
key: 'all',
text: props.locale.selectAll,
onSelect: function onSelect() {}
}, {
key: 'invert',
...className = function () { [native code] }n/a
dateCellRender = function () { [native code] }n/a
dateFullCellRender = function () { [native code] }n/a
fullscreen = function () { [native code] }n/a
locale = function () { [native code] }...
clearIcon,
_react2["default"].createElement('span', { className: prefixCls + '-picker-icon' })
);
};
var pickerValue = value;
var localeCode = (0, _getLocale.getLocaleCode)(this.context);
if (pickerValue && localeCode) {
pickerValue.locale(localeCode);
}
return _react2["default"].createElement(
'span',
{ className: props.pickerClass, style: (0, _objectAssign2["default"])({}, props.style, pickerStyle) },
_react2["default"].createElement(
_Picker2["default"],
(0, _extends3["default"])({}, props, pickerChangeHandler, { calendar: calendar, value: pickerValue, prefixCls:
prefixCls + '-picker-container', style: props.popupStyle }),
...monthCellRender = function () { [native code] }n/a
monthFullCellRender = function () { [native code] }n/a
onPanelChange = function () { [native code] }n/a
onSelect = function () { [native code] }...
function SelectionCheckboxAll(props) {
(0, _classCallCheck3["default"])(this, SelectionCheckboxAll);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleSelectAllChagne = function (e) {
var checked = e.target.checked;
_this.props.onSelect(checked ? 'all' : 'removeAll', 0, null);
};
_this.defaultSelections = [{
key: 'all',
text: props.locale.selectAll,
onSelect: function onSelect() {}
}, {
key: 'invert',
...prefixCls = function () { [native code] }n/a
style = function () { [native code] }n/a
value = function () { [native code] }n/a
function componentWillReceiveProps(nextProps) {
if ('value' in nextProps) {
this.setState({
value: nextProps.value
});
}
}n/a
function onPanelChange(value, mode) {
var onPanelChange = this.props.onPanelChange;
if (onPanelChange) {
onPanelChange(value, mode);
}
}n/a
function render() {
var state = this.state,
props = this.props,
context = this.context;
var value = state.value,
mode = state.mode;
var localeCode = (0, _getLocale.getLocaleCode)(context);
if (value && localeCode) {
value.locale(localeCode);
}
var prefixCls = props.prefixCls,
style = props.style,
className = props.className,
fullscreen = props.fullscreen,
dateFullCellRender = props.dateFullCellRender,
monthFullCellRender = props.monthFullCellRender;
var type = mode === 'year' ? 'month' : 'date';
var locale = (0, _getLocale.getComponentLocale)(props, context, 'Calendar', function () {
return require('./locale/zh_CN');
});
var cls = className || '';
if (fullscreen) {
cls += ' ' + prefixCls + '-fullscreen';
}
var monthCellRender = monthFullCellRender || this.monthCellRender;
var dateCellRender = dateFullCellRender || this.dateCellRender;
return _react2["default"].createElement(
'div',
{ className: cls, style: style },
_react2["default"].createElement(_Header2["default"], { fullscreen: fullscreen, type: type, value: value, locale: locale
.lang, prefixCls: prefixCls, onTypeChange: this.onHeaderTypeChange, onValueChange: this.onHeaderValueChange }),
_react2["default"].createElement(_FullCalendar2["default"], (0, _extends3["default"])({}, props, { Select: noop, locale:
locale.lang, type: type, prefixCls: prefixCls, showHeader: false, value: value, monthCellRender: monthCellRender, dateCellRender
: dateCellRender, onSelect: this.onSelect }))
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Carousel() {
(0, _classCallCheck3["default"])(this, Carousel);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this));
_this.onWindowResized = function () {
// Fix https://github.com/ant-design/ant-design/issues/2550
var slick = _this.refs.slick;
var autoplay = _this.props.autoplay;
if (autoplay && slick && slick.innerSlider && slick.innerSlider.autoPlay) {
slick.innerSlider.autoPlay();
}
};
_this.onWindowResized = (0, _lodash2["default"])(_this.onWindowResized, 500, {
leading: false
});
return _this;
}n/a
function componentDidMount() {
var autoplay = this.props.autoplay;
if (autoplay) {
window.addEventListener('resize', this.onWindowResized);
}
}n/a
function componentWillUnmount() {
var autoplay = this.props.autoplay;
if (autoplay) {
window.removeEventListener('resize', this.onWindowResized);
this.onWindowResized.cancel();
}
}n/a
function render() {
var props = (0, _objectAssign2["default"])({}, this.props);
if (props.effect === 'fade') {
props.fade = true;
}
var className = props.prefixCls;
if (props.vertical) {
className = className + ' ' + className + '-vertical';
}
return _react2["default"].createElement(
'div',
{ className: className },
_react2["default"].createElement(_reactSlick2["default"], (0, _extends3["default"])({ ref: 'slick' }, props))
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Cascader(props) {
(0, _classCallCheck3["default"])(this, Cascader);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleChange = function (value, selectedOptions) {
_this.setState({ inputValue: '' });
if (selectedOptions[0].__IS_FILTERED_OPTION) {
var unwrappedValue = value[0];
var unwrappedSelectedOptions = selectedOptions[0].path;
_this.setValue(unwrappedValue, unwrappedSelectedOptions);
return;
}
_this.setValue(value, selectedOptions);
};
_this.handlePopupVisibleChange = function (popupVisible) {
_this.setState({
popupVisible: popupVisible,
inputFocused: popupVisible,
inputValue: popupVisible ? _this.state.inputValue : ''
});
var onPopupVisibleChange = _this.props.onPopupVisibleChange;
if (onPopupVisibleChange) {
onPopupVisibleChange(popupVisible);
}
};
_this.handleInputBlur = function () {
_this.setState({
inputFocused: false
});
};
_this.handleInputClick = function (e) {
var _this$state = _this.state,
inputFocused = _this$state.inputFocused,
popupVisible = _this$state.popupVisible;
// Prevent `Trigger` behaviour.
if (inputFocused || popupVisible) {
e.stopPropagation();
e.nativeEvent.stopImmediatePropagation();
}
};
_this.handleKeyDown = function (e) {
if (e.keyCode === _KeyCode2["default"].BACKSPACE) {
e.stopPropagation();
}
};
_this.handleInputChange = function (e) {
var inputValue = e.target.value;
_this.setState({ inputValue: inputValue });
};
_this.setValue = function (value) {
var selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
if (!('value' in _this.props)) {
_this.setState({ value: value });
}
var onChange = _this.props.onChange;
if (onChange) {
onChange(value, selectedOptions);
}
};
_this.clearSelection = function (e) {
e.preventDefault();
e.stopPropagation();
if (!_this.state.inputValue) {
_this.setValue([]);
_this.setState({ popupVisible: false });
} else {
_this.setState({ inputValue: '' });
}
};
_this.state = {
value: props.value || props.defaultValue || [],
inputValue: '',
inputFocused: false,
popupVisible: false,
flattenOptions: props.showSearch && _this.flattenTree(props.options, props.changeOnSelect)
};
return _this;
}n/a
function componentWillReceiveProps(nextProps) {
if ('value' in nextProps) {
this.setState({ value: nextProps.value || [] });
}
if (nextProps.showSearch && this.props.options !== nextProps.options) {
this.setState({ flattenOptions: this.flattenTree(nextProps.options, nextProps.changeOnSelect) });
}
}n/a
function flattenTree(options, changeOnSelect) {
var _this2 = this;
var ancestor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
var flattenOptions = [];
options.forEach(function (option) {
var path = ancestor.concat(option);
if (changeOnSelect || !option.children) {
flattenOptions.push(path);
}
if (option.children) {
flattenOptions = flattenOptions.concat(_this2.flattenTree(option.children, changeOnSelect, path));
}
});
return flattenOptions;
}n/a
function generateFilteredOptions(prefixCls) {
var _this3 = this;
var _props2 = this.props,
showSearch = _props2.showSearch,
notFoundContent = _props2.notFoundContent;
var _showSearch$filter = showSearch.filter,
filter = _showSearch$filter === undefined ? defaultFilterOption : _showSearch$filter,
_showSearch$render = showSearch.render,
render = _showSearch$render === undefined ? defaultRenderFilteredOption : _showSearch$render,
_showSearch$sort = showSearch.sort,
sort = _showSearch$sort === undefined ? defaultSortFilteredOption : _showSearch$sort;
var _state = this.state,
flattenOptions = _state.flattenOptions,
inputValue = _state.inputValue;
var filtered = flattenOptions.filter(function (path) {
return filter(_this3.state.inputValue, path);
}).sort(function (a, b) {
return sort(a, b, inputValue);
});
if (filtered.length > 0) {
return filtered.map(function (path) {
return {
__IS_FILTERED_OPTION: true,
path: path,
label: render(inputValue, path, prefixCls),
value: path.map(function (o) {
return o.value;
}),
disabled: path.some(function (o) {
return o.disabled;
})
};
});
}
return [{ label: notFoundContent, value: 'ANT_CASCADER_NOT_FOUND', disabled: true }];
}n/a
function getLabel() {
var _props = this.props,
options = _props.options,
_props$displayRender = _props.displayRender,
displayRender = _props$displayRender === undefined ? defaultDisplayRender : _props$displayRender;
var value = this.state.value;
var unwrappedValue = Array.isArray(value[0]) ? value[0] : value;
var selectedOptions = (0, _arrayTreeFilter2["default"])(options, function (o, level) {
return o.value === unwrappedValue[level];
});
var label = selectedOptions.map(function (o) {
return o.label;
});
return displayRender(label, selectedOptions);
}n/a
function render() {
var _classNames, _classNames2, _classNames3;
var props = this.props,
state = this.state;
var prefixCls = props.prefixCls,
inputPrefixCls = props.inputPrefixCls,
children = props.children,
placeholder = props.placeholder,
size = props.size,
disabled = props.disabled,
className = props.className,
style = props.style,
allowClear = props.allowClear,
_props$showSearch = props.showSearch,
showSearch = _props$showSearch === undefined ? false : _props$showSearch,
otherProps = __rest(props, ["prefixCls", "inputPrefixCls", "children", "placeholder", "size", "disabled", "className", "
style", "allowClear", "showSearch"]);
var value = state.value;
var sizeCls = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, inputPrefixCls + '-
lg', size === 'large'), (0, _defineProperty3["default"])(_classNames, inputPrefixCls + '-sm', size === 'small'), _classNames));
var clearIcon = allowClear && !disabled && value.length > 0 || state.inputValue ? _react2["default"].createElement(_icon2["default
"], { type: 'cross-circle', className: prefixCls + '-picker-clear', onClick: this.clearSelection }) : null;
var arrowCls = (0, _classnames2["default"])((_classNames2 = {}, (0, _defineProperty3["default"])(_classNames2, prefixCls + '-
picker-arrow', true), (0, _defineProperty3["default"])(_classNames2, prefixCls + '-picker-arrow-expand', state.popupVisible), _classNames2
));
var pickerCls = (0, _classnames2["default"])(className, (_classNames3 = {}, (0, _defineProperty3["default"])(_classNames3, prefixCls
+ '-picker', true), (0, _defineProperty3["default"])(_classNames3, prefixCls + '-picker-with-value', state.inputValue), (0, _defineProperty3
["default"])(_classNames3, prefixCls + '-picker-disabled', disabled), _classNames3));
// Fix bug of https://github.com/facebook/react/pull/5004
// and https://fb.me/react-unknown-prop
var inputProps = (0, _omit2["default"])(otherProps, ['onChange', 'options', 'popupPlacement', 'transitionName', 'displayRender
', 'onPopupVisibleChange', 'changeOnSelect', 'expandTrigger', 'popupVisible', 'getPopupContainer', 'loadData', 'popupClassName', '
filterOption', 'renderFilteredOption', 'sortFilteredOption', 'notFoundContent']);
var options = props.options;
if (state.inputValue) {
options = this.generateFilteredOptions(prefixCls);
}
// Dropdown menu should keep previous status until it is fully closed.
if (!state.popupVisible) {
options = this.cachedOptions;
} else {
this.cachedOptions = options;
}
var dropdownMenuColumnStyle = {};
var isNotFound = (options || []).length === 1 && options[0].value === 'ANT_CASCADER_NOT_FOUND';
if (isNotFound) {
dropdownMenuColumnStyle.height = 'auto'; // Height of one row.
}
// The default value of `matchInputWidth` is `true`
var resultListMatchInputWidth = showSearch.matchInputWidth === false ? false : true;
if (resultListMatchInputWidth && state.inputValue && this.refs.input) {
dropdownMenuColumnStyle.width = this.refs.input.refs.input.offsetWidth;
}
var input = children || _react2["default"].createElement(
'span',
{ style: style, className: pickerCls },
_react2["default"].createElement(_input2["default"], (0, _extends3["default"])({}, inputProps, { ref: 'input', placeholder
: value && value.length > 0 ? undefined : placeholder, className: prefixCls + '-input ' + sizeCls, value: state.inputValue, disabled
: disabled, readOnly: !showSearch, autoComplete: 'off', onClick: showSearch ? this.handleInputClick : undefined, onBlur: showSearch
? this.handleInputBlur : undefined, onKeyDown: this.handleKeyDown, onChange: showSearch ? this.handleInputChange : undefined })),
_react2["default"].createElement(
'span',
{ className: prefixCls + '-picker-label' },
this.getLabel()
),
clearIcon,
_react2["default"] ......
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Checkbox() {
(0, _classCallCheck3["default"])(this, Checkbox);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function CheckboxGroup(props) {
(0, _classCallCheck3["default"])(this, CheckboxGroup);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.toggleOption = function (option) {
var optionIndex = _this.state.value.indexOf(option.value);
var value = [].concat((0, _toConsumableArray3["default"])(_this.state.value));
if (optionIndex === -1) {
value.push(option.value);
} else {
value.splice(optionIndex, 1);
}
if (!('value' in _this.props)) {
_this.setState({ value: value });
}
var onChange = _this.props.onChange;
if (onChange) {
onChange(value);
}
};
_this.state = {
value: props.value || props.defaultValue || []
};
return _this;
}n/a
function CheckboxGroup(props) {
(0, _classCallCheck3["default"])(this, CheckboxGroup);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.toggleOption = function (option) {
var optionIndex = _this.state.value.indexOf(option.value);
var value = [].concat((0, _toConsumableArray3["default"])(_this.state.value));
if (optionIndex === -1) {
value.push(option.value);
} else {
value.splice(optionIndex, 1);
}
if (!('value' in _this.props)) {
_this.setState({ value: value });
}
var onChange = _this.props.onChange;
if (onChange) {
onChange(value);
}
};
_this.state = {
value: props.value || props.defaultValue || []
};
return _this;
}n/a
function componentWillReceiveProps(nextProps) {
if ('value' in nextProps) {
this.setState({
value: nextProps.value || []
});
}
}n/a
function getChildContext() {
return {
checkboxGroup: {
toggleOption: this.toggleOption,
value: this.state.value,
disabled: this.props.disabled
}
};
}n/a
function getOptions() {
var options = this.props.options;
// https://github.com/Microsoft/TypeScript/issues/7960
return options.map(function (option) {
if (typeof option === 'string') {
return {
label: option,
value: option
};
}
return option;
});
}n/a
function render() {
var _this2 = this;
var props = this.props,
state = this.state;
var prefixCls = props.prefixCls,
className = props.className,
options = props.options;
var children = props.children;
if (options && options.length > 0) {
children = this.getOptions().map(function (option) {
return _react2["default"].createElement(
_Checkbox2["default"],
{ key: option.value, disabled: 'disabled' in option ? option.disabled : props.disabled, value: option.value, checked
: state.value.indexOf(option.value) !== -1, onChange: function onChange() {
return _this2.toggleOption(option);
}, className: prefixCls + '-item' },
option.label
);
});
}
var classString = (0, _classnames2["default"])(prefixCls, className);
return _react2["default"].createElement(
'div',
{ className: classString },
children
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function shouldComponentUpdate(nextProps, nextState) {
return !(0, _shallowequal2["default"])(this.props, nextProps) || !(0, _shallowequal2["default"])(this.state, nextState);
}n/a
checkboxGroup = function () { [native code] }n/a
function render() {
var props = this.props,
context = this.context;
var prefixCls = props.prefixCls,
className = props.className,
children = props.children,
indeterminate = props.indeterminate,
style = props.style,
onMouseEnter = props.onMouseEnter,
onMouseLeave = props.onMouseLeave,
restProps = __rest(props, ["prefixCls", "className", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave
"]);
var checkboxGroup = context.checkboxGroup;
var checkboxProps = (0, _extends3["default"])({}, restProps);
if (checkboxGroup) {
checkboxProps.onChange = function () {
return checkboxGroup.toggleOption({ label: children, value: props.value });
};
checkboxProps.checked = checkboxGroup.value.indexOf(props.value) !== -1;
checkboxProps.disabled = 'disabled' in props ? props.disabled : checkboxGroup.disabled;
}
var classString = (0, _classnames2["default"])(className, (0, _defineProperty3["default"])({}, prefixCls + '-wrapper', true));
var checkboxClass = (0, _classnames2["default"])((0, _defineProperty3["default"])({}, prefixCls + '-indeterminate', indeterminate
));
return _react2["default"].createElement(
'label',
{ className: classString, style: style, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
_react2["default"].createElement(_rcCheckbox2["default"], (0, _extends3["default"])({}, checkboxProps, { prefixCls: prefixCls
, className: checkboxClass })),
children !== undefined ? _react2["default"].createElement(
'span',
null,
children
) : null
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function shouldComponentUpdate(nextProps, nextState, nextContext) {
return !(0, _shallowequal2["default"])(this.props, nextProps) || !(0, _shallowequal2["default"])(this.state, nextState) || !(
0, _shallowequal2["default"])(this.context.checkboxGroup, nextContext.checkboxGroup);
}n/a
function Col() {
(0, _classCallCheck3["default"])(this, Col);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
children = function () { [native code] }n/a
className = function () { [native code] }n/a
lg = function () { [native code] }n/a
md = function () { [native code] }n/a
offset = function () { [native code] }n/a
order = function () { [native code] }n/a
pull = function () { [native code] }n/a
push = function () { [native code] }...
this.links = [];
this.currentAnchor = null;
this._activeAnchor = '';
}
AnchorHelper.prototype.addLink = function addLink(link) {
if (this.links.indexOf(link) === -1) {
this.links.push(link);
}
};
AnchorHelper.prototype.getCurrentActiveAnchor = function getCurrentActiveAnchor() {
return this.currentAnchor;
};
...sm = function () { [native code] }n/a
span = function () { [native code] }n/a
xl = function () { [native code] }n/a
xs = function () { [native code] }n/a
function render() {
var _classNames;
var props = this.props;
var span = props.span,
order = props.order,
offset = props.offset,
push = props.push,
pull = props.pull,
className = props.className,
children = props.children,
_props$prefixCls = props.prefixCls,
prefixCls = _props$prefixCls === undefined ? 'ant-col' : _props$prefixCls,
others = __rest(props, ["span", "order", "offset", "push", "pull", "className", "children", "prefixCls"]);
var sizeClassObj = {};
['xs', 'sm', 'md', 'lg', 'xl'].forEach(function (size) {
var _assign;
var sizeProps = {};
if (typeof props[size] === 'number') {
sizeProps.span = props[size];
} else if ((0, _typeof3["default"])(props[size]) === 'object') {
sizeProps = props[size] || {};
}
delete others[size];
sizeClassObj = (0, _objectAssign2["default"])({}, sizeClassObj, (_assign = {}, (0, _defineProperty3["default"])(_assign,
prefixCls + '-' + size + '-' + sizeProps.span, sizeProps.span !== undefined), (0, _defineProperty3["default"])(_assign, prefixCls
+ '-' + size + '-order-' + sizeProps.order, sizeProps.order || sizeProps.order === 0), (0, _defineProperty3["default"])(_assign
, prefixCls + '-' + size + '-offset-' + sizeProps.offset, sizeProps.offset || sizeProps.offset === 0), (0, _defineProperty3["default
"])(_assign, prefixCls + '-' + size + '-push-' + sizeProps.push, sizeProps.push || sizeProps.push === 0), (0, _defineProperty3["
default"])(_assign, prefixCls + '-' + size + '-pull-' + sizeProps.pull, sizeProps.pull || sizeProps.pull === 0), _assign));
});
var classes = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls + '-' +
span, span !== undefined), (0, _defineProperty3["default"])(_classNames, prefixCls + '-order-' + order, order), (0, _defineProperty3
["default"])(_classNames, prefixCls + '-offset-' + offset, offset), (0, _defineProperty3["default"])(_classNames, prefixCls + '-
push-' + push, push), (0, _defineProperty3["default"])(_classNames, prefixCls + '-pull-' + pull, pull), _classNames), className,
sizeClassObj);
return _react2["default"].createElement(
'div',
(0, _extends3["default"])({}, others, { className: classes }),
children
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Collapse() {
(0, _classCallCheck3["default"])(this, Collapse);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component2.apply(this, arguments));
}n/a
function CollapsePanel() {
_classCallCheck(this, CollapsePanel);
return _possibleConstructorReturn(this, _Component.apply(this, arguments));
}n/a
function CollapsePanel() {
_classCallCheck(this, CollapsePanel);
return _possibleConstructorReturn(this, _Component.apply(this, arguments));
}n/a
function handleItemClick() {
this.props.onItemClick();
}n/a
function render() {
var _classNames;
var _props = this.props,
className = _props.className,
style = _props.style,
prefixCls = _props.prefixCls,
header = _props.header,
children = _props.children,
isActive = _props.isActive,
showArrow = _props.showArrow,
destroyInactivePanel = _props.destroyInactivePanel;
var headerCls = prefixCls + '-header';
var itemCls = (0, _classnames2["default"])((_classNames = {}, _defineProperty(_classNames, prefixCls + '-item', true), _defineProperty
(_classNames, prefixCls + '-item-active', isActive), _classNames), className);
return _react2["default"].createElement(
'div',
{ className: itemCls, style: style },
_react2["default"].createElement(
'div',
{
className: headerCls,
onClick: this.handleItemClick.bind(this),
role: 'tab',
'aria-expanded': isActive
},
showArrow && _react2["default"].createElement('i', { className: 'arrow' }),
header
),
_react2["default"].createElement(
_rcAnimate2["default"],
{
showProp: 'isActive',
exclusive: true,
component: '',
animation: this.props.openAnimation
},
_react2["default"].createElement(
_PanelContent2["default"],
{
prefixCls: prefixCls,
isActive: isActive,
destroyInactivePanel: destroyInactivePanel
},
children
)
)
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function render() {
var _props = this.props,
prefixCls = _props.prefixCls,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className,
bordered = _props.bordered;
var collapseClassName = (0, _classnames2["default"])((0, _defineProperty3["default"])({}, prefixCls + '-borderless', !bordered
), className);
return _react2["default"].createElement(_rcCollapse2["default"], (0, _extends3["default"])({}, this.props, { className: collapseClassName
}));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function PickerWrapper() {
(0, _classCallCheck3["default"])(this, PickerWrapper);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleOpenChange = function (open) {
var _this$props = _this.props,
onOpenChange = _this$props.onOpenChange,
toggleOpen = _this$props.toggleOpen;
onOpenChange(open);
if (toggleOpen) {
(0, _warning2["default"])(false, '`toggleOpen` is deprecated and will be removed in the future, ' + 'please use `onOpenChange
` instead, see: http://u.ant.design/date-picker-on-open-change');
toggleOpen({ open: open });
}
};
return _this;
}n/a
function Calendar() {
(0, _classCallCheck3["default"])(this, Calendar);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function PickerWrapper() {
(0, _classCallCheck3["default"])(this, PickerWrapper);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleOpenChange = function (open) {
var _this$props = _this.props,
onOpenChange = _this$props.onOpenChange,
toggleOpen = _this$props.toggleOpen;
onOpenChange(open);
if (toggleOpen) {
(0, _warning2["default"])(false, '`toggleOpen` is deprecated and will be removed in the future, ' + 'please use `onOpenChange
` instead, see: http://u.ant.design/date-picker-on-open-change');
toggleOpen({ open: open });
}
};
return _this;
}n/a
function PickerWrapper() {
(0, _classCallCheck3["default"])(this, PickerWrapper);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleOpenChange = function (open) {
var _this$props = _this.props,
onOpenChange = _this$props.onOpenChange,
toggleOpen = _this$props.toggleOpen;
onOpenChange(open);
if (toggleOpen) {
(0, _warning2["default"])(false, '`toggleOpen` is deprecated and will be removed in the future, ' + 'please use `onOpenChange
` instead, see: http://u.ant.design/date-picker-on-open-change');
toggleOpen({ open: open });
}
};
return _this;
}n/a
function Calendar() {
(0, _classCallCheck3["default"])(this, Calendar);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
(0, _warning2["default"])(false, 'DatePicker.Calendar is deprecated, use Calendar instead.');
return _react2["default"].createElement(_rcCalendar2["default"], this.props);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function PickerWrapper() {
(0, _classCallCheck3["default"])(this, PickerWrapper);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleOpenChange = function (open) {
var _this$props = _this.props,
onOpenChange = _this$props.onOpenChange,
toggleOpen = _this$props.toggleOpen;
onOpenChange(open);
if (toggleOpen) {
(0, _warning2["default"])(false, '`toggleOpen` is deprecated and will be removed in the future, ' + 'please use `onOpenChange
` instead, see: http://u.ant.design/date-picker-on-open-change');
toggleOpen({ open: open });
}
};
return _this;
}n/a
function render() {
var _classNames2, _classNames3;
var props = this.props;
var prefixCls = props.prefixCls,
inputPrefixCls = props.inputPrefixCls;
var pickerClass = (0, _classnames2["default"])((0, _defineProperty3["default"])({}, prefixCls + '-picker', true));
var pickerInputClass = (0, _classnames2["default"])((_classNames2 = {}, (0, _defineProperty3["default"])(_classNames2, prefixCls
+ '-picker-input', true), (0, _defineProperty3["default"])(_classNames2, inputPrefixCls, true), (0, _defineProperty3["default"])(
_classNames2, inputPrefixCls + '-lg', props.size === 'large'), (0, _defineProperty3["default"])(_classNames2, inputPrefixCls + '-
sm', props.size === 'small'), _classNames2));
var locale = (0, _getLocale.getComponentLocale)(props, this.context, 'DatePicker', function () {
return require('./locale/zh_CN');
});
var timeFormat = props.showTime && props.showTime.format || 'HH:mm:ss';
var rcTimePickerProps = {
format: timeFormat,
showSecond: timeFormat.indexOf('ss') >= 0,
showMinute: timeFormat.indexOf('mm') >= 0,
showHour: timeFormat.indexOf('HH') >= 0
};
var columns = getColumns(rcTimePickerProps);
var timePickerCls = (0, _classnames2["default"])((_classNames3 = {}, (0, _defineProperty3["default"])(_classNames3, prefixCls
+ '-time-picker-1-column', columns === 1), (0, _defineProperty3["default"])(_classNames3, prefixCls + '-time-picker-2-columns',
columns === 2), _classNames3));
var timePicker = props.showTime ? _react2["default"].createElement(_Panel2["default"], (0, _extends3["default"])({}, rcTimePickerProps
, props.showTime, { prefixCls: prefixCls + '-time-picker', className: timePickerCls, placeholder: locale.timePickerLocale.placeholder
, transitionName: 'slide-up' })) : null;
return _react2["default"].createElement(Picker, (0, _extends3["default"])({}, props, { pickerClass: pickerClass, pickerInputClass
: pickerInputClass, locale: locale, timePicker: timePicker, onOpenChange: this.handleOpenChange }));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function PickerWrapper() {
(0, _classCallCheck3["default"])(this, PickerWrapper);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleOpenChange = function (open) {
var _this$props = _this.props,
onOpenChange = _this$props.onOpenChange,
toggleOpen = _this$props.toggleOpen;
onOpenChange(open);
if (toggleOpen) {
(0, _warning2["default"])(false, '`toggleOpen` is deprecated and will be removed in the future, ' + 'please use `onOpenChange
` instead, see: http://u.ant.design/date-picker-on-open-change');
toggleOpen({ open: open });
}
};
return _this;
}n/a
function render() {
var _classNames2, _classNames3;
var props = this.props;
var prefixCls = props.prefixCls,
inputPrefixCls = props.inputPrefixCls;
var pickerClass = (0, _classnames2["default"])((0, _defineProperty3["default"])({}, prefixCls + '-picker', true));
var pickerInputClass = (0, _classnames2["default"])((_classNames2 = {}, (0, _defineProperty3["default"])(_classNames2, prefixCls
+ '-picker-input', true), (0, _defineProperty3["default"])(_classNames2, inputPrefixCls, true), (0, _defineProperty3["default"])(
_classNames2, inputPrefixCls + '-lg', props.size === 'large'), (0, _defineProperty3["default"])(_classNames2, inputPrefixCls + '-
sm', props.size === 'small'), _classNames2));
var locale = (0, _getLocale.getComponentLocale)(props, this.context, 'DatePicker', function () {
return require('./locale/zh_CN');
});
var timeFormat = props.showTime && props.showTime.format || 'HH:mm:ss';
var rcTimePickerProps = {
format: timeFormat,
showSecond: timeFormat.indexOf('ss') >= 0,
showMinute: timeFormat.indexOf('mm') >= 0,
showHour: timeFormat.indexOf('HH') >= 0
};
var columns = getColumns(rcTimePickerProps);
var timePickerCls = (0, _classnames2["default"])((_classNames3 = {}, (0, _defineProperty3["default"])(_classNames3, prefixCls
+ '-time-picker-1-column', columns === 1), (0, _defineProperty3["default"])(_classNames3, prefixCls + '-time-picker-2-columns',
columns === 2), _classNames3));
var timePicker = props.showTime ? _react2["default"].createElement(_Panel2["default"], (0, _extends3["default"])({}, rcTimePickerProps
, props.showTime, { prefixCls: prefixCls + '-time-picker', className: timePickerCls, placeholder: locale.timePickerLocale.placeholder
, transitionName: 'slide-up' })) : null;
return _react2["default"].createElement(Picker, (0, _extends3["default"])({}, props, { pickerClass: pickerClass, pickerInputClass
: pickerInputClass, locale: locale, timePicker: timePicker, onOpenChange: this.handleOpenChange }));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...antLocale = function () { [native code] }n/a
function onChange() {}...
_this.handleChange(null);
};
_this.handleChange = function (value) {
var props = _this.props;
if (!('value' in props)) {
_this.setState({ value: value });
}
props.onChange(value, value && value.format(props.format) || ''
;);
};
var value = props.value || props.defaultValue;
if (value && !_moment2["default"].isMoment(value)) {
throw new Error('The value/defaultValue of DatePicker or MonthPicker must be ' + 'a moment object after `antd
@2.0`, see: http://u.ant.design/date-picker-value');
}
_this.state = {
value: value
...function onOk() {}n/a
function onOpenChange() {}n/a
function render() {
var _classNames2, _classNames3;
var props = this.props;
var prefixCls = props.prefixCls,
inputPrefixCls = props.inputPrefixCls;
var pickerClass = (0, _classnames2["default"])((0, _defineProperty3["default"])({}, prefixCls + '-picker', true));
var pickerInputClass = (0, _classnames2["default"])((_classNames2 = {}, (0, _defineProperty3["default"])(_classNames2, prefixCls
+ '-picker-input', true), (0, _defineProperty3["default"])(_classNames2, inputPrefixCls, true), (0, _defineProperty3["default"])(
_classNames2, inputPrefixCls + '-lg', props.size === 'large'), (0, _defineProperty3["default"])(_classNames2, inputPrefixCls + '-
sm', props.size === 'small'), _classNames2));
var locale = (0, _getLocale.getComponentLocale)(props, this.context, 'DatePicker', function () {
return require('./locale/zh_CN');
});
var timeFormat = props.showTime && props.showTime.format || 'HH:mm:ss';
var rcTimePickerProps = {
format: timeFormat,
showSecond: timeFormat.indexOf('ss') >= 0,
showMinute: timeFormat.indexOf('mm') >= 0,
showHour: timeFormat.indexOf('HH') >= 0
};
var columns = getColumns(rcTimePickerProps);
var timePickerCls = (0, _classnames2["default"])((_classNames3 = {}, (0, _defineProperty3["default"])(_classNames3, prefixCls
+ '-time-picker-1-column', columns === 1), (0, _defineProperty3["default"])(_classNames3, prefixCls + '-time-picker-2-columns',
columns === 2), _classNames3));
var timePicker = props.showTime ? _react2["default"].createElement(_Panel2["default"], (0, _extends3["default"])({}, rcTimePickerProps
, props.showTime, { prefixCls: prefixCls + '-time-picker', className: timePickerCls, placeholder: locale.timePickerLocale.placeholder
, transitionName: 'slide-up' })) : null;
return _react2["default"].createElement(Picker, (0, _extends3["default"])({}, props, { pickerClass: pickerClass, pickerInputClass
: pickerInputClass, locale: locale, timePicker: timePicker, onOpenChange: this.handleOpenChange }));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Dropdown() {
(0, _classCallCheck3["default"])(this, Dropdown);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function DropdownButton() {
(0, _classCallCheck3["default"])(this, DropdownButton);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function DropdownButton() {
(0, _classCallCheck3["default"])(this, DropdownButton);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
var _a = this.props,
type = _a.type,
overlay = _a.overlay,
trigger = _a.trigger,
align = _a.align,
children = _a.children,
className = _a.className,
onClick = _a.onClick,
prefixCls = _a.prefixCls,
disabled = _a.disabled,
visible = _a.visible,
onVisibleChange = _a.onVisibleChange,
placement = _a.placement,
restProps = __rest(_a, ["type", "overlay", "trigger", "align", "children", "className", "onClick", "prefixCls", "disabled
", "visible", "onVisibleChange", "placement"]);
var cls = (0, _classnames2["default"])(prefixCls, className);
var dropdownProps = {
align: align,
overlay: overlay,
trigger: disabled ? [] : trigger,
onVisibleChange: onVisibleChange,
placement: placement
};
if ('visible' in this.props) {
dropdownProps.visible = visible;
}
return _react2["default"].createElement(
ButtonGroup,
(0, _extends3["default"])({}, restProps, { className: cls }),
_react2["default"].createElement(
_button2["default"],
{ type: type, onClick: onClick, disabled: disabled },
children
),
_react2["default"].createElement(
_dropdown2["default"],
dropdownProps,
_react2["default"].createElement(
_button2["default"],
{ type: type, disabled: disabled },
_react2["default"].createElement(_icon2["default"], { type: 'down' })
)
)
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function getTransitionName() {
var _props$placement = this.props.placement,
placement = _props$placement === undefined ? '' : _props$placement;
if (placement.indexOf('top') >= 0) {
return 'slide-down';
}
return 'slide-up';
}n/a
function render() {
var _props = this.props,
children = _props.children,
prefixCls = _props.prefixCls;
var dropdownTrigger = (0, _react.cloneElement)(children, {
className: (0, _classnames2["default"])(children.props.className, prefixCls + '-trigger')
});
return _react2["default"].createElement(
_rcDropdown2["default"],
(0, _extends3["default"])({ transitionName: this.getTransitionName() }, this.props),
dropdownTrigger
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Form(props) {
(0, _classCallCheck3["default"])(this, Form);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
(0, _warning2["default"])(!props.form, 'It is unnecessary to pass `form` to `Form` after antd@1.7.0.');
return _this;
}n/a
function FormItem() {
(0, _classCallCheck3["default"])(this, FormItem);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
create = function (options) {
var formWrapper = (0, _createDOMForm2["default"])((0, _objectAssign2["default"])({
fieldNameProp: 'id'
}, options, {
fieldMetaProp: _constants.FIELD_META_PROP
}));
/* eslint-disable react/prefer-es6-class */
return function (Component) {
return formWrapper(_react2["default"].createClass({
propTypes: {
form: _react.PropTypes.object.isRequired
},
childContextTypes: {
form: _react.PropTypes.object.isRequired
},
getChildContext: function getChildContext() {
return {
form: this.props.form
};
},
componentWillMount: function componentWillMount() {
this.__getFieldProps = this.props.form.getFieldProps;
},
deprecatedGetFieldProps: function deprecatedGetFieldProps(name, option) {
(0, _warning2["default"])(false, '`getFieldProps` is not recommended, please use `getFieldDecorator` instead, ' + '
see: http://u.ant.design/get-field-decorator');
return this.__getFieldProps(name, option);
},
render: function render() {
this.props.form.getFieldProps = this.deprecatedGetFieldProps;
var withRef = {};
if (options && options.withRef) {
withRef.ref = 'formWrappedComponent';
}
return _react2["default"].createElement(Component, (0, _extends3["default"])({}, this.props, withRef));
}
}));
};
}n/a
function FormItem() {
(0, _classCallCheck3["default"])(this, FormItem);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function componentDidMount() {
(0, _warning2["default"])(this.getControls(this.props.children, true).length <= 1, '`Form.Item` cannot generate `validateStatus
` and `help` automatically, ' + 'while there are more than one `getFieldDecorator` in it.');
}n/a
function getChildProp(prop) {
var child = this.getOnlyControl();
return child && child.props && child.props[prop];
}n/a
function getControls(children, recursively) {
var controls = [];
var childrenArray = _react2["default"].Children.toArray(children);
for (var i = 0; i < childrenArray.length; i++) {
if (!recursively && controls.length > 0) {
break;
}
var child = childrenArray[i];
if (child.type === FormItem) {
continue;
}
if (!child.props) {
continue;
}
if (_constants.FIELD_META_PROP in child.props) {
controls.push(child);
} else if (child.props.children) {
controls = controls.concat(this.getControls(child.props.children, recursively));
}
}
return controls;
}n/a
function getHelpMsg() {
var context = this.context;
var props = this.props;
if (props.help === undefined && context.form) {
return this.getId() ? (context.form.getFieldError(this.getId()) || []).join(', ') : '';
}
return props.help;
}n/a
function getId() {
return this.getChildProp('id');
}n/a
function getMeta() {
return this.getChildProp(_constants.FIELD_META_PROP);
}n/a
function getOnlyControl() {
var child = this.getControls(this.props.children, false)[0];
return child !== undefined ? child : null;
}n/a
function getValidateStatus() {
var _context$form = this.context.form,
isFieldValidating = _context$form.isFieldValidating,
getFieldError = _context$form.getFieldError,
getFieldValue = _context$form.getFieldValue;
var fieldId = this.getId();
if (!fieldId) {
return '';
}
if (isFieldValidating(fieldId)) {
return 'validating';
}
if (!!getFieldError(fieldId)) {
return 'error';
}
var fieldValue = getFieldValue(fieldId);
if (fieldValue !== undefined && fieldValue !== null && fieldValue !== '') {
return 'success';
}
return '';
}n/a
function isRequired() {
var required = this.props.required;
if (required !== undefined) {
return required;
}
if (this.context.form) {
var meta = this.getMeta() || {};
var validate = meta.validate || [];
return validate.filter(function (item) {
return !!item.rules;
}).some(function (item) {
return item.rules.some(function (rule) {
return rule.required;
});
});
}
return false;
}n/a
function render() {
var children = this.renderChildren();
return this.renderFormItem(children);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function renderChildren() {
var props = this.props;
var children = _react2["default"].Children.map(props.children, function (child) {
if (child && typeof child.type === 'function' && !child.props.size) {
return _react2["default"].cloneElement(child, { size: 'large' });
}
return child;
});
return [this.renderLabel(), this.renderWrapper(this.renderValidateWrapper(children, this.renderHelp(), this.renderExtra()))];
}n/a
function renderExtra() {
var _props = this.props,
prefixCls = _props.prefixCls,
extra = _props.extra;
return extra ? _react2["default"].createElement(
'div',
{ className: prefixCls + '-extra' },
extra
) : null;
}n/a
function renderFormItem(children) {
var _itemClassName;
var props = this.props;
var prefixCls = props.prefixCls;
var style = props.style;
var itemClassName = (_itemClassName = {}, (0, _defineProperty3["default"])(_itemClassName, prefixCls + '-item', true), (0, _defineProperty3
["default"])(_itemClassName, prefixCls + '-item-with-help', !!this.getHelpMsg()), (0, _defineProperty3["default"])(_itemClassName
, prefixCls + '-item-no-colon', !props.colon), (0, _defineProperty3["default"])(_itemClassName, '' + props.className, !!props.className
), _itemClassName);
return _react2["default"].createElement(
_row2["default"],
{ className: (0, _classnames2["default"])(itemClassName), style: style },
children
);
}n/a
function renderHelp() {
var prefixCls = this.props.prefixCls;
var help = this.getHelpMsg();
return help ? _react2["default"].createElement(
'div',
{ className: prefixCls + '-explain', key: 'help' },
help
) : null;
}n/a
function renderLabel() {
var _props2 = this.props,
label = _props2.label,
labelCol = _props2.labelCol,
prefixCls = _props2.prefixCls,
colon = _props2.colon,
id = _props2.id;
var context = this.context;
var required = this.isRequired();
var className = (0, _classnames2["default"])((0, _defineProperty3["default"])({}, prefixCls + '-item-required', required));
var labelChildren = label;
// Keep label is original where there should have no colon
var haveColon = colon && !context.vertical;
// Remove duplicated user input colon
if (haveColon && typeof label === 'string' && label.trim() !== '') {
labelChildren = label.replace(/[:|:]\s*$/, '');
}
return label ? _react2["default"].createElement(
_col2["default"],
(0, _extends3["default"])({}, labelCol, { key: 'label', className: prefixCls + '-item-label' }),
_react2["default"].createElement(
'label',
{ htmlFor: id || this.getId(), className: className, title: typeof label === 'string' ? label : '' },
labelChildren
)
) : null;
}n/a
function renderValidateWrapper(c1, c2, c3) {
var classes = '';
var form = this.context.form;
var props = this.props;
var validateStatus = props.validateStatus === undefined && form ? this.getValidateStatus() : props.validateStatus;
if (validateStatus) {
classes = (0, _classnames2["default"])({
'has-feedback': props.hasFeedback,
'has-success': validateStatus === 'success',
'has-warning': validateStatus === 'warning',
'has-error': validateStatus === 'error',
'is-validating': validateStatus === 'validating'
});
}
return _react2["default"].createElement(
'div',
{ className: this.props.prefixCls + '-item-control ' + classes },
c1,
c2,
c3
);
}n/a
function renderWrapper(children) {
var wrapperCol = this.props.wrapperCol;
return _react2["default"].createElement(
_col2["default"],
(0, _extends3["default"])({ className: this.props.prefixCls + '-item-control-wrapper' }, wrapperCol, { key: 'wrapper' }),
children
);
}n/a
function shouldComponentUpdate() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _PureRenderMixin2["default"].shouldComponentUpdate.apply(this, args);
}n/a
vertical = function () { [native code] }n/a
function onSubmit(e) {
e.preventDefault();
}n/a
children = function () { [native code] }n/a
hideRequiredMark = function () { [native code] }n/a
layout = function () { [native code] }n/a
onSubmit = function () { [native code] }n/a
prefixCls = function () { [native code] }n/a
function getChildContext() {
var _props = this.props,
layout = _props.layout,
vertical = _props.vertical;
return {
vertical: layout === 'vertical' || vertical
};
}n/a
function render() {
var _classNames;
var _props2 = this.props,
prefixCls = _props2.prefixCls,
hideRequiredMark = _props2.hideRequiredMark,
_props2$className = _props2.className,
className = _props2$className === undefined ? '' : _props2$className,
layout = _props2.layout,
inline = _props2.inline,
horizontal = _props2.horizontal,
vertical = _props2.vertical;
(0, _warning2["default"])(!inline && !horizontal && !vertical, '`Form[inline|horizontal|vertical]` is deprecated, please use
`Form[layout]` instead.');
var formClassName = (0, _classnames2["default"])(prefixCls, (_classNames = {}, (0, _defineProperty3["default"])(_classNames,
prefixCls + '-horizontal', !inline && !vertical && layout === 'horizontal' || horizontal), (0, _defineProperty3["default"])(_classNames
, prefixCls + '-vertical', layout === 'vertical' || vertical), (0, _defineProperty3["default"])(_classNames, prefixCls + '-inline
', layout === 'inline' || inline), (0, _defineProperty3["default"])(_classNames, prefixCls + '-hide-required-mark', hideRequiredMark
), _classNames), className);
var formProps = (0, _omit2["default"])(this.props, ['prefixCls', 'className', 'layout', 'inline', 'horizontal', 'vertical', '
form', 'hideRequiredMark']);
return _react2["default"].createElement('form', (0, _extends3["default"])({}, formProps, { className: formClassName }));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function shouldComponentUpdate() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _PureRenderMixin2["default"].shouldComponentUpdate.apply(this, args);
}n/a
function Header() {
(0, _classCallCheck3["default"])(this, Header);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.onYearChange = function (year) {
var newValue = _this.props.value.clone();
newValue.year(parseInt(year, 10));
var onValueChange = _this.props.onValueChange;
if (onValueChange) {
onValueChange(newValue);
}
};
_this.onMonthChange = function (month) {
var newValue = _this.props.value.clone();
newValue.month(parseInt(month, 10));
var onValueChange = _this.props.onValueChange;
if (onValueChange) {
onValueChange(newValue);
}
};
_this.onTypeChange = function (e) {
var onTypeChange = _this.props.onTypeChange;
if (onTypeChange) {
onTypeChange(e.target.value);
}
};
return _this;
}n/a
function getMonthSelectElement(month, months) {
var props = this.props;
var prefixCls = props.prefixCls,
fullscreen = props.fullscreen;
var options = [];
for (var index = 0; index < 12; index++) {
options.push(_react2["default"].createElement(
Option,
{ key: '' + index },
months[index]
));
}
return _react2["default"].createElement(
_select2["default"],
{ size: fullscreen ? 'default' : 'small', dropdownMatchSelectWidth: false, className: prefixCls + '-month-select', value
: String(month), onChange: this.onMonthChange },
options
);
}...
type = _props2.type,
value = _props2.value,
prefixCls = _props2.prefixCls,
locale = _props2.locale,
fullscreen = _props2.fullscreen;
var yearSelect = this.getYearSelectElement(value.year());
var monthSelect = type === 'date' ? this.getMonthSelectElement(value.month(),
this.getMonthsLocale(value)) : null;
var size = fullscreen ? 'default' : 'small';
var typeSwitch = _react2["default"].createElement(
_radio.Group,
{ onChange: this.onTypeChange, value: type, size: size },
_react2["default"].createElement(
_radio.Button,
{ value: 'date' },
...function getMonthsLocale(value) {
var current = value.clone();
var localeData = value.localeData();
var months = [];
for (var i = 0; i < 12; i++) {
current.month(i);
months.push(localeData.monthsShort(current));
}
return months;
}...
type = _props2.type,
value = _props2.value,
prefixCls = _props2.prefixCls,
locale = _props2.locale,
fullscreen = _props2.fullscreen;
var yearSelect = this.getYearSelectElement(value.year());
var monthSelect = type === 'date' ? this.getMonthSelectElement(value.month(), this.
getMonthsLocale(value)) : null;
var size = fullscreen ? 'default' : 'small';
var typeSwitch = _react2["default"].createElement(
_radio.Group,
{ onChange: this.onTypeChange, value: type, size: size },
_react2["default"].createElement(
_radio.Button,
{ value: 'date' },
...function getYearSelectElement(year) {
var _props = this.props,
yearSelectOffset = _props.yearSelectOffset,
yearSelectTotal = _props.yearSelectTotal,
locale = _props.locale,
prefixCls = _props.prefixCls,
fullscreen = _props.fullscreen;
var start = year - yearSelectOffset;
var end = start + yearSelectTotal;
var suffix = locale.year === '年' ? '年' : '';
var options = [];
for (var index = start; index < end; index++) {
options.push(_react2["default"].createElement(
Option,
{ key: '' + index },
index + suffix
));
}
return _react2["default"].createElement(
_select2["default"],
{ size: fullscreen ? 'default' : 'small', dropdownMatchSelectWidth: false, className: prefixCls + '-year-select', onChange
: this.onYearChange, value: String(year) },
options
);
}...
var _props2 = this.props,
type = _props2.type,
value = _props2.value,
prefixCls = _props2.prefixCls,
locale = _props2.locale,
fullscreen = _props2.fullscreen;
var yearSelect = this.getYearSelectElement(value.year());
var monthSelect = type === 'date' ? this.getMonthSelectElement(value.month(), this.getMonthsLocale(value)) : null;
var size = fullscreen ? 'default' : 'small';
var typeSwitch = _react2["default"].createElement(
_radio.Group,
{ onChange: this.onTypeChange, value: type, size: size },
_react2["default"].createElement(
_radio.Button,
...function render() {
var _props2 = this.props,
type = _props2.type,
value = _props2.value,
prefixCls = _props2.prefixCls,
locale = _props2.locale,
fullscreen = _props2.fullscreen;
var yearSelect = this.getYearSelectElement(value.year());
var monthSelect = type === 'date' ? this.getMonthSelectElement(value.month(), this.getMonthsLocale(value)) : null;
var size = fullscreen ? 'default' : 'small';
var typeSwitch = _react2["default"].createElement(
_radio.Group,
{ onChange: this.onTypeChange, value: type, size: size },
_react2["default"].createElement(
_radio.Button,
{ value: 'date' },
locale.month
),
_react2["default"].createElement(
_radio.Button,
{ value: 'month' },
locale.year
)
);
return _react2["default"].createElement(
'div',
{ className: prefixCls + '-header' },
yearSelect,
monthSelect,
typeSwitch
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Input() {
(0, _classCallCheck3["default"])(this, Input);
var _this = (0, _possibleConstructorReturn3["default"])(this, _Component.apply(this, arguments));
_this.state = {
textareaStyles: null,
isFocus: false
};
_this.handleKeyDown = function (e) {
var _this$props = _this.props,
onPressEnter = _this$props.onPressEnter,
onKeyDown = _this$props.onKeyDown;
if (e.keyCode === 13 && onPressEnter) {
onPressEnter(e);
}
if (onKeyDown) {
onKeyDown(e);
}
};
_this.handleTextareaChange = function (e) {
if (!('value' in _this.props)) {
_this.resizeTextarea();
}
var onChange = _this.props.onChange;
if (onChange) {
onChange(e);
}
};
_this.resizeTextarea = function () {
var _this$props2 = _this.props,
type = _this$props2.type,
autosize = _this$props2.autosize;
if (type !== 'textarea' || !autosize || !_this.refs.input) {
return;
}
var minRows = autosize ? autosize.minRows : null;
var maxRows = autosize ? autosize.maxRows : null;
var textareaStyles = (0, _calculateNodeHeight2["default"])(_this.refs.input, false, minRows, maxRows);
_this.setState({ textareaStyles: textareaStyles });
};
return _this;
}n/a
function Group(props) {
var _classNames;
var _props$prefixCls = props.prefixCls,
prefixCls = _props$prefixCls === undefined ? 'ant-input-group' : _props$prefixCls,
_props$className = props.className,
className = _props$className === undefined ? '' : _props$className;
var cls = (0, _classnames2["default"])(prefixCls, (_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-lg', props.size === 'large'), (0, _defineProperty3["default"])(_classNames, prefixCls + '-sm', props.size === 'small'), (0,
_defineProperty3["default"])(_classNames, prefixCls + '-compact', props.compact), _classNames), className);
return _react2["default"].createElement(
'span',
{ className: cls, style: props.style },
props.children
);
}n/a
function Search() {
(0, _classCallCheck3["default"])(this, Search);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.onSearch = function () {
var onSearch = _this.props.onSearch;
if (onSearch) {
onSearch(_this.input.refs.input.value);
}
_this.input.refs.input.focus();
};
return _this;
}n/a
function Search() {
(0, _classCallCheck3["default"])(this, Search);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.onSearch = function () {
var onSearch = _this.props.onSearch;
if (onSearch) {
onSearch(_this.input.refs.input.value);
}
_this.input.refs.input.focus();
};
return _this;
}n/a
function render() {
var _this2 = this;
var _a = this.props,
className = _a.className,
prefixCls = _a.prefixCls,
others = __rest(_a, ["className", "prefixCls"]);
delete others.onSearch;
var searchSuffix = _react2["default"].createElement(_icon2["default"], { className: prefixCls + '-icon', onClick: this.onSearch
, type: 'search' });
return _react2["default"].createElement(_Input2["default"], (0, _extends3["default"])({ className: (0, _classnames2["default
"])(prefixCls, className), onPressEnter: this.onSearch, ref: function ref(node) {
return _this2.input = node;
}, suffix: searchSuffix }, others));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...addonAfter = function () { [native code] }n/a
addonBefore = function () { [native code] }n/a
autosize = function () { [native code] }n/a
className = function () { [native code] }n/a
defaultValue = function () { [native code] }n/a
disabled = function () { [native code] }n/a
id = function () { [native code] }n/a
onBlur = function () { [native code] }n/a
onFocus = function () { [native code] }n/a
onKeyDown = function () { [native code] }n/a
onPressEnter = function () { [native code] }n/a
prefix = function () { [native code] }n/a
prefixCls = function () { [native code] }n/a
size = function () { [native code] }n/a
suffix = function () { [native code] }n/a
type = function () { [native code] }n/a
value = function () { [native code] }n/a
function componentDidMount() {
this.resizeTextarea();
}n/a
function componentWillReceiveProps(nextProps) {
// Re-render with the new content then recalculate the height as required.
if (this.props.value !== nextProps.value) {
if (this.nextFrameActionId) {
clearNextFrameAction(this.nextFrameActionId);
}
this.nextFrameActionId = onNextFrame(this.resizeTextarea);
}
}n/a
function focus() {
this.refs.input.focus();
}...
function InputElement() {
(0, _classCallCheck3["default"])(this, InputElement);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.focus = function () {
_this.ele.focus ? _this.ele.focus() : (0, _reactDom.findDOMNode)(_this.ele).focus
();
};
_this.blur = function () {
_this.ele.blur ? _this.ele.blur() : (0, _reactDom.findDOMNode)(_this.ele).blur();
};
return _this;
}
...function render() {
return this.renderLabeledInput(this.renderInput());
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function renderInput() {
var _classNames2;
var props = (0, _objectAssign2["default"])({}, this.props);
// Fix https://fb.me/react-unknown-prop
var otherProps = (0, _omit2["default"])(this.props, ['prefixCls', 'onPressEnter', 'autosize', 'addonBefore', 'addonAfter', '
prefix', 'suffix']);
var prefixCls = props.prefixCls;
if (!props.type) {
return props.children;
}
var inputClassName = (0, _classnames2["default"])(prefixCls, (_classNames2 = {}, (0, _defineProperty3["default"])(_classNames2
, prefixCls + '-sm', props.size === 'small'), (0, _defineProperty3["default"])(_classNames2, prefixCls + '-lg', props.size === '
large'), _classNames2), props.className);
if ('value' in props) {
otherProps.value = fixControlledValue(props.value);
// Input elements must be either controlled or uncontrolled,
// specify either the value prop, or the defaultValue prop, but not both.
delete otherProps.defaultValue;
}
switch (props.type) {
case 'textarea':
return _react2["default"].createElement('textarea', (0, _extends3["default"])({}, otherProps, { style: (0, _objectAssign2
["default"])({}, props.style, this.state.textareaStyles), className: inputClassName, onKeyDown: this.handleKeyDown, onChange: this
.handleTextareaChange, ref: 'input' }));
default:
return this.renderLabeledIcon(_react2["default"].createElement('input', (0, _extends3["default"])({}, otherProps, {
className: inputClassName, onKeyDown: this.handleKeyDown, ref: 'input' })));
}
}n/a
function renderLabeledIcon(children) {
var props = this.props;
if (props.type === 'textarea' || !('prefix' in props || 'suffix' in props)) {
return children;
}
var prefix = props.prefix ? _react2["default"].createElement(
'span',
{ className: props.prefixCls + '-prefix' },
props.prefix
) : null;
var suffix = props.suffix ? _react2["default"].createElement(
'span',
{ className: props.prefixCls + '-suffix' },
props.suffix
) : null;
return _react2["default"].createElement(
'span',
{ className: props.prefixCls + '-affix-wrapper', style: props.style },
prefix,
(0, _react.cloneElement)(children, { style: null }),
suffix
);
}n/a
function renderLabeledInput(children) {
var _classNames;
var props = this.props;
// Not wrap when there is not addons
if (props.type === 'textarea' || !props.addonBefore && !props.addonAfter) {
return children;
}
var wrapperClassName = props.prefixCls + '-group';
var addonClassName = wrapperClassName + '-addon';
var addonBefore = props.addonBefore ? _react2["default"].createElement(
'span',
{ className: addonClassName },
props.addonBefore
) : null;
var addonAfter = props.addonAfter ? _react2["default"].createElement(
'span',
{ className: addonClassName },
props.addonAfter
) : null;
var className = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, props.prefixCls
+ '-wrapper', true), (0, _defineProperty3["default"])(_classNames, wrapperClassName, addonBefore || addonAfter), _classNames));
return _react2["default"].createElement(
'span',
{ className: className },
addonBefore,
children,
addonAfter
);
}n/a
function InputElement() {
(0, _classCallCheck3["default"])(this, InputElement);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.focus = function () {
_this.ele.focus ? _this.ele.focus() : (0, _reactDom.findDOMNode)(_this.ele).focus();
};
_this.blur = function () {
_this.ele.blur ? _this.ele.blur() : (0, _reactDom.findDOMNode)(_this.ele).blur();
};
return _this;
}n/a
function render() {
var _this2 = this;
return _react2["default"].cloneElement(this.props.children, (0, _extends3["default"])({}, this.props, { ref: function ref(ele
) {
return _this2.ele = ele;
} }), null);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function InputNumber() {
(0, _classCallCheck3["default"])(this, InputNumber);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
var _classNames;
var _a = this.props,
className = _a.className,
size = _a.size,
others = __rest(_a, ["className", "size"]);
var inputNumberClass = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, this.props
.prefixCls + '-lg', size === 'large'), (0, _defineProperty3["default"])(_classNames, this.props.prefixCls + '-sm', size === 'small
'), _classNames), className);
return _react2["default"].createElement(_rcInputNumber2["default"], (0, _extends3["default"])({ className: inputNumberClass },
others));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Adapter() {
(0, _classCallCheck3["default"])(this, Adapter);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Adapter() {
(0, _classCallCheck3["default"])(this, Adapter);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Adapter() {
(0, _classCallCheck3["default"])(this, Adapter);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Adapter() {
(0, _classCallCheck3["default"])(this, Adapter);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Sider(props) {
(0, _classCallCheck3["default"])(this, Sider);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.responsiveHandler = function (mql) {
_this.setState({ below: mql.matches });
if (_this.state.collapsed !== mql.matches) {
_this.setCollapsed(mql.matches, 'responsive');
}
};
_this.setCollapsed = function (collapsed, type) {
if (!('collapsed' in _this.props)) {
_this.setState({
collapsed: collapsed
});
}
var onCollapse = _this.props.onCollapse;
if (onCollapse) {
onCollapse(collapsed, type);
}
};
_this.toggle = function () {
var collapsed = !_this.state.collapsed;
_this.setCollapsed(collapsed, 'clickTrigger');
};
_this.belowShowChange = function () {
_this.setState({ belowShow: !_this.state.belowShow });
};
var matchMedia = void 0;
if (typeof window !== 'undefined') {
matchMedia = window.matchMedia;
}
if (matchMedia && props.breakpoint && props.breakpoint in dimensionMap) {
_this.mql = matchMedia('(max-width: ' + dimensionMap[props.breakpoint] + ')');
}
var collapsed = void 0;
if ('collapsed' in props) {
collapsed = props.collapsed;
} else {
collapsed = props.defaultCollapsed;
}
_this.state = {
collapsed: collapsed,
below: false
};
return _this;
}n/a
function Adapter() {
(0, _classCallCheck3["default"])(this, Adapter);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
var prefixCls = props.prefixCls;
return _react2["default"].createElement(Basic, (0, _extends3["default"])({ prefixCls: prefixCls }, this.props));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Adapter() {
(0, _classCallCheck3["default"])(this, Adapter);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
var prefixCls = props.prefixCls;
return _react2["default"].createElement(Basic, (0, _extends3["default"])({ prefixCls: prefixCls }, this.props));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Adapter() {
(0, _classCallCheck3["default"])(this, Adapter);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
var prefixCls = props.prefixCls;
return _react2["default"].createElement(Basic, (0, _extends3["default"])({ prefixCls: prefixCls }, this.props));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Sider(props) {
(0, _classCallCheck3["default"])(this, Sider);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.responsiveHandler = function (mql) {
_this.setState({ below: mql.matches });
if (_this.state.collapsed !== mql.matches) {
_this.setCollapsed(mql.matches, 'responsive');
}
};
_this.setCollapsed = function (collapsed, type) {
if (!('collapsed' in _this.props)) {
_this.setState({
collapsed: collapsed
});
}
var onCollapse = _this.props.onCollapse;
if (onCollapse) {
onCollapse(collapsed, type);
}
};
_this.toggle = function () {
var collapsed = !_this.state.collapsed;
_this.setCollapsed(collapsed, 'clickTrigger');
};
_this.belowShowChange = function () {
_this.setState({ belowShow: !_this.state.belowShow });
};
var matchMedia = void 0;
if (typeof window !== 'undefined') {
matchMedia = window.matchMedia;
}
if (matchMedia && props.breakpoint && props.breakpoint in dimensionMap) {
_this.mql = matchMedia('(max-width: ' + dimensionMap[props.breakpoint] + ')');
}
var collapsed = void 0;
if ('collapsed' in props) {
collapsed = props.collapsed;
} else {
collapsed = props.defaultCollapsed;
}
_this.state = {
collapsed: collapsed,
below: false
};
return _this;
}n/a
function componentDidMount() {
if (this.mql) {
this.mql.addListener(this.responsiveHandler);
this.responsiveHandler(this.mql);
}
}n/a
function componentWillReceiveProps(nextProps) {
if ('collapsed' in nextProps) {
this.setState({
collapsed: nextProps.collapsed
});
}
}n/a
function componentWillUnmount() {
if (this.mql) {
this.mql.removeListener(this.responsiveHandler);
}
}n/a
function render() {
var _classNames;
var _a = this.props,
prefixCls = _a.prefixCls,
className = _a.className,
collapsible = _a.collapsible,
reverseArrow = _a.reverseArrow,
trigger = _a.trigger,
style = _a.style,
width = _a.width,
collapsedWidth = _a.collapsedWidth,
others = __rest(_a, ["prefixCls", "className", "collapsible", "reverseArrow", "trigger", "style", "width", "collapsedWidth
"]);
var divProps = (0, _omit2["default"])(others, ['collapsed', 'defaultCollapsed', 'onCollapse', 'breakpoint']);
var siderWidth = this.state.collapsed ? collapsedWidth : width;
// special trigger when collapsedWidth == 0
var zeroWidthTrigger = collapsedWidth === 0 || collapsedWidth === '0' ? _react2["default"].createElement(
'span',
{ onClick: this.toggle, className: prefixCls + '-zero-width-trigger' },
_react2["default"].createElement(_icon2["default"], { type: 'bars' })
) : null;
var iconObj = {
'expanded': reverseArrow ? _react2["default"].createElement(_icon2["default"], { type: 'right' }) : _react2["default"].createElement
(_icon2["default"], { type: 'left' }),
'collapsed': reverseArrow ? _react2["default"].createElement(_icon2["default"], { type: 'left' }) : _react2["default"].createElement
(_icon2["default"], { type: 'right' })
};
var status = this.state.collapsed ? 'collapsed' : 'expanded';
var defaultTrigger = iconObj[status];
var triggerDom = trigger !== null ? zeroWidthTrigger || _react2["default"].createElement(
'div',
{ className: prefixCls + '-trigger', onClick: this.toggle },
trigger || defaultTrigger
) : null;
var divStyle = (0, _extends3["default"])({}, style, { flex: '0 0 ' + siderWidth + 'px', width: siderWidth + 'px' });
var siderCls = (0, _classnames2["default"])(className, prefixCls, (_classNames = {}, (0, _defineProperty3["default"])(_classNames
, prefixCls + '-collapsed', !!this.state.collapsed), (0, _defineProperty3["default"])(_classNames, prefixCls + '-has-trigger', !!
trigger), (0, _defineProperty3["default"])(_classNames, prefixCls + '-below', !!this.state.below), (0, _defineProperty3["default
"])(_classNames, prefixCls + '-zero-width', siderWidth === 0 || siderWidth === '0'), _classNames));
return _react2["default"].createElement(
'div',
(0, _extends3["default"])({ className: siderCls }, divProps, { style: divStyle }),
this.props.children,
collapsible || this.state.below && zeroWidthTrigger ? triggerDom : null
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function render() {
var prefixCls = props.prefixCls;
return _react2["default"].createElement(Basic, (0, _extends3["default"])({ prefixCls: prefixCls }, this.props));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function LocaleProvider() {
(0, _classCallCheck3["default"])(this, LocaleProvider);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
antLocale = function () { [native code] }n/a
locale = function () { [native code] }...
clearIcon,
_react2["default"].createElement('span', { className: prefixCls + '-picker-icon' })
);
};
var pickerValue = value;
var localeCode = (0, _getLocale.getLocaleCode)(this.context);
if (pickerValue && localeCode) {
pickerValue.locale(localeCode);
}
return _react2["default"].createElement(
'span',
{ className: props.pickerClass, style: (0, _objectAssign2["default"])({}, props.style, pickerStyle) },
_react2["default"].createElement(
_Picker2["default"],
(0, _extends3["default"])({}, props, pickerChangeHandler, { calendar: calendar, value: pickerValue, prefixCls:
prefixCls + '-picker-container', style: props.popupStyle }),
...function componentDidUpdate() {
var locale = this.props.locale;
(0, _locale.changeConfirmLocale)(locale && locale.Modal);
}n/a
function componentWillMount() {
this.componentDidUpdate();
}n/a
function componentWillUnMount() {
(0, _locale.changeConfirmLocale)();
}n/a
function getChildContext() {
return {
antLocale: (0, _extends3["default"])({}, this.props.locale, { exist: true })
};
}n/a
function render() {
return _react2["default"].Children.only(this.props.children);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...n/a
n/a
function Nav() {
_classCallCheck(this, Nav);
return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
}n/a
function getMentions(editorState) {
var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '@';
var regex = (0, _getRegExp2["default"])(prefix);
var contentState = editorState.getCurrentContent();
var entities = [];
contentState.getBlockMap().forEach(function (block) {
var blockText = block.getText();
var matchArr = void 0;
while ((matchArr = regex.exec(blockText)) !== null) {
// eslint-disable-line
entities.push(matchArr[0].trim());
}
});
return entities;
}n/a
function ToEditorState(text) {
var createEmptyContentState = _draftJs.ContentState.createFromText((0, _exportText.decodeContent)(text) || '');
var editorState = _draftJs.EditorState.createWithContent(createEmptyContentState);
return _draftJs.EditorState.forceSelection(editorState, createEmptyContentState.getSelectionAfter());
}n/a
function exportContent(editorState) {
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var content = editorState.getCurrentContent();
return new MentionGenerator(content, options).generate();
}...
var _omit = require('omit.js');
var _omit2 = _interopRequireDefault(_omit);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function getNumberArray(num) {
return num ? num.toString().split('').reverse().map(function (i) {
return Number(i);
}) : [];
}
var ScrollNumber = function (_Component) {
(0, _inherits3["default"])(ScrollNumber, _Component);
...function Nav() {
_classCallCheck(this, Nav);
return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
}n/a
function render() {
return _react2["default"].createElement(
'div',
this.props,
this.props.children
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function componentWillReceiveProps(_ref) {
var suggestions = _ref.suggestions;
if (!(0, _shallowequal2["default"])(suggestions, this.props.suggestions)) {
this.setState({
suggestions: suggestions
});
}
}n/a
function defaultSearchChange(value) {
var searchValue = value.toLowerCase();
var filteredSuggestions = (this.props.suggestions || []).filter(function (suggestion) {
return suggestion.toLowerCase().indexOf(searchValue) !== -1;
});
this.setState({
suggestions: filteredSuggestions
});
}n/a
function render() {
var _props = this.props,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className,
prefixCls = _props.prefixCls,
loading = _props.loading;
var _state = this.state,
suggestions = _state.suggestions,
focus = _state.focus;
var cls = (0, _classnames2["default"])(className, (0, _defineProperty3["default"])({}, prefixCls + '-active', focus));
var notFoundContent = loading ? _react2["default"].createElement(_icon2["default"], { type: 'loading' }) : this.props.notFoundContent
;
return _react2["default"].createElement(_rcEditorMention2["default"], (0, _extends3["default"])({}, this.props, { className:
cls, onSearchChange: this.onSearchChange, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, suggestions: suggestions
, notFoundContent: notFoundContent }));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Menu(props) {
(0, _classCallCheck3["default"])(this, Menu);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleClick = function (e) {
_this.setOpenKeys([]);
var onClick = _this.props.onClick;
if (onClick) {
onClick(e);
}
};
_this.handleOpenChange = function (openKeys) {
_this.setOpenKeys(openKeys);
var onOpenChange = _this.props.onOpenChange;
if (onOpenChange) {
onOpenChange(openKeys);
}
};
(0, _warning2["default"])(!('onOpen' in props || 'onClose' in props), '`onOpen` and `onClose` are removed, please use `onOpenChange
` instead, ' + 'see: http://u.ant.design/menu-on-open-change.');
var openKeys = void 0;
if ('defaultOpenKeys' in props) {
openKeys = props.defaultOpenKeys;
} else if ('openKeys' in props) {
openKeys = props.openKeys;
}
_this.state = {
openKeys: openKeys || []
};
return _this;
}n/a
Divider = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
Item = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
ItemGroup = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
SubMenu = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
Divider = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
function getDefaultProps() {
return {
disabled: true
};
}n/a
componentDidMount = function () {
this.__isMounted = true;
}n/a
componentWillUnmount = function () {
this.__isMounted = false;
}n/a
constructor = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
function render() {
var _props = this.props,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className,
rootPrefixCls = _props.rootPrefixCls;
return _react2["default"].createElement('li', { className: className + ' ' + rootPrefixCls + '-item-divider' });
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...Item = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
function getDefaultProps() {
return {
onSelect: _util.noop,
onMouseEnter: _util.noop,
onMouseLeave: _util.noop
};
}n/a
function clearMenuItemMouseLeaveTimer() {
var props = this.props;
var callFn = void 0;
var parentMenu = props.parentMenu;
if (parentMenu.menuItemMouseLeaveTimer) {
clearTimeout(parentMenu.menuItemMouseLeaveTimer);
parentMenu.menuItemMouseLeaveTimer = null;
if (callFn && parentMenu.menuItemMouseLeaveFn) {
parentMenu.menuItemMouseLeaveFn();
}
parentMenu.menuItemMouseLeaveFn = null;
}
}n/a
componentDidMount = function () {
this.__isMounted = true;
}n/a
function chainedFunction() {
one.apply(this, arguments);
two.apply(this, arguments);
}n/a
constructor = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
function getActiveClassName() {
return this.getPrefixCls() + '-active';
}n/a
function getDisabledClassName() {
return this.getPrefixCls() + '-disabled';
}n/a
function getPrefixCls() {
return this.props.rootPrefixCls + '-item';
}n/a
function getSelectedClassName() {
return this.getPrefixCls() + '-selected';
}n/a
function isSelected() {
return this.props.selectedKeys.indexOf(this.props.eventKey) !== -1;
}n/a
function onClick(e) {
var props = this.props;
var selected = this.isSelected();
var eventKey = props.eventKey;
var info = {
key: eventKey,
keyPath: [eventKey],
item: this,
domEvent: e
};
props.onClick(info);
if (props.multiple) {
if (selected) {
props.onDeselect(info);
} else {
props.onSelect(info);
}
} else if (!selected) {
props.onSelect(info);
}
}n/a
function onKeyDown(e) {
var keyCode = e.keyCode;
if (keyCode === _KeyCode2["default"].ENTER) {
this.onClick(e);
return true;
}
}n/a
function onMouseEnter(e) {
var props = this.props;
var eventKey = props.eventKey,
parentMenu = props.parentMenu;
this.clearMenuItemMouseLeaveTimer(parentMenu.menuItemInstance !== this);
if (parentMenu.subMenuInstance) {
parentMenu.subMenuInstance.clearSubMenuTimers();
}
props.onItemHover({
key: eventKey,
item: this,
hover: true,
domEvent: e,
trigger: 'mouseenter'
});
props.onMouseEnter({
key: eventKey,
domEvent: e
});
}n/a
function onMouseLeave(e) {
var _this = this;
var props = this.props;
var eventKey = props.eventKey,
parentMenu = props.parentMenu;
parentMenu.menuItemInstance = this;
parentMenu.menuItemMouseLeaveFn = function () {
if (props.active) {
props.onItemHover({
key: eventKey,
item: _this,
hover: false,
domEvent: e,
trigger: 'mouseleave'
});
}
};
parentMenu.menuItemMouseLeaveTimer = setTimeout(parentMenu.menuItemMouseLeaveFn, 30);
props.onMouseLeave({
key: eventKey,
domEvent: e
});
}n/a
function render() {
var props = this.props;
var selected = this.isSelected();
var classes = {};
classes[this.getActiveClassName()] = !props.disabled && props.active;
classes[this.getSelectedClassName()] = selected;
classes[this.getDisabledClassName()] = props.disabled;
classes[this.getPrefixCls()] = true;
classes[props.className] = !!props.className;
var attrs = (0, _extends3["default"])({}, props.attribute, {
title: props.title,
className: (0, _classnames2["default"])(classes),
role: 'menuitem',
'aria-selected': selected,
'aria-disabled': props.disabled
});
var mouseEvent = {};
if (!props.disabled) {
mouseEvent = {
onClick: this.onClick,
onMouseLeave: this.onMouseLeave,
onMouseEnter: this.onMouseEnter
};
}
var style = (0, _extends3["default"])({}, props.style);
if (props.mode === 'inline') {
style.paddingLeft = props.inlineIndent * props.level;
}
return _react2["default"].createElement(
'li',
(0, _extends3["default"])({
style: style
}, attrs, mouseEvent),
props.children
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function onKeyDown(e) {
var keyCode = e.keyCode;
if (keyCode === _KeyCode2["default"].ENTER) {
this.onClick(e);
return true;
}
}n/a
function getActiveClassName() {
return this.getPrefixCls() + '-active';
}n/a
function getSelectedClassName() {
return this.getPrefixCls() + '-selected';
}n/a
function getDisabledClassName() {
return this.getPrefixCls() + '-disabled';
}n/a
function clearMenuItemMouseLeaveTimer() {
var props = this.props;
var callFn = void 0;
var parentMenu = props.parentMenu;
if (parentMenu.menuItemMouseLeaveTimer) {
clearTimeout(parentMenu.menuItemMouseLeaveTimer);
parentMenu.menuItemMouseLeaveTimer = null;
if (callFn && parentMenu.menuItemMouseLeaveFn) {
parentMenu.menuItemMouseLeaveFn();
}
parentMenu.menuItemMouseLeaveFn = null;
}
}n/a
function isSelected() {
return this.props.selectedKeys.indexOf(this.props.eventKey) !== -1;
}n/a
function onMouseLeave(e) {
var _this = this;
var props = this.props;
var eventKey = props.eventKey,
parentMenu = props.parentMenu;
parentMenu.menuItemInstance = this;
parentMenu.menuItemMouseLeaveFn = function () {
if (props.active) {
props.onItemHover({
key: eventKey,
item: _this,
hover: false,
domEvent: e,
trigger: 'mouseleave'
});
}
};
parentMenu.menuItemMouseLeaveTimer = setTimeout(parentMenu.menuItemMouseLeaveFn, 30);
props.onMouseLeave({
key: eventKey,
domEvent: e
});
}n/a
function onMouseEnter(e) {
var props = this.props;
var eventKey = props.eventKey,
parentMenu = props.parentMenu;
this.clearMenuItemMouseLeaveTimer(parentMenu.menuItemInstance !== this);
if (parentMenu.subMenuInstance) {
parentMenu.subMenuInstance.clearSubMenuTimers();
}
props.onItemHover({
key: eventKey,
item: this,
hover: true,
domEvent: e,
trigger: 'mouseenter'
});
props.onMouseEnter({
key: eventKey,
domEvent: e
});
}n/a
function onClick(e) {
var props = this.props;
var selected = this.isSelected();
var eventKey = props.eventKey;
var info = {
key: eventKey,
keyPath: [eventKey],
item: this,
domEvent: e
};
props.onClick(info);
if (props.multiple) {
if (selected) {
props.onDeselect(info);
} else {
props.onSelect(info);
}
} else if (!selected) {
props.onSelect(info);
}
}n/a
function getPrefixCls() {
return this.props.rootPrefixCls + '-item';
}n/a
ItemGroup = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
function getDefaultProps() {
return {
disabled: true
};
}n/a
componentDidMount = function () {
this.__isMounted = true;
}n/a
componentWillUnmount = function () {
this.__isMounted = false;
}n/a
constructor = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
function render() {
var props = this.props;
var _props$className = props.className,
className = _props$className === undefined ? '' : _props$className,
rootPrefixCls = props.rootPrefixCls;
var titleClassName = rootPrefixCls + '-item-group-title';
var listClassName = rootPrefixCls + '-item-group-list';
return _react2["default"].createElement(
'li',
{ className: className + ' ' + rootPrefixCls + '-item-group' },
_react2["default"].createElement(
'div',
{ className: titleClassName },
props.title
),
_react2["default"].createElement(
'ul',
{ className: listClassName },
_react2["default"].Children.map(props.children, this.renderInnerMenuItem)
)
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function renderInnerMenuItem(item, subIndex) {
var _props = this.props,
renderMenuItem = _props.renderMenuItem,
index = _props.index;
return renderMenuItem(item, index, subIndex);
}n/a
function renderInnerMenuItem(item, subIndex) {
var _props = this.props,
renderMenuItem = _props.renderMenuItem,
index = _props.index;
return renderMenuItem(item, index, subIndex);
}n/a
SubMenu = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
function getDefaultProps() {
return {
onMouseEnter: _util.noop,
onMouseLeave: _util.noop,
onTitleMouseEnter: _util.noop,
onTitleMouseLeave: _util.noop,
onTitleClick: _util.noop,
title: ''
};
}n/a
function addKeyPath(info) {
return (0, _extends3["default"])({}, info, {
keyPath: (info.keyPath || []).concat(this.props.eventKey)
});
}n/a
function bindRootCloseHandlers() {
if (!this._onDocumentClickListener) {
this._onDocumentClickListener = (0, _addEventListener2["default"])(document, 'click', this.handleDocumentClick);
this._onDocumentKeyupListener = (0, _addEventListener2["default"])(document, 'keyup', this.handleDocumentKeyUp);
}
}n/a
function clearSubMenuLeaveTimer() {
var callFn = void 0;
var parentMenu = this.props.parentMenu;
if (parentMenu.subMenuLeaveTimer) {
clearTimeout(parentMenu.subMenuLeaveTimer);
parentMenu.subMenuLeaveTimer = null;
if (callFn && parentMenu.subMenuLeaveFn) {
parentMenu.subMenuLeaveFn();
}
parentMenu.subMenuLeaveFn = null;
}
}n/a
function clearSubMenuTimers() {
var callFn = void 0;
this.clearSubMenuLeaveTimer(callFn);
this.clearSubMenuTitleLeaveTimer(callFn);
}n/a
function clearSubMenuTitleLeaveTimer() {
var callFn = void 0;
var parentMenu = this.props.parentMenu;
if (parentMenu.subMenuTitleLeaveTimer) {
clearTimeout(parentMenu.subMenuTitleLeaveTimer);
parentMenu.subMenuTitleLeaveTimer = null;
if (callFn && parentMenu.subMenuTitleLeaveFn) {
parentMenu.subMenuTitleLeaveFn();
}
parentMenu.subMenuTitleLeaveFn = null;
}
}n/a
function chainedFunction() {
one.apply(this, arguments);
two.apply(this, arguments);
}n/a
function componentDidUpdate() {
if (this.props.mode !== 'inline') {
if (this.props.open) {
this.bindRootCloseHandlers();
} else {
this.unbindRootCloseHandlers();
}
}
}n/a
function chainedFunction() {
one.apply(this, arguments);
two.apply(this, arguments);
}n/a
constructor = function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : void 0;
}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (initialState === undefined && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
_invariant(typeof initialState === 'object' && !Array.isArray(initialState), '%s.getInitialState(): must return an object or null
', Constructor.displayName || 'ReactCompositeComponent');
this.state = initialState;
}n/a
function getActiveClassName() {
return this.getPrefixCls() + '-active';
}n/a
function getDisabledClassName() {
return this.getPrefixCls() + '-disabled';
}n/a
function getInitialState() {
this.isSubMenu = 1;
return {
defaultActiveFirst: false
};
}n/a
function getOpenClassName() {
return this.props.rootPrefixCls + '-submenu-open';
}n/a
function getPrefixCls() {
return this.props.rootPrefixCls + '-submenu';
}n/a
function getSelectedClassName() {
return this.getPrefixCls() + '-selected';
}n/a
function handleDocumentClick(e) {
// If the click originated from within this component
// don't do anything.
if ((0, _contains2["default"])(_reactDom2["default"].findDOMNode(this), e.target)) {
return;
}
var props = this.props;
props.onItemHover({
hover: false,
item: this,
key: this.props.eventKey
});
this.triggerOpenChange(false);
}n/a
function handleDocumentKeyUp(e) {
if (e.keyCode === _KeyCode2["default"].ESC) {
this.props.onItemHover({
key: this.props.eventKey,
item: this,
hover: false
});
}
}n/a
function isChildrenSelected() {
var ret = { find: false };
(0, _util.loopMenuItemRecusively)(this.props.children, this.props.selectedKeys, ret);
return ret.find;
}n/a
function isOpen() {
return this.props.openKeys.indexOf(this.props.eventKey) !== -1;
}n/a
function onDeselect(info) {
this.props.onDeselect(info);
}n/a
function onDestroy(key) {
this.props.onDestroy(key);
}n/a
function onKeyDown(e) {
var keyCode = e.keyCode;
var menu = this.menuInstance;
var isOpen = this.isOpen();
if (keyCode === _KeyCode2["default"].ENTER) {
this.onTitleClick(e);
this.setState({
defaultActiveFirst: true
});
return true;
}
if (keyCode === _KeyCode2["default"].RIGHT) {
if (isOpen) {
menu.onKeyDown(e);
} else {
this.triggerOpenChange(true);
this.setState({
defaultActiveFirst: true
});
}
return true;
}
if (keyCode === _KeyCode2["default"].LEFT) {
var handled = void 0;
if (isOpen) {
handled = menu.onKeyDown(e);
} else {
return undefined;
}
if (!handled) {
this.triggerOpenChange(false);
handled = true;
}
return handled;
}
if (isOpen && (keyCode === _KeyCode2["default"].UP || keyCode === _KeyCode2["default"].DOWN)) {
return menu.onKeyDown(e);
}
}n/a
function onMouseEnter(e) {
var props = this.props;
this.clearSubMenuLeaveTimer(props.parentMenu.subMenuInstance !== this);
props.onMouseEnter({
key: props.eventKey,
domEvent: e
});
}n/a
function onMouseLeave(e) {
var _this2 = this;
var props = this.props;
var parentMenu = props.parentMenu,
eventKey = props.eventKey;
parentMenu.subMenuInstance = this;
parentMenu.subMenuLeaveFn = function () {
// leave whole sub tree
// still active
if (props.mode !== 'inline') {
var isOpen = _this2.isOpen();
if (isOpen && props.closeSubMenuOnMouseLeave && props.active) {
props.onItemHover({
key: eventKey,
item: _this2,
hover: false,
trigger: 'mouseleave',
openChanges: [{
key: eventKey,
item: _this2,
trigger: 'mouseleave',
open: false
}]
});
} else {
if (props.active) {
props.onItemHover({
key: eventKey,
item: _this2,
hover: false,
trigger: 'mouseleave'
});
}
if (isOpen && props.closeSubMenuOnMouseLeave) {
_this2.triggerOpenChange(false);
}
}
}
// trigger mouseleave
props.onMouseLeave({
key: eventKey,
domEvent: e
});
};
// prevent popup menu and submenu gap
parentMenu.subMenuLeaveTimer = setTimeout(parentMenu.subMenuLeaveFn, 100);
}n/a
function onOpenChange(e) {
this.props.onOpenChange(e);
}n/a
function onSelect(info) {
this.props.onSelect(info);
}...
function SelectionCheckboxAll(props) {
(0, _classCallCheck3["default"])(this, SelectionCheckboxAll);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleSelectAllChagne = function (e) {
var checked = e.target.checked;
_this.props.onSelect(checked ? 'all' : 'removeAll', 0, null);
};
_this.defaultSelections = [{
key: 'all',
text: props.locale.selectAll,
onSelect: function onSelect() {}
}, {
key: 'invert',
...function onSubMenuClick(info) {
this.props.onClick(this.addKeyPath(info));
}n/a
function onTitleClick(e) {
var props = this.props;
props.onTitleClick({
key: props.eventKey,
domEvent: e
});
if (props.openSubMenuOnMouseEnter) {
return;
}
this.triggerOpenChange(!this.isOpen(), 'click');
this.setState({
defaultActiveFirst: false
});
}n/a
function onTitleMouseEnter(domEvent) {
var props = this.props;
var parentMenu = props.parentMenu,
key = props.eventKey;
var item = this;
this.clearSubMenuTitleLeaveTimer(parentMenu.subMenuInstance !== item);
if (parentMenu.menuItemInstance) {
parentMenu.menuItemInstance.clearMenuItemMouseLeaveTimer(true);
}
var openChanges = [];
if (props.openSubMenuOnMouseEnter) {
openChanges.push({
key: key,
item: item,
trigger: 'mouseenter',
open: true
});
}
props.onItemHover({
key: key,
item: item,
hover: true,
trigger: 'mouseenter',
openChanges: openChanges
});
this.setState({
defaultActiveFirst: false
});
props.onTitleMouseEnter({
key: key,
domEvent: domEvent
});
}n/a
function onTitleMouseLeave(e) {
var _this = this;
var props = this.props;
var parentMenu = props.parentMenu,
eventKey = props.eventKey;
parentMenu.subMenuInstance = this;
parentMenu.subMenuTitleLeaveFn = function () {
// leave whole sub tree
// still active
if (props.mode === 'inline' && props.active) {
props.onItemHover({
key: eventKey,
item: _this,
hover: false,
trigger: 'mouseleave'
});
}
props.onTitleMouseLeave({
key: props.eventKey,
domEvent: e
});
};
parentMenu.subMenuTitleLeaveTimer = setTimeout(parentMenu.subMenuTitleLeaveFn, 100);
}n/a
function render() {
var _classes;
var isOpen = this.isOpen();
this.haveOpen = this.haveOpen || isOpen;
var props = this.props;
var prefixCls = this.getPrefixCls();
var classes = (_classes = {}, (0, _defineProperty3["default"])(_classes, props.className, !!props.className), (0, _defineProperty3
["default"])(_classes, prefixCls + '-' + props.mode, 1), _classes);
classes[this.getOpenClassName()] = isOpen;
classes[this.getActiveClassName()] = props.active;
classes[this.getDisabledClassName()] = props.disabled;
classes[this.getSelectedClassName()] = this.isChildrenSelected();
if (!this._menuId) {
if (props.eventKey) {
this._menuId = props.eventKey + '$Menu';
} else {
this._menuId = '$__$' + ++guid + '$Menu';
}
}
classes[prefixCls] = true;
classes[prefixCls + '-' + props.mode] = 1;
var titleClickEvents = {};
var mouseEvents = {};
var titleMouseEvents = {};
if (!props.disabled) {
titleClickEvents = {
onClick: this.onTitleClick
};
mouseEvents = {
onMouseLeave: this.onMouseLeave,
onMouseEnter: this.onMouseEnter
};
// only works in title, not outer li
titleMouseEvents = {
onMouseEnter: this.onTitleMouseEnter,
onMouseLeave: this.onTitleMouseLeave
};
}
var style = {};
if (props.mode === 'inline') {
style.paddingLeft = props.inlineIndent * props.level;
}
return _react2["default"].createElement(
'li',
(0, _extends3["default"])({ className: (0, _classnames2["default"])(classes) }, mouseEvents),
_react2["default"].createElement(
'div',
(0, _extends3["default"])({
style: style,
className: prefixCls + '-title'
}, titleMouseEvents, titleClickEvents, {
'aria-expanded': isOpen,
'aria-owns': this._menuId,
'aria-haspopup': 'true'
}),
props.title
),
this.renderChildren(props.children)
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function renderChildren(children) {
var props = this.props;
var baseProps = {
mode: props.mode === 'horizontal' ? 'vertical' : props.mode,
visible: this.isOpen(),
level: props.level + 1,
inlineIndent: props.inlineIndent,
focusable: false,
onClick: this.onSubMenuClick,
onSelect: this.onSelect,
onDeselect: this.onDeselect,
onDestroy: this.onDestroy,
selectedKeys: props.selectedKeys,
eventKey: props.eventKey + '-menu-',
openKeys: props.openKeys,
openTransitionName: props.openTransitionName,
openAnimation: props.openAnimation,
onOpenChange: this.onOpenChange,
closeSubMenuOnMouseLeave: props.closeSubMenuOnMouseLeave,
defaultActiveFirst: this.state.defaultActiveFirst,
multiple: props.multiple,
prefixCls: props.rootPrefixCls,
id: this._menuId,
ref: this.saveMenuInstance
};
return _react2["default"].createElement(
_SubPopupMenu2["default"],
baseProps,
children
);
}n/a
function saveMenuInstance(c) {
this.menuInstance = c;
}n/a
function triggerOpenChange(open, type) {
var key = this.props.eventKey;
this.onOpenChange({
key: key,
item: this,
trigger: type,
open: open
});
}n/a
function unbindRootCloseHandlers() {
if (this._onDocumentClickListener) {
this._onDocumentClickListener.remove();
this._onDocumentClickListener = null;
}
if (this._onDocumentKeyupListener) {
this._onDocumentKeyupListener.remove();
this._onDocumentKeyupListener = null;
}
}n/a
function handleDocumentKeyUp(e) {
if (e.keyCode === _KeyCode2["default"].ESC) {
this.props.onItemHover({
key: this.props.eventKey,
item: this,
hover: false
});
}
}n/a
function onKeyDown(e) {
var keyCode = e.keyCode;
var menu = this.menuInstance;
var isOpen = this.isOpen();
if (keyCode === _KeyCode2["default"].ENTER) {
this.onTitleClick(e);
this.setState({
defaultActiveFirst: true
});
return true;
}
if (keyCode === _KeyCode2["default"].RIGHT) {
if (isOpen) {
menu.onKeyDown(e);
} else {
this.triggerOpenChange(true);
this.setState({
defaultActiveFirst: true
});
}
return true;
}
if (keyCode === _KeyCode2["default"].LEFT) {
var handled = void 0;
if (isOpen) {
handled = menu.onKeyDown(e);
} else {
return undefined;
}
if (!handled) {
this.triggerOpenChange(false);
handled = true;
}
return handled;
}
if (isOpen && (keyCode === _KeyCode2["default"].UP || keyCode === _KeyCode2["default"].DOWN)) {
return menu.onKeyDown(e);
}
}n/a
function onOpenChange(e) {
this.props.onOpenChange(e);
}n/a
function onMouseEnter(e) {
var props = this.props;
this.clearSubMenuLeaveTimer(props.parentMenu.subMenuInstance !== this);
props.onMouseEnter({
key: props.eventKey,
domEvent: e
});
}n/a
function onTitleMouseEnter(domEvent) {
var props = this.props;
var parentMenu = props.parentMenu,
key = props.eventKey;
var item = this;
this.clearSubMenuTitleLeaveTimer(parentMenu.subMenuInstance !== item);
if (parentMenu.menuItemInstance) {
parentMenu.menuItemInstance.clearMenuItemMouseLeaveTimer(true);
}
var openChanges = [];
if (props.openSubMenuOnMouseEnter) {
openChanges.push({
key: key,
item: item,
trigger: 'mouseenter',
open: true
});
}
props.onItemHover({
key: key,
item: item,
hover: true,
trigger: 'mouseenter',
openChanges: openChanges
});
this.setState({
defaultActiveFirst: false
});
props.onTitleMouseEnter({
key: key,
domEvent: domEvent
});
}n/a
function onTitleMouseLeave(e) {
var _this = this;
var props = this.props;
var parentMenu = props.parentMenu,
eventKey = props.eventKey;
parentMenu.subMenuInstance = this;
parentMenu.subMenuTitleLeaveFn = function () {
// leave whole sub tree
// still active
if (props.mode === 'inline' && props.active) {
props.onItemHover({
key: eventKey,
item: _this,
hover: false,
trigger: 'mouseleave'
});
}
props.onTitleMouseLeave({
key: props.eventKey,
domEvent: e
});
};
parentMenu.subMenuTitleLeaveTimer = setTimeout(parentMenu.subMenuTitleLeaveFn, 100);
}n/a
function onMouseLeave(e) {
var _this2 = this;
var props = this.props;
var parentMenu = props.parentMenu,
eventKey = props.eventKey;
parentMenu.subMenuInstance = this;
parentMenu.subMenuLeaveFn = function () {
// leave whole sub tree
// still active
if (props.mode !== 'inline') {
var isOpen = _this2.isOpen();
if (isOpen && props.closeSubMenuOnMouseLeave && props.active) {
props.onItemHover({
key: eventKey,
item: _this2,
hover: false,
trigger: 'mouseleave',
openChanges: [{
key: eventKey,
item: _this2,
trigger: 'mouseleave',
open: false
}]
});
} else {
if (props.active) {
props.onItemHover({
key: eventKey,
item: _this2,
hover: false,
trigger: 'mouseleave'
});
}
if (isOpen && props.closeSubMenuOnMouseLeave) {
_this2.triggerOpenChange(false);
}
}
}
// trigger mouseleave
props.onMouseLeave({
key: eventKey,
domEvent: e
});
};
// prevent popup menu and submenu gap
parentMenu.subMenuLeaveTimer = setTimeout(parentMenu.subMenuLeaveFn, 100);
}n/a
function onTitleClick(e) {
var props = this.props;
props.onTitleClick({
key: props.eventKey,
domEvent: e
});
if (props.openSubMenuOnMouseEnter) {
return;
}
this.triggerOpenChange(!this.isOpen(), 'click');
this.setState({
defaultActiveFirst: false
});
}n/a
function onSubMenuClick(info) {
this.props.onClick(this.addKeyPath(info));
}n/a
function onSelect(info) {
this.props.onSelect(info);
}n/a
function onDeselect(info) {
this.props.onDeselect(info);
}n/a
function handleDocumentClick(e) {
// If the click originated from within this component
// don't do anything.
if ((0, _contains2["default"])(_reactDom2["default"].findDOMNode(this), e.target)) {
return;
}
var props = this.props;
props.onItemHover({
hover: false,
item: this,
key: this.props.eventKey
});
this.triggerOpenChange(false);
}n/a
function getPrefixCls() {
return this.props.rootPrefixCls + '-submenu';
}n/a
function getActiveClassName() {
return this.getPrefixCls() + '-active';
}n/a
function getDisabledClassName() {
return this.getPrefixCls() + '-disabled';
}n/a
function getSelectedClassName() {
return this.getPrefixCls() + '-selected';
}n/a
function getOpenClassName() {
return this.props.rootPrefixCls + '-submenu-open';
}n/a
function saveMenuInstance(c) {
this.menuInstance = c;
}n/a
function addKeyPath(info) {
return (0, _extends3["default"])({}, info, {
keyPath: (info.keyPath || []).concat(this.props.eventKey)
});
}n/a
function triggerOpenChange(open, type) {
var key = this.props.eventKey;
this.onOpenChange({
key: key,
item: this,
trigger: type,
open: open
});
}n/a
function clearSubMenuTimers() {
var callFn = void 0;
this.clearSubMenuLeaveTimer(callFn);
this.clearSubMenuTitleLeaveTimer(callFn);
}n/a
function clearSubMenuTitleLeaveTimer() {
var callFn = void 0;
var parentMenu = this.props.parentMenu;
if (parentMenu.subMenuTitleLeaveTimer) {
clearTimeout(parentMenu.subMenuTitleLeaveTimer);
parentMenu.subMenuTitleLeaveTimer = null;
if (callFn && parentMenu.subMenuTitleLeaveFn) {
parentMenu.subMenuTitleLeaveFn();
}
parentMenu.subMenuTitleLeaveFn = null;
}
}n/a
function bindRootCloseHandlers() {
if (!this._onDocumentClickListener) {
this._onDocumentClickListener = (0, _addEventListener2["default"])(document, 'click', this.handleDocumentClick);
this._onDocumentKeyupListener = (0, _addEventListener2["default"])(document, 'keyup', this.handleDocumentKeyUp);
}
}n/a
function clearSubMenuLeaveTimer() {
var callFn = void 0;
var parentMenu = this.props.parentMenu;
if (parentMenu.subMenuLeaveTimer) {
clearTimeout(parentMenu.subMenuLeaveTimer);
parentMenu.subMenuLeaveTimer = null;
if (callFn && parentMenu.subMenuLeaveFn) {
parentMenu.subMenuLeaveFn();
}
parentMenu.subMenuLeaveFn = null;
}
}n/a
function isChildrenSelected() {
var ret = { find: false };
(0, _util.loopMenuItemRecusively)(this.props.children, this.props.selectedKeys, ret);
return ret.find;
}n/a
function isOpen() {
return this.props.openKeys.indexOf(this.props.eventKey) !== -1;
}n/a
function renderChildren(children) {
var props = this.props;
var baseProps = {
mode: props.mode === 'horizontal' ? 'vertical' : props.mode,
visible: this.isOpen(),
level: props.level + 1,
inlineIndent: props.inlineIndent,
focusable: false,
onClick: this.onSubMenuClick,
onSelect: this.onSelect,
onDeselect: this.onDeselect,
onDestroy: this.onDestroy,
selectedKeys: props.selectedKeys,
eventKey: props.eventKey + '-menu-',
openKeys: props.openKeys,
openTransitionName: props.openTransitionName,
openAnimation: props.openAnimation,
onOpenChange: this.onOpenChange,
closeSubMenuOnMouseLeave: props.closeSubMenuOnMouseLeave,
defaultActiveFirst: this.state.defaultActiveFirst,
multiple: props.multiple,
prefixCls: props.rootPrefixCls,
id: this._menuId,
ref: this.saveMenuInstance
};
return _react2["default"].createElement(
_SubPopupMenu2["default"],
baseProps,
children
);
}n/a
function unbindRootCloseHandlers() {
if (this._onDocumentClickListener) {
this._onDocumentClickListener.remove();
this._onDocumentClickListener = null;
}
if (this._onDocumentKeyupListener) {
this._onDocumentKeyupListener.remove();
this._onDocumentKeyupListener = null;
}
}n/a
function onDestroy(key) {
this.props.onDestroy(key);
}n/a
function componentWillReceiveProps(nextProps) {
if (this.props.mode === 'inline' && nextProps.mode !== 'inline') {
this.switchModeFromInline = true;
}
if ('openKeys' in nextProps) {
this.setState({ openKeys: nextProps.openKeys });
}
}n/a
function render() {
var openAnimation = this.props.openAnimation || this.props.openTransitionName;
if (this.props.openAnimation === undefined && this.props.openTransitionName === undefined) {
switch (this.props.mode) {
case 'horizontal':
openAnimation = 'slide-up';
break;
case 'vertical':
// When mode switch from inline
// submenu should hide without animation
if (this.switchModeFromInline) {
openAnimation = '';
this.switchModeFromInline = false;
} else {
openAnimation = 'zoom-big';
}
break;
case 'inline':
openAnimation = _openAnimation2["default"];
break;
default:
}
}
var props = {};
var className = this.props.className + ' ' + this.props.prefixCls + '-' + this.props.theme;
if (this.props.mode !== 'inline') {
// There is this.state.openKeys for
// closing vertical popup submenu after click it
props = {
openKeys: this.state.openKeys,
onClick: this.handleClick,
onOpenChange: this.handleOpenChange,
openTransitionName: openAnimation,
className: className
};
} else {
props = {
openAnimation: openAnimation,
className: className
};
}
return _react2["default"].createElement(_rcMenu2["default"], (0, _extends3["default"])({}, this.props, props));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function setOpenKeys(openKeys) {
if (!('openKeys' in this.props)) {
this.setState({ openKeys: openKeys });
}
}n/a
function MiniSelect() {
(0, _classCallCheck3["default"])(this, MiniSelect);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Option() {
(0, _classCallCheck3["default"])(this, Option);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
return _react2["default"].createElement(_select2["default"], (0, _extends3["default"])({ size: 'small' }, this.props));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Modal() {
(0, _classCallCheck3["default"])(this, Modal);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleCancel = function (e) {
var onCancel = _this.props.onCancel;
if (onCancel) {
onCancel(e);
}
};
_this.handleOk = function (e) {
var onOk = _this.props.onOk;
if (onOk) {
onOk(e);
}
};
return _this;
}n/a
confirm = function (props) {
var config = (0, _objectAssign2["default"])({}, {
type: 'confirm',
okCancel: true
}, props);
return (0, _confirm2["default"])(config);
}n/a
error = function (props) {
var config = (0, _objectAssign2["default"])({}, {
type: 'error',
iconType: 'cross-circle',
okCancel: false
}, props);
return (0, _confirm2["default"])(config);
}n/a
info = function (props) {
var config = (0, _objectAssign2["default"])({}, {
type: 'info',
iconType: 'info-circle',
okCancel: false
}, props);
return (0, _confirm2["default"])(config);
}n/a
success = function (props) {
var config = (0, _objectAssign2["default"])({}, {
type: 'success',
iconType: 'check-circle',
okCancel: false
}, props);
return (0, _confirm2["default"])(config);
}n/a
warn = function (props) {
var config = (0, _objectAssign2["default"])({}, {
type: 'warning',
iconType: 'exclamation-circle',
okCancel: false
}, props);
return (0, _confirm2["default"])(config);
}n/a
warning = function (props) {
var config = (0, _objectAssign2["default"])({}, {
type: 'warning',
iconType: 'exclamation-circle',
okCancel: false
}, props);
return (0, _confirm2["default"])(config);
}n/a
antLocale = function () { [native code] }n/a
align = function () { [native code] }n/a
cancelText = function () { [native code] }n/a
closable = function () { [native code] }n/a
confirmLoading = function () { [native code] }n/a
footer = function () { [native code] }n/a
okText = function () { [native code] }n/a
onCancel = function () { [native code] }n/a
onOk = function () { [native code] }n/a
prefixCls = function () { [native code] }n/a
title = function () { [native code] }n/a
visible = function () { [native code] }n/a
width = function () { [native code] }n/a
function componentDidMount() {
if (mousePositionEventBinded) {
return;
}
// 只有点击事件支持从鼠标位置动画展开
(0, _addEventListener2["default"])(document.documentElement, 'click', function (e) {
mousePosition = {
x: e.pageX,
y: e.pageY
};
// 100ms 内发生过点击事件,则从点击位置动画展示
// 否则直接 zoom 展示
// 这样可以兼容非点击方式展开
setTimeout(function () {
return mousePosition = null;
}, 100);
});
mousePositionEventBinded = true;
}n/a
function render() {
var _props = this.props,
okText = _props.okText,
cancelText = _props.cancelText,
confirmLoading = _props.confirmLoading,
footer = _props.footer,
visible = _props.visible;
if (this.context.antLocale && this.context.antLocale.Modal) {
okText = okText || this.context.antLocale.Modal.okText;
cancelText = cancelText || this.context.antLocale.Modal.cancelText;
}
var defaultFooter = [_react2["default"].createElement(
_button2["default"],
{ key: 'cancel', size: 'large', onClick: this.handleCancel },
cancelText || '取消'
), _react2["default"].createElement(
_button2["default"],
{ key: 'confirm', type: 'primary', size: 'large', loading: confirmLoading, onClick: this.handleOk },
okText || '确定'
)];
return _react2["default"].createElement(_rcDialog2["default"], (0, _extends3["default"])({ onClose: this.handleCancel, footer
: footer === undefined ? defaultFooter : footer }, this.props, { visible: visible, mousePosition: mousePosition }));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function _a() {
(0, _classCallCheck3["default"])(this, _a);
return (0, _possibleConstructorReturn3["default"])(this, _Component.apply(this, arguments));
}n/a
antLocale = function () { [native code] }n/a
function getLocale() {
var antLocale = this.context.antLocale;
var localeFromContext = antLocale && antLocale[componentName];
var localeFromProps = this.props.locale || {};
return (0, _extends3["default"])({}, defaultLocale, localeFromContext || {}, localeFromProps);
}n/a
function _a() {
(0, _classCallCheck3["default"])(this, _a);
return (0, _possibleConstructorReturn3["default"])(this, _Component.apply(this, arguments));
}n/a
antLocale = function () { [native code] }n/a
function getLocale() {
var antLocale = this.context.antLocale;
var localeFromContext = antLocale && antLocale[componentName];
var localeFromProps = this.props.locale || {};
return (0, _extends3["default"])({}, defaultLocale, localeFromContext || {}, localeFromProps);
}n/a
function Popover() {
(0, _classCallCheck3["default"])(this, Popover);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function getOverlay() {
var _props = this.props,
title = _props.title,
prefixCls = _props.prefixCls,
content = _props.content;
(0, _warning2["default"])(!('overlay' in this.props), 'Popover[overlay] is removed, please use Popover[content] instead, ' + '
see: http://u.ant.design/popover-content');
return _react2["default"].createElement(
'div',
null,
title && _react2["default"].createElement(
'div',
{ className: prefixCls + '-title' },
title
),
_react2["default"].createElement(
'div',
{ className: prefixCls + '-inner-content' },
content
)
);
}n/a
function getPopupDomNode() {
return this.refs.tooltip.getPopupDomNode();
}n/a
function render() {
var props = (0, _objectAssign2["default"])({}, this.props);
delete props.title;
return _react2["default"].createElement(_tooltip2["default"], (0, _extends3["default"])({}, props, { ref: 'tooltip', overlay
: this.getOverlay() }));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Progress() {
(0, _classCallCheck3["default"])(this, Progress);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
format = function () { [native code] }...
_this.handleChange(null);
};
_this.handleChange = function (value) {
var props = _this.props;
if (!('value' in props)) {
_this.setState({ value: value });
}
props.onChange(value, value && value.format(props.format) || ''
;);
};
var value = props.value || props.defaultValue;
if (value && !_moment2["default"].isMoment(value)) {
throw new Error('The value/defaultValue of DatePicker or MonthPicker must be ' + 'a moment object after `antd
@2.0`, see: http://u.ant.design/date-picker-value');
}
_this.state = {
value: value
...gapDegree = function () { [native code] }n/a
percent = function () { [native code] }n/a
showInfo = function () { [native code] }n/a
status = function () { [native code] }n/a
strokeWidth = function () { [native code] }n/a
trailColor = function () { [native code] }n/a
type = function () { [native code] }n/a
width = function () { [native code] }n/a
function render() {
var _classNames;
var props = this.props;
var prefixCls = props.prefixCls,
className = props.className,
_props$percent = props.percent,
percent = _props$percent === undefined ? 0 : _props$percent,
status = props.status,
format = props.format,
trailColor = props.trailColor,
type = props.type,
strokeWidth = props.strokeWidth,
width = props.width,
showInfo = props.showInfo,
_props$gapDegree = props.gapDegree,
gapDegree = _props$gapDegree === undefined ? 0 : _props$gapDegree,
gapPosition = props.gapPosition,
restProps = __rest(props, ["prefixCls", "className", "percent", "status", "format", "trailColor", "type", "strokeWidth", "
width", "showInfo", "gapDegree", "gapPosition"]);
var progressStatus = parseInt(percent.toString(), 10) >= 100 && !('status' in props) ? 'success' : status || 'normal';
var progressInfo = void 0;
var progress = void 0;
var textFormatter = format || function (percentNumber) {
return percentNumber + '%';
};
if (showInfo) {
var text = void 0;
var iconType = type === 'circle' || type === 'dashboard' ? '' : '-circle';
if (progressStatus === 'exception') {
text = format ? textFormatter(percent) : _react2["default"].createElement(_icon2["default"], { type: 'cross' + iconType
});
} else if (progressStatus === 'success') {
text = format ? textFormatter(percent) : _react2["default"].createElement(_icon2["default"], { type: 'check' + iconType
});
} else {
text = textFormatter(percent);
}
progressInfo = _react2["default"].createElement(
'span',
{ className: prefixCls + '-text' },
text
);
}
if (type === 'line') {
var percentStyle = {
width: percent + '%',
height: strokeWidth || 10
};
progress = _react2["default"].createElement(
'div',
null,
_react2["default"].createElement(
'div',
{ className: prefixCls + '-outer' },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-inner' },
_react2["default"].createElement('div', { className: prefixCls + '-bg', style: percentStyle })
)
),
progressInfo
);
} else if (type === 'circle' || type === 'dashboard') {
var circleSize = width || 132;
var circleStyle = {
width: circleSize,
height: circleSize,
fontSize: circleSize * 0.16 + 6
};
var circleWidth = strokeWidth || 6;
var gapPos = gapPosition || type === 'dashboard' && 'bottom' || 'top';
var gapDeg = gapDegree || type === 'dashboard' && 75;
progress = _react2["default"].createElement(
'div',
{ className: prefixCls + '-inner', style: circleStyle },
_react2["default"].createElement(_rcProgress.Circle, { percent: percent, strokeWidth: circleWidth, trailWidth: circleWidth
, strokeColor: statusColorMap[progressStatus], trailColor: trailColor, prefixCls: prefixCls, gapDegree: gapDeg, gapPosition: gapPos
}),
progressInfo
);
}
var classString = (0, _classnames2["default"])(prefixCls, (_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-' + (type === 'dashboard' && 'circle' || type), true), (0, _defineProperty3["default"])(_classNames, prefixCls + '-status-' +
progressStatus, true), (0, _defineProperty3["default"])(_classNames, prefixCls + '-show-info', showInfo), _classNames), className
);
return _react2["default"].createElement(
'div',
(0, _extends3["default"])({}, restProps, { className: classString }),
progress
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Radio() {
(0, _classCallCheck3["default"])(this, Radio);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function RadioButton() {
(0, _classCallCheck3["default"])(this, RadioButton);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function RadioGroup(props) {
(0, _classCallCheck3["default"])(this, RadioGroup);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.onRadioChange = function (ev) {
var lastValue = _this.state.value;
var value = ev.target.value;
if (!('value' in _this.props)) {
_this.setState({
value: value
});
}
var onChange = _this.props.onChange;
if (onChange && value !== lastValue) {
onChange(ev);
}
};
var value = void 0;
if ('value' in props) {
value = props.value;
} else if ('defaultValue' in props) {
value = props.defaultValue;
} else {
var checkedValue = getCheckedValue(props.children);
value = checkedValue && checkedValue.value;
}
_this.state = {
value: value
};
return _this;
}n/a
function RadioButton() {
(0, _classCallCheck3["default"])(this, RadioButton);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
var radioProps = (0, _extends3["default"])({}, this.props);
if (this.context.radioGroup) {
radioProps.onChange = this.context.radioGroup.onChange;
radioProps.checked = this.props.value === this.context.radioGroup.value;
radioProps.disabled = this.props.disabled || this.context.radioGroup.disabled;
}
return _react2["default"].createElement(_radio2["default"], radioProps);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function RadioGroup(props) {
(0, _classCallCheck3["default"])(this, RadioGroup);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.onRadioChange = function (ev) {
var lastValue = _this.state.value;
var value = ev.target.value;
if (!('value' in _this.props)) {
_this.setState({
value: value
});
}
var onChange = _this.props.onChange;
if (onChange && value !== lastValue) {
onChange(ev);
}
};
var value = void 0;
if ('value' in props) {
value = props.value;
} else if ('defaultValue' in props) {
value = props.defaultValue;
} else {
var checkedValue = getCheckedValue(props.children);
value = checkedValue && checkedValue.value;
}
_this.state = {
value: value
};
return _this;
}n/a
function componentWillReceiveProps(nextProps) {
if ('value' in nextProps) {
this.setState({
value: nextProps.value
});
} else {
var checkedValue = getCheckedValue(nextProps.children);
if (checkedValue) {
this.setState({
value: checkedValue.value
});
}
}
}n/a
function getChildContext() {
return {
radioGroup: {
onChange: this.onRadioChange,
value: this.state.value,
disabled: this.props.disabled
}
};
}n/a
function render() {
var _this2 = this;
var props = this.props;
var _props$prefixCls = props.prefixCls,
prefixCls = _props$prefixCls === undefined ? 'ant-radio-group' : _props$prefixCls,
_props$className = props.className,
className = _props$className === undefined ? '' : _props$className;
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls + '-' + props.size,
props.size), className);
var children = props.children;
// 如果存在 options, 优先使用
if (props.options && props.options.length > 0) {
children = props.options.map(function (option, index) {
if (typeof option === 'string') {
return _react2["default"].createElement(
_radio2["default"],
{ key: index, disabled: _this2.props.disabled, value: option, onChange: _this2.onRadioChange, checked: _this2
.state.value === option },
option
);
} else {
return _react2["default"].createElement(
_radio2["default"],
{ key: index, disabled: option.disabled || _this2.props.disabled, value: option.value, onChange: _this2.onRadioChange
, checked: _this2.state.value === option.value },
option.label
);
}
});
}
return _react2["default"].createElement(
'div',
{ className: classString, style: props.style, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave },
children
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function shouldComponentUpdate(nextProps, nextState) {
return !(0, _shallowequal2["default"])(this.props, nextProps) || !(0, _shallowequal2["default"])(this.state, nextState);
}n/a
radioGroup = function () { [native code] }n/a
function render() {
var _classNames;
var props = this.props,
context = this.context;
var prefixCls = props.prefixCls,
className = props.className,
children = props.children,
style = props.style,
restProps = __rest(props, ["prefixCls", "className", "children", "style"]);
var radioGroup = context.radioGroup;
var radioProps = (0, _extends3["default"])({}, restProps);
if (radioGroup) {
radioProps.onChange = radioGroup.onChange;
radioProps.checked = props.value === radioGroup.value;
radioProps.disabled = props.disabled || radioGroup.disabled;
}
var wrapperClassString = (0, _classnames2["default"])(className, (_classNames = {}, (0, _defineProperty3["default"])(_classNames
, prefixCls + '-wrapper', true), (0, _defineProperty3["default"])(_classNames, prefixCls + '-wrapper-checked', radioProps.checked
), (0, _defineProperty3["default"])(_classNames, prefixCls + '-wrapper-disabled', radioProps.disabled), _classNames));
return _react2["default"].createElement(
'label',
{ className: wrapperClassString, style: style, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave },
_react2["default"].createElement(_rcRadio2["default"], (0, _extends3["default"])({}, radioProps, { prefixCls: prefixCls })),
children !== undefined ? _react2["default"].createElement(
'span',
null,
children
) : null
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function shouldComponentUpdate(nextProps, nextState, nextContext) {
return !(0, _shallowequal2["default"])(this.props, nextProps) || !(0, _shallowequal2["default"])(this.state, nextState) || !(
0, _shallowequal2["default"])(this.context.radioGroup, nextContext.radioGroup);
}n/a
function RangePicker(props) {
(0, _classCallCheck3["default"])(this, RangePicker);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.clearSelection = function (e) {
e.preventDefault();
e.stopPropagation();
_this.setState({ value: [] });
_this.handleChange([]);
};
_this.handleChange = function (value) {
var props = _this.props;
if (!('value' in props)) {
_this.setState({ value: value, showDate: getShowDateFromValue(value) });
}
props.onChange(value, [formatValue(value[0], props.format), formatValue(value[1], props.format)]);
};
_this.handleOpenChange = function (open) {
_this.setState({ open: open });
var onOpenChange = _this.props.onOpenChange;
if (onOpenChange) {
onOpenChange(open);
}
};
_this.handleShowDateChange = function (showDate) {
return _this.setState({ showDate: showDate });
};
_this.renderFooter = function () {
var _this$props = _this.props,
prefixCls = _this$props.prefixCls,
ranges = _this$props.ranges;
if (!ranges) {
return null;
}
var operations = Object.keys(ranges).map(function (range) {
var value = ranges[range];
return _react2["default"].createElement(
'a',
{ key: range, onClick: function onClick() {
return _this.setValue(value);
} },
range
);
});
return _react2["default"].createElement(
'div',
{ className: prefixCls + '-range-quick-selector' },
operations
);
};
var value = props.value || props.defaultValue || [];
if (value[0] && !_moment2["default"].isMoment(value[0]) || value[1] && !_moment2["default"].isMoment(value[1])) {
throw new Error('The value/defaultValue of RangePicker must be a moment object array after `antd@2.0`, ' + 'see: http://
u.ant.design/date-picker-value');
}
_this.state = {
value: value,
open: props.open
};
return _this;
}n/a
function componentWillReceiveProps(nextProps) {
if ('value' in nextProps) {
var value = nextProps.value || [];
this.setState({ value: value, showDate: getShowDateFromValue(value) });
}
if ('open' in nextProps) {
this.setState({
open: nextProps.open
});
}
}n/a
function render() {
var _classNames,
_this2 = this;
var state = this.state,
props = this.props,
context = this.context;
var value = state.value,
showDate = state.showDate,
open = state.open;
var localeCode = (0, _getLocale.getLocaleCode)(context);
if (value && localeCode) {
if (value[0]) {
value[0].locale(localeCode);
}
if (value[1]) {
value[1].locale(localeCode);
}
}
var disabledDate = props.disabledDate,
disabledTime = props.disabledTime,
showTime = props.showTime,
showToday = props.showToday,
ranges = props.ranges,
prefixCls = props.prefixCls,
popupStyle = props.popupStyle,
style = props.style,
onOk = props.onOk,
locale = props.locale,
format = props.format;
(0, _warning2["default"])(!('onOK' in props), 'It should be `RangePicker[onOk]`, instead of `onOK`!');
var calendarClassName = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-time', showTime), (0, _defineProperty3["default"])(_classNames, prefixCls + '-range-with-ranges', ranges), _classNames));
// 需要选择时间时,点击 ok 时才触发 onChange
var pickerChangeHandler = {
onChange: this.handleChange
};
var calendarHandler = {
onOk: this.handleChange
};
if (props.timePicker) {
pickerChangeHandler.onChange = function (changedValue) {
return _this2.handleChange(changedValue);
};
} else {
calendarHandler = {};
}
var startPlaceholder = 'placeholder' in props ? props.placeholder[0] : locale.lang.rangePlaceholder[0];
var endPlaceholder = 'placeholder' in props ? props.placeholder[1] : locale.lang.rangePlaceholder[1];
var calendar = _react2["default"].createElement(_RangeCalendar2["default"], (0, _extends3["default"])({}, calendarHandler, {
format: format, prefixCls: prefixCls, className: calendarClassName, renderFooter: this.renderFooter, timePicker: props.timePicker
, disabledDate: disabledDate, disabledTime: disabledTime, dateInputPlaceholder: [startPlaceholder, endPlaceholder], locale: locale
.lang, onOk: onOk, value: showDate || pickerValueAdapter(props.defaultPickerValue) || pickerValueAdapter((0, _moment2["default"])()),
onValueChange: this.handleShowDateChange, showToday: showToday }));
// default width for showTime
var pickerStyle = {};
if (props.showTime) {
pickerStyle.width = style && style.width || 300;
}
var clearIcon = !props.disabled && props.allowClear && value && (value[0] || value[1]) ? _react2["default"].createElement(_icon2
["default"], { type: 'cross-circle', className: prefixCls + '-picker-clear', onClick: this.clearSelection }) : null;
var input = function input(_ref) {
var inputValue = _ref.value;
var start = inputValue[0];
var end = inputValue[1];
return _react2["default"].createElement(
'span',
{ className: props.pickerInputClass, disabled: props.disabled },
_react2["default"].createElement('input', { disabled: props.disabled, readOnly: true, value: start && start.format(props
.format) || '', placeholder: startPlaceholder, className: prefixCls + '-range-picker-input' }),
_react2["default"].createElement(
'span',
{ className: prefixCls + '-range-picker-separator' },
' ~ '
),
_react2["default"].createElement('input', { disabled: props.disabled, readOnly: true, value: end && end.format(props
.format) || '', placeholder: endPlaceholder, className: prefixCls + '-range-picker-input' }),
clearIcon,
_react2["default"].createElement('span', { className: prefixCls + '-picker-icon' })
);
};
return _react2["default"].createElement(
'span',
{ className: props.pickerClass, style: (0, _objectAssign2["default"])({}, style, pickerStyle) },
_react2["default"].createElemen ......
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function setValue(value) {
this.handleChange(value);
if (!this.props.showTime) {
this.setState({ open: false });
}
}...
return null;
}
var operations = Object.keys(ranges).map(function (range) {
var value = ranges[range];
return _react2["default"].createElement(
'a',
{ key: range, onClick: function onClick() {
return _this.setValue(value);
} },
range
);
});
return _react2["default"].createElement(
'div',
{ className: prefixCls + '-range-quick-selector' },
...function Rate() {
(0, _classCallCheck3["default"])(this, Rate);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
character = function () { [native code] }n/a
prefixCls = function () { [native code] }n/a
function render() {
return _react2["default"].createElement(_rcRate2["default"], this.props);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Row() {
(0, _classCallCheck3["default"])(this, Row);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
align = function () { [native code] }n/a
children = function () { [native code] }n/a
className = function () { [native code] }n/a
gutter = function () { [native code] }n/a
justify = function () { [native code] }n/a
prefixCls = function () { [native code] }n/a
type = function () { [native code] }n/a
function render() {
var _classNames;
var _a = this.props,
type = _a.type,
justify = _a.justify,
align = _a.align,
className = _a.className,
gutter = _a.gutter,
style = _a.style,
children = _a.children,
_a$prefixCls = _a.prefixCls,
prefixCls = _a$prefixCls === undefined ? 'ant-row' : _a$prefixCls,
others = __rest(_a, ["type", "justify", "align", "className", "gutter", "style", "children", "prefixCls"]);
var classes = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls, !type
), (0, _defineProperty3["default"])(_classNames, prefixCls + '-' + type, type), (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-' + type + '-' + justify, type && justify), (0, _defineProperty3["default"])(_classNames, prefixCls + '-' + type + '-' + align
, type && align), _classNames), className);
var rowStyle = gutter > 0 ? (0, _objectAssign2["default"])({}, {
marginLeft: gutter / -2,
marginRight: gutter / -2
}, style) : style;
var cols = _react.Children.map(children, function (col) {
if (!col) {
return null;
}
if (col.props && gutter > 0) {
return (0, _react.cloneElement)(col, {
style: (0, _objectAssign2["default"])({}, {
paddingLeft: gutter / 2,
paddingRight: gutter / 2
}, col.props.style)
});
}
return col;
});
return _react2["default"].createElement(
'div',
(0, _extends3["default"])({}, others, { className: classes, style: rowStyle }),
cols
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function ScrollNumber(props) {
(0, _classCallCheck3["default"])(this, ScrollNumber);
var _this = (0, _possibleConstructorReturn3["default"])(this, _Component.call(this, props));
_this.state = {
animateStarted: true,
count: props.count
};
return _this;
}n/a
function componentWillReceiveProps(nextProps) {
var _this2 = this;
if ('count' in nextProps) {
if (this.state.count === nextProps.count) {
return;
}
this.lastCount = this.state.count;
// 复原数字初始位置
this.setState({
animateStarted: true
}, function () {
// 等待数字位置复原完毕
// 开始设置完整的数字
setTimeout(function () {
_this2.setState({
animateStarted: false,
count: nextProps.count
}, function () {
var onAnimated = _this2.props.onAnimated;
if (onAnimated) {
onAnimated();
}
});
}, 5);
});
}
}n/a
function getPositionByNum(num, i) {
if (this.state.animateStarted) {
return 10 + num;
}
var currentDigit = getNumberArray(this.state.count)[i];
var lastDigit = getNumberArray(this.lastCount)[i];
// 同方向则在同一侧切换数字
if (this.state.count > this.lastCount) {
if (currentDigit >= lastDigit) {
return 10 + num;
}
return 20 + num;
}
if (currentDigit <= lastDigit) {
return 10 + num;
}
return num;
}...
i % 10
));
}
return childrenToReturn;
};
ScrollNumber.prototype.renderCurrentNumber = function renderCurrentNumber(num, i) {
var position = this.getPositionByNum(num, i);
var removeTransition = this.state.animateStarted || getNumberArray(this.lastCount)[i] === undefined;
return (0, _react.createElement)('span', {
className: this.props.prefixCls + '-only',
style: {
transition: removeTransition && 'none',
msTransform: 'translateY(' + -position * 100 + '%)',
WebkitTransform: 'translateY(' + -position * 100 + '%)',
...function render() {
// fix https://fb.me/react-unknown-prop
var props = (0, _objectAssign2["default"])({}, (0, _omit2["default"])(this.props, ['count', 'onAnimated', 'component', 'prefixCls
']), {
className: this.props.prefixCls + ' ' + this.props.className
});
// allow specify the border
// mock border-color by box-shadow for compatible with old usage:
// <Badge count={4} style={{ backgroundColor: '#fff', color: '#999', borderColor: '#d9d9d9' }} />
if (props.style && props.style.borderColor) {
props.style.boxShadow = '0 0 0 1px ' + props.style.borderColor + ' inset';
}
return (0, _react.createElement)(this.props.component || 'sup', props, this.renderNumberElement());
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function renderCurrentNumber(num, i) {
var position = this.getPositionByNum(num, i);
var removeTransition = this.state.animateStarted || getNumberArray(this.lastCount)[i] === undefined;
return (0, _react.createElement)('span', {
className: this.props.prefixCls + '-only',
style: {
transition: removeTransition && 'none',
msTransform: 'translateY(' + -position * 100 + '%)',
WebkitTransform: 'translateY(' + -position * 100 + '%)',
transform: 'translateY(' + -position * 100 + '%)'
},
key: i
}, this.renderNumberList(position));
}...
var _this3 = this;
var state = this.state;
if (!state.count || isNaN(state.count)) {
return state.count;
}
return getNumberArray(state.count).map(function (num, i) {
return _this3.renderCurrentNumber(num, i);
}).reverse();
};
ScrollNumber.prototype.render = function render() {
// fix https://fb.me/react-unknown-prop
var props = (0, _objectAssign2["default"])({}, (0, _omit2["default"])(this.props, ['count',
x27;onAnimated', 'component', 'prefixCls']), {
className: this.props.prefixCls + ' ' + this.props.className
...function renderNumberElement() {
var _this3 = this;
var state = this.state;
if (!state.count || isNaN(state.count)) {
return state.count;
}
return getNumberArray(state.count).map(function (num, i) {
return _this3.renderCurrentNumber(num, i);
}).reverse();
}...
});
// allow specify the border
// mock border-color by box-shadow for compatible with old usage:
// <Badge count={4} style={{ backgroundColor: '#fff', color: '#999', borderColor: '#d9d9d9
' }} />
if (props.style && props.style.borderColor) {
props.style.boxShadow = '0 0 0 1px ' + props.style.borderColor + ' inset';
}
return (0, _react.createElement)(this.props.component || 'sup', props, this.renderNumberElement());
};
return ScrollNumber;
}(_react.Component);
exports["default"] = ScrollNumber;
...function renderNumberList(position) {
var childrenToReturn = [];
for (var i = 0; i < 30; i++) {
var currentClassName = position === i ? 'current' : '';
childrenToReturn.push(_react2["default"].createElement(
'p',
{ key: i.toString(), className: currentClassName },
i % 10
));
}
return childrenToReturn;
}...
style: {
transition: removeTransition && 'none',
msTransform: 'translateY(' + -position * 100 + '%)',
WebkitTransform: 'translateY(' + -position * 100 + '%)',
transform: 'translateY(' + -position * 100 + '%)'
},
key: i
}, this.renderNumberList(position));
};
ScrollNumber.prototype.renderNumberElement = function renderNumberElement() {
var _this3 = this;
var state = this.state;
if (!state.count || isNaN(state.count)) {
...function Select() {
(0, _classCallCheck3["default"])(this, Select);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function OptGroup() {
(0, _classCallCheck3["default"])(this, OptGroup);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Option() {
(0, _classCallCheck3["default"])(this, Option);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
antLocale = function () { [native code] }n/a
choiceTransitionName = function () { [native code] }n/a
className = function () { [native code] }n/a
combobox = function () { [native code] }n/a
notFoundContent = function () { [native code] }n/a
optionLabelProp = function () { [native code] }n/a
prefixCls = function () { [native code] }n/a
showSearch = function () { [native code] }n/a
size = function () { [native code] }n/a
transitionName = function () { [native code] }n/a
function getLocale() {
var antLocale = this.context.antLocale;
if (antLocale && antLocale.Select) {
return antLocale.Select;
}
return {
notFoundContent: '无匹配结果'
};
}n/a
function render() {
var _classNames;
var _a = this.props,
prefixCls = _a.prefixCls,
_a$className = _a.className,
className = _a$className === undefined ? '' : _a$className,
size = _a.size,
mode = _a.mode,
multiple = _a.multiple,
tags = _a.tags,
combobox = _a.combobox,
restProps = __rest(_a, ["prefixCls", "className", "size", "mode", "multiple", "tags", "combobox"]);
(0, _warning2["default"])(!multiple && !tags && !combobox, '`Select[multiple|tags|combobox]` is deprecated, please use `Select
[mode]` instead.');
var cls = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls + '-lg', size
=== 'large'), (0, _defineProperty3["default"])(_classNames, prefixCls + '-sm', size === 'small'), _classNames), className);
var locale = this.getLocale();
var _props = this.props,
_props$notFoundConten = _props.notFoundContent,
notFoundContent = _props$notFoundConten === undefined ? locale.notFoundContent : _props$notFoundConten,
optionLabelProp = _props.optionLabelProp;
var isCombobox = mode === 'combobox' || combobox;
if (isCombobox) {
notFoundContent = null;
// children 带 dom 结构时,无法填入输入框
optionLabelProp = optionLabelProp || 'value';
}
var modeConfig = {
multiple: mode === 'multiple' || multiple,
tags: mode === 'tags' || tags,
combobox: isCombobox
};
return _react2["default"].createElement(_rcSelect2["default"], (0, _extends3["default"])({}, restProps, modeConfig, { prefixCls
: prefixCls, className: cls, optionLabelProp: optionLabelProp || 'children', notFoundContent: notFoundContent }));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function SelectionBox(props) {
(0, _classCallCheck3["default"])(this, SelectionBox);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.state = {
checked: _this.getCheckState(props)
};
return _this;
}n/a
function componentDidMount() {
this.subscribe();
}n/a
function componentWillUnmount() {
if (this.unsubscribe) {
this.unsubscribe();
}
}n/a
function getCheckState(props) {
var store = props.store,
defaultSelection = props.defaultSelection,
rowIndex = props.rowIndex;
var checked = false;
if (store.getState().selectionDirty) {
checked = store.getState().selectedRowKeys.indexOf(rowIndex) >= 0;
} else {
checked = store.getState().selectedRowKeys.indexOf(rowIndex) >= 0 || defaultSelection.indexOf(rowIndex) >= 0;
}
return checked;
}...
function SelectionBox(props) {
(0, _classCallCheck3["default"])(this, SelectionBox);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.state = {
checked: _this.getCheckState(props)
};
return _this;
}
SelectionBox.prototype.componentDidMount = function componentDidMount() {
this.subscribe();
};
...function render() {
var _props = this.props,
type = _props.type,
rowIndex = _props.rowIndex,
disabled = _props.disabled,
onChange = _props.onChange;
var checked = this.state.checked;
if (type === 'radio') {
return _react2["default"].createElement(_radio2["default"], { disabled: disabled, onChange: onChange, value: rowIndex, checked
: checked });
}
return _react2["default"].createElement(_checkbox2["default"], { checked: checked, disabled: disabled, onChange: onChange });
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function subscribe() {
var _this2 = this;
var store = this.props.store;
this.unsubscribe = store.subscribe(function () {
var checked = _this2.getCheckState(_this2.props);
_this2.setState({ checked: checked });
});
}...
_this.state = {
checked: _this.getCheckState(props)
};
return _this;
}
SelectionBox.prototype.componentDidMount = function componentDidMount() {
this.subscribe();
};
SelectionBox.prototype.componentWillUnmount = function componentWillUnmount() {
if (this.unsubscribe) {
this.unsubscribe();
}
};
...function SelectionCheckboxAll(props) {
(0, _classCallCheck3["default"])(this, SelectionCheckboxAll);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleSelectAllChagne = function (e) {
var checked = e.target.checked;
_this.props.onSelect(checked ? 'all' : 'removeAll', 0, null);
};
_this.defaultSelections = [{
key: 'all',
text: props.locale.selectAll,
onSelect: function onSelect() {}
}, {
key: 'invert',
text: props.locale.selectInvert,
onSelect: function onSelect() {}
}];
_this.state = {
checked: _this.getCheckState(props),
indeterminate: _this.getIndeterminateState(props)
};
return _this;
}n/a
function checkSelection(data, type, byDefaultChecked) {
var _props = this.props,
store = _props.store,
getCheckboxPropsByItem = _props.getCheckboxPropsByItem,
getRecordKey = _props.getRecordKey;
// type should be 'every' | 'some'
if (type === 'every' || type === 'some') {
return byDefaultChecked ? data[type](function (item, i) {
return getCheckboxPropsByItem(item, i).defaultChecked;
}) : data[type](function (item, i) {
return store.getState().selectedRowKeys.indexOf(getRecordKey(item, i)) >= 0;
});
}
return false;
}...
var store = props.store,
data = props.data;
var checked = void 0;
if (!data.length) {
checked = false;
} else {
checked = store.getState().selectionDirty ? this.checkSelection(data, 'every
', false) : this.checkSelection(data, 'every', false) || this.checkSelection(data, 'every', true);
}
return checked;
};
SelectionCheckboxAll.prototype.getIndeterminateState = function getIndeterminateState(props) {
var store = props.store,
data = props.data;
...function componentDidMount() {
this.subscribe();
}n/a
function componentWillReceiveProps(nextProps) {
this.setCheckState(nextProps);
}n/a
function componentWillUnmount() {
if (this.unsubscribe) {
this.unsubscribe();
}
}n/a
function getCheckState(props) {
var store = props.store,
data = props.data;
var checked = void 0;
if (!data.length) {
checked = false;
} else {
checked = store.getState().selectionDirty ? this.checkSelection(data, 'every', false) : this.checkSelection(data, 'every
', false) || this.checkSelection(data, 'every', true);
}
return checked;
}...
function SelectionBox(props) {
(0, _classCallCheck3["default"])(this, SelectionBox);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.state = {
checked: _this.getCheckState(props)
};
return _this;
}
SelectionBox.prototype.componentDidMount = function componentDidMount() {
this.subscribe();
};
...function getIndeterminateState(props) {
var store = props.store,
data = props.data;
var indeterminate = void 0;
if (!data.length) {
indeterminate = false;
} else {
indeterminate = store.getState().selectionDirty ? this.checkSelection(data, 'some', false) && !this.checkSelection(data, '
every', false) : this.checkSelection(data, 'some', false) && !this.checkSelection(data, 'every', false) || this.checkSelection(data
, 'some', true) && !this.checkSelection(data, 'every', true);
}
return indeterminate;
}...
}, {
key: 'invert',
text: props.locale.selectInvert,
onSelect: function onSelect() {}
}];
_this.state = {
checked: _this.getCheckState(props),
indeterminate: _this.getIndeterminateState(props)
};
return _this;
}
SelectionCheckboxAll.prototype.componentDidMount = function componentDidMount() {
this.subscribe();
};
...function render() {
var _props2 = this.props,
disabled = _props2.disabled,
prefixCls = _props2.prefixCls,
selections = _props2.selections;
var _state = this.state,
checked = _state.checked,
indeterminate = _state.indeterminate;
var selectionPrefixCls = prefixCls + '-selection';
var customSelections = null;
if (selections) {
var newSelections = Array.isArray(selections) ? this.defaultSelections.concat(selections) : this.defaultSelections;
var menu = _react2["default"].createElement(
_menu2["default"],
{ className: selectionPrefixCls + '-menu', selectedKeys: [] },
this.renderMenus(newSelections)
);
customSelections = _react2["default"].createElement(
_dropdown2["default"],
{ overlay: menu, getPopupContainer: function getPopupContainer(trigger) {
return trigger.parentNode;
} },
_react2["default"].createElement(
'div',
{ className: selectionPrefixCls + '-down' },
_react2["default"].createElement(_icon2["default"], { type: 'down' })
)
);
}
return _react2["default"].createElement(
'div',
{ className: selectionPrefixCls },
_react2["default"].createElement(_checkbox2["default"], { className: (0, _classnames2["default"])((0, _defineProperty3["
default"])({}, selectionPrefixCls + '-select-all-custom', customSelections)), checked: checked, indeterminate: indeterminate, disabled
: disabled, onChange: this.handleSelectAllChagne }),
customSelections
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function renderMenus(selections) {
var _this3 = this;
return selections.map(function (selection, index) {
return _react2["default"].createElement(
_menu2["default"].Item,
{ key: selection.key || index },
_react2["default"].createElement(
'div',
{ onClick: function onClick() {
_this3.props.onSelect(selection.key, index, selection.onSelect);
} },
selection.text
)
);
});
}...
var containSelected = Object.keys(keyPathOfSelectedItem).some(function (key) {
return keyPathOfSelectedItem[key].indexOf(item.value) >= 0;
});
var subMenuCls = containSelected ? _this2.props.dropdownPrefixCls + '-submenu-contain-selected' : '
x27;;
return _react2["default"].createElement(
_rcMenu.SubMenu,
{ title: item.text, className: subMenuCls, key: item.value.toString() },
_this2.renderMenus(item.children)
);
}
return _this2.renderMenuItem(item);
});
};
FilterMenu.prototype.render = function render() {
...function setCheckState(props) {
var checked = this.getCheckState(props);
var indeterminate = this.getIndeterminateState(props);
if (checked !== this.state.checked) {
this.setState({ checked: checked });
}
if (indeterminate !== this.state.indeterminate) {
this.setState({ indeterminate: indeterminate });
}
}...
}
SelectionCheckboxAll.prototype.componentDidMount = function componentDidMount() {
this.subscribe();
};
SelectionCheckboxAll.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
this.setCheckState(nextProps);
};
SelectionCheckboxAll.prototype.componentWillUnmount = function componentWillUnmount() {
if (this.unsubscribe) {
this.unsubscribe();
}
};
...function subscribe() {
var _this2 = this;
var store = this.props.store;
this.unsubscribe = store.subscribe(function () {
_this2.setCheckState(_this2.props);
});
}...
_this.state = {
checked: _this.getCheckState(props)
};
return _this;
}
SelectionBox.prototype.componentDidMount = function componentDidMount() {
this.subscribe();
};
SelectionBox.prototype.componentWillUnmount = function componentWillUnmount() {
if (this.unsubscribe) {
this.unsubscribe();
}
};
...function Slider(props) {
(0, _classCallCheck3["default"])(this, Slider);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.toggleTooltipVisible = function (index, visible) {
_this.setState(function (_ref) {
var visibles = _ref.visibles;
return {
visibles: (0, _extends4["default"])({}, visibles, (0, _defineProperty3["default"])({}, index, visible))
};
});
};
_this.handleWithTooltip = function (_a) {
var value = _a.value,
dragging = _a.dragging,
index = _a.index,
restProps = __rest(_a, ["value", "dragging", "index"]);
var _this$props = _this.props,
tooltipPrefixCls = _this$props.tooltipPrefixCls,
tipFormatter = _this$props.tipFormatter;
var visibles = _this.state.visibles;
return _react2["default"].createElement(
_tooltip2["default"],
{ prefixCls: tooltipPrefixCls, title: tipFormatter ? tipFormatter(value) : '', visible: tipFormatter && (visibles[index
] || dragging), placement: 'top', transitionName: 'zoom-down', key: index },
_react2["default"].createElement(_Handle2["default"], (0, _extends4["default"])({}, restProps, { onMouseEnter: function
onMouseEnter() {
return _this.toggleTooltipVisible(index, true);
}, onMouseLeave: function onMouseLeave() {
return _this.toggleTooltipVisible(index, false);
} }))
);
};
_this.state = {
visibles: {}
};
return _this;
}n/a
function tipFormatter(value) {
return value.toString();
}n/a
function render() {
var _a = this.props,
range = _a.range,
restProps = __rest(_a, ["range"]);
if (range) {
return _react2["default"].createElement(_Range2["default"], (0, _extends4["default"])({}, restProps, { handle: this.handleWithTooltip
}));
}
return _react2["default"].createElement(_Slider2["default"], (0, _extends4["default"])({}, restProps, { handle: this.handleWithTooltip
}));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Spin(props) {
(0, _classCallCheck3["default"])(this, Spin);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
var spinning = props.spinning;
_this.state = {
spinning: spinning
};
return _this;
}n/a
className = function () { [native code] }n/a
prefixCls = function () { [native code] }n/a
size = function () { [native code] }n/a
spinning = function () { [native code] }n/a
wrapperClassName = function () { [native code] }n/a
function componentDidMount() {
if (!(0, _isCssAnimationSupported2["default"])()) {
// Show text in IE8/9
(0, _reactDom.findDOMNode)(this).className += ' ' + this.props.prefixCls + '-show-text';
}
}n/a
function componentWillReceiveProps(nextProps) {
var _this2 = this;
var currentSpinning = this.props.spinning;
var spinning = nextProps.spinning;
var delay = this.props.delay;
if (this.debounceTimeout) {
clearTimeout(this.debounceTimeout);
}
if (currentSpinning && !spinning) {
this.debounceTimeout = setTimeout(function () {
return _this2.setState({ spinning: spinning });
}, 300);
if (this.delayTimeout) {
clearTimeout(this.delayTimeout);
}
} else {
if (spinning && delay && !isNaN(Number(delay))) {
this.delayTimeout = setTimeout(function () {
return _this2.setState({ spinning: spinning });
}, delay);
} else {
this.setState({ spinning: spinning });
}
}
}n/a
function componentWillUnmount() {
if (this.debounceTimeout) {
clearTimeout(this.debounceTimeout);
}
if (this.delayTimeout) {
clearTimeout(this.delayTimeout);
}
}n/a
function isNestedPattern() {
return !!(this.props && this.props.children);
}n/a
function render() {
var _classNames;
var _a = this.props,
className = _a.className,
size = _a.size,
prefixCls = _a.prefixCls,
tip = _a.tip,
wrapperClassName = _a.wrapperClassName,
restProps = __rest(_a, ["className", "size", "prefixCls", "tip", "wrapperClassName"]);var spinning = this.state.spinning
;
var spinClassName = (0, _classnames2["default"])(prefixCls, (_classNames = {}, (0, _defineProperty3["default"])(_classNames,
prefixCls + '-sm', size === 'small'), (0, _defineProperty3["default"])(_classNames, prefixCls + '-lg', size === 'large'), (0, _defineProperty3
["default"])(_classNames, prefixCls + '-spinning', spinning), (0, _defineProperty3["default"])(_classNames, prefixCls + '-show-text
', !!tip), _classNames), className);
// fix https://fb.me/react-unknown-prop
var divProps = (0, _omit2["default"])(restProps, ['spinning', 'delay']);
var spinElement = _react2["default"].createElement(
'div',
(0, _extends3["default"])({}, divProps, { className: spinClassName }),
_react2["default"].createElement(
'span',
{ className: prefixCls + '-dot' },
_react2["default"].createElement('i', null),
_react2["default"].createElement('i', null),
_react2["default"].createElement('i', null),
_react2["default"].createElement('i', null)
),
tip ? _react2["default"].createElement(
'div',
{ className: prefixCls + '-text' },
tip
) : null
);
if (this.isNestedPattern()) {
var _classNames2;
var animateClassName = prefixCls + '-nested-loading';
if (wrapperClassName) {
animateClassName += ' ' + wrapperClassName;
}
var containerClassName = (0, _classnames2["default"])((_classNames2 = {}, (0, _defineProperty3["default"])(_classNames2,
prefixCls + '-container', true), (0, _defineProperty3["default"])(_classNames2, prefixCls + '-blur', spinning), _classNames2));
return _react2["default"].createElement(
_rcAnimate2["default"],
(0, _extends3["default"])({}, divProps, { component: 'div', className: animateClassName, style: null, transitionName
: 'fade' }),
spinning && _react2["default"].createElement(
'div',
{ key: 'loading' },
spinElement
),
_react2["default"].createElement(
'div',
{ className: containerClassName, key: 'container' },
this.props.children
)
);
}
return spinElement;
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Steps() {
(0, _classCallCheck3["default"])(this, Steps);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Step() {
_classCallCheck(this, Step);
return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
}n/a
function Step() {
_classCallCheck(this, Step);
return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
}n/a
function render() {
var _classNames, _classNames2;
var _props = this.props;
var className = _props.className;
var prefixCls = _props.prefixCls;
var style = _props.style;
var itemWidth = _props.itemWidth;
var _props$status = _props.status;
var status = _props$status === undefined ? 'wait' : _props$status;
var iconPrefix = _props.iconPrefix;
var icon = _props.icon;
var wrapperStyle = _props.wrapperStyle;
var adjustMarginRight = _props.adjustMarginRight;
var stepNumber = _props.stepNumber;
var description = _props.description;
var title = _props.title;
var progressDot = _props.progressDot;
var restProps = _objectWithoutProperties(_props, ['className', 'prefixCls', 'style', 'itemWidth', 'status', 'iconPrefix', 'icon
', 'wrapperStyle', 'adjustMarginRight', 'stepNumber', 'description', 'title', 'progressDot']);
var iconClassName = (0, _classnames2["default"])((_classNames = {}, _defineProperty(_classNames, prefixCls + '-icon', true), _defineProperty
(_classNames, iconPrefix + 'icon', true), _defineProperty(_classNames, iconPrefix + 'icon-' + icon, icon && isString(icon)), _defineProperty
(_classNames, iconPrefix + 'icon-check', !icon && status === 'finish'), _defineProperty(_classNames, iconPrefix + 'icon-cross', !
icon && status === 'error'), _classNames));
var iconNode = void 0;
var iconDot = _react2["default"].createElement('span', { className: prefixCls + '-icon-dot' });
// `progressDot` enjoy the highest priority
if (!!progressDot) {
if (typeof progressDot === 'function') {
iconNode = _react2["default"].createElement(
'span',
{ className: prefixCls + '-icon' },
progressDot(iconDot, { index: stepNumber - 1, status: status, title: title, description: description })
);
} else {
iconNode = _react2["default"].createElement(
'span',
{ className: prefixCls + '-icon' },
iconDot
);
}
} else if (icon && !isString(icon)) {
iconNode = _react2["default"].createElement(
'span',
{ className: prefixCls + '-icon' },
icon
);
} else if (icon || status === 'finish' || status === 'error') {
iconNode = _react2["default"].createElement('span', { className: iconClassName });
} else {
iconNode = _react2["default"].createElement(
'span',
{ className: prefixCls + '-icon' },
stepNumber
);
}
var classString = (0, _classnames2["default"])((_classNames2 = {}, _defineProperty(_classNames2, prefixCls + '-item', true), _defineProperty
(_classNames2, prefixCls + '-status-' + status, true), _defineProperty(_classNames2, prefixCls + '-custom', icon), _defineProperty
(_classNames2, className, !!className), _classNames2));
return _react2["default"].createElement(
'div',
_extends({}, restProps, {
className: classString,
style: _extends({ width: itemWidth, marginRight: adjustMarginRight }, style)
}),
_react2["default"].createElement(
'div',
{
ref: 'tail',
className: prefixCls + '-tail',
style: { paddingRight: -adjustMarginRight }
},
_react2["default"].createElement('i', null)
),
_react2["default"].createElement(
'div',
{ className: prefixCls + '-step' },
_react2["default"].createElement(
'div',
{
className: prefixCls + '-head',
style: { background: wrapperStyle.background || wrapperStyle.backgroundColor }
},
_react2["default"].createElement(
'div',
{ className: prefixCls + '-head-inner' },
iconNode
)
),
_react2["default"].createElement(
'div',
{ ref: 'main', className: prefixCls + '-main' },
_react2["default"].createElement(
'div',
{
className: prefixCls + '-title',
style: { background: wrapperStyle.background || wrapperStyle.backgroundColor }
},
title
),
description ? _react2["default"].createElement(
'div',
{ className: prefixCls + '-descript ......
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...current = function () { [native code] }n/a
iconPrefix = function () { [native code] }n/a
prefixCls = function () { [native code] }n/a
function render() {
return _react2["default"].createElement(_rcSteps2["default"], this.props);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Switch() {
(0, _classCallCheck3["default"])(this, Switch);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
className = function () { [native code] }n/a
prefixCls = function () { [native code] }n/a
size = function () { [native code] }n/a
function render() {
var _props = this.props,
prefixCls = _props.prefixCls,
size = _props.size,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className;
var classes = (0, _classnames2["default"])(className, (0, _defineProperty3["default"])({}, prefixCls + '-small', size === 'small
'));
return _react2["default"].createElement(_rcSwitch2["default"], (0, _extends3["default"])({}, this.props, { className: classes
}));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Table(props) {
(0, _classCallCheck3["default"])(this, Table);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.getCheckboxPropsByItem = function (item, index) {
var _this$props$rowSelect = _this.props.rowSelection,
rowSelection = _this$props$rowSelect === undefined ? {} : _this$props$rowSelect;
if (!rowSelection.getCheckboxProps) {
return {};
}
var key = _this.getRecordKey(item, index);
// Cache checkboxProps
if (!_this.CheckboxPropsCache[key]) {
_this.CheckboxPropsCache[key] = rowSelection.getCheckboxProps(item);
}
return _this.CheckboxPropsCache[key];
};
_this.handleFilter = function (column, nextFilters) {
var props = _this.props;
var pagination = (0, _objectAssign2["default"])({}, _this.state.pagination);
var filters = (0, _objectAssign2["default"])({}, _this.state.filters, (0, _defineProperty3["default"])({}, _this.getColumnKey
(column), nextFilters));
// Remove filters not in current columns
var currentColumnKeys = [];
(0, _util.treeMap)(_this.columns, function (c) {
if (!c.children) {
currentColumnKeys.push(_this.getColumnKey(c));
}
});
Object.keys(filters).forEach(function (columnKey) {
if (currentColumnKeys.indexOf(columnKey) < 0) {
delete filters[columnKey];
}
});
if (props.pagination) {
// Reset current prop
pagination.current = 1;
pagination.onChange(pagination.current);
}
var newState = {
pagination: pagination,
filters: {}
};
var filtersToSetState = (0, _objectAssign2["default"])({}, filters);
// Remove filters which is controlled
_this.getFilteredValueColumns().forEach(function (col) {
var columnKey = _this.getColumnKey(col);
if (columnKey) {
delete filtersToSetState[columnKey];
}
});
if (Object.keys(filtersToSetState).length > 0) {
newState.filters = filtersToSetState;
}
// Controlled current prop will not respond user interaction
if ((0, _typeof3["default"])(props.pagination) === 'object' && 'current' in props.pagination) {
newState.pagination = (0, _objectAssign2["default"])({}, pagination, {
current: _this.state.pagination.current
});
}
_this.setState(newState, function () {
_this.store.setState({
selectionDirty: false
});
var onChange = _this.props.onChange;
if (onChange) {
onChange.apply(null, _this.prepareParamsArguments((0, _objectAssign2["default"])({}, _this.state, {
selectionDirty: false,
filters: filters,
pagination: pagination
})));
}
});
};
_this.handleSelect = function (record, rowIndex, e) {
var checked = e.target.checked;
var defaultSelection = _this.store.getState().selectionDirty ? [] : _this.getDefaultSelection();
var selectedRowKeys = _this.store.getState().selectedRowKeys.concat(defaultSelection);
var key = _this.getRecordKey(record, rowIndex);
if (checked) {
selectedRowKeys.push(_this.getRecordKey(record, rowIndex));
} else {
selectedRowKeys = selectedRowKeys.filter(function (i) {
return key !== i;
});
}
_this.store.setState({
selectionDirty: true
});
_this.setSelectedRowKeys(selectedRowKeys, {
selectWay: 'onSelect',
record: record,
checked: checked
});
};
_this.handleRadioSelect = function (record, rowIndex, e) {
var checked = e.target.checked;
var defaultSelection = _this.store.getState(). ...n/a
function Column() {
(0, _classCallCheck3["default"])(this, Column);
return (0, _possibleConstructorReturn3["default"])(this, _RcTable$Column.apply(this, arguments));
}n/a
function ColumnGroup() {
(0, _classCallCheck3["default"])(this, ColumnGroup);
return (0, _possibleConstructorReturn3["default"])(this, _RcTable$ColumnGroup.apply(this, arguments));
}n/a
antLocale = function () { [native code] }n/a
bordered = function () { [native code] }n/a
className = function () { [native code] }n/a
columns = function () { [native code] }n/a
dataSource = function () { [native code] }n/a
dropdownPrefixCls = function () { [native code] }n/a
loading = function () { [native code] }n/a
locale = function () { [native code] }...
clearIcon,
_react2["default"].createElement('span', { className: prefixCls + '-picker-icon' })
);
};
var pickerValue = value;
var localeCode = (0, _getLocale.getLocaleCode)(this.context);
if (pickerValue && localeCode) {
pickerValue.locale(localeCode);
}
return _react2["default"].createElement(
'span',
{ className: props.pickerClass, style: (0, _objectAssign2["default"])({}, props.style, pickerStyle) },
_react2["default"].createElement(
_Picker2["default"],
(0, _extends3["default"])({}, props, pickerChangeHandler, { calendar: calendar, value: pickerValue, prefixCls:
prefixCls + '-picker-container', style: props.popupStyle }),
...onChange = function () { [native code] }...
_this.handleChange(null);
};
_this.handleChange = function (value) {
var props = _this.props;
if (!('value' in props)) {
_this.setState({ value: value });
}
props.onChange(value, value && value.format(props.format) || ''
;);
};
var value = props.value || props.defaultValue;
if (value && !_moment2["default"].isMoment(value)) {
throw new Error('The value/defaultValue of DatePicker or MonthPicker must be ' + 'a moment object after `antd
@2.0`, see: http://u.ant.design/date-picker-value');
}
_this.state = {
value: value
...prefixCls = function () { [native code] }n/a
rowSelection = function () { [native code] }n/a
size = function () { [native code] }n/a
useFixedHeader = function () { [native code] }n/a
function componentWillReceiveProps(nextProps) {
this.columns = nextProps.columns || (0, _util.normalizeColumns)(nextProps.children);
if ('pagination' in nextProps || 'pagination' in this.props) {
this.setState(function (previousState) {
var newPagination = (0, _objectAssign2["default"])({}, defaultPagination, previousState.pagination, nextProps.pagination
);
newPagination.current = newPagination.current || 1;
newPagination.pageSize = newPagination.pageSize || 10;
return { pagination: nextProps.pagination !== false ? newPagination : emptyObject };
});
}
if (nextProps.rowSelection && 'selectedRowKeys' in nextProps.rowSelection) {
this.store.setState({
selectedRowKeys: nextProps.rowSelection.selectedRowKeys || []
});
var rowSelection = this.props.rowSelection;
if (rowSelection && nextProps.rowSelection.getCheckboxProps !== rowSelection.getCheckboxProps) {
this.CheckboxPropsCache = {};
}
}
if ('dataSource' in nextProps && nextProps.dataSource !== this.props.dataSource) {
this.store.setState({
selectionDirty: false
});
this.CheckboxPropsCache = {};
}
if (this.getSortOrderColumns(this.columns).length > 0) {
var sortState = this.getSortStateFromColumns(this.columns);
if (sortState.sortColumn !== this.state.sortColumn || sortState.sortOrder !== this.state.sortOrder) {
this.setState(sortState);
}
}
var filteredValueColumns = this.getFilteredValueColumns(this.columns);
if (filteredValueColumns.length > 0) {
var filtersFromColumns = this.getFiltersFromColumns(this.columns);
var newFilters = (0, _objectAssign2["default"])({}, this.state.filters);
Object.keys(filtersFromColumns).forEach(function (key) {
newFilters[key] = filtersFromColumns[key];
});
if (this.isFiltersChanged(newFilters)) {
this.setState({ filters: newFilters });
}
}
}n/a
function findColumn(myKey) {
var _this8 = this;
var column = void 0;
(0, _util.treeMap)(this.columns, function (c) {
if (_this8.getColumnKey(c) === myKey) {
column = c;
}
});
return column;
}n/a
function getColumnKey(column, index) {
return column.key || column.dataIndex || index;
}n/a
function getCurrentPageData() {
var data = this.getLocalData();
var current = void 0;
var pageSize = void 0;
var state = this.state;
// 如果没有分页的话,默认全部展示
if (!this.hasPagination()) {
pageSize = Number.MAX_VALUE;
current = 1;
} else {
pageSize = state.pagination.pageSize;
current = this.getMaxCurrent(state.pagination.total || data.length);
}
// 分页
// ---
// 当数据量少于等于每页数量时,直接设置数据
// 否则进行读取分页数据
if (data.length > pageSize || pageSize === Number.MAX_VALUE) {
data = data.filter(function (_, i) {
return i >= (current - 1) * pageSize && i < current * pageSize;
});
}
return data;
}n/a
function getDefaultPagination(props) {
var pagination = props.pagination || {};
return this.hasPagination(props) ? (0, _objectAssign2["default"])({}, defaultPagination, pagination, {
current: pagination.defaultCurrent || pagination.current || 1,
pageSize: pagination.defaultPageSize || pagination.pageSize || 10
}) : {};
}n/a
function getDefaultSelection() {
var _this2 = this;
var _props$rowSelection = this.props.rowSelection,
rowSelection = _props$rowSelection === undefined ? {} : _props$rowSelection;
if (!rowSelection.getCheckboxProps) {
return [];
}
return this.getFlatData().filter(function (item, rowIndex) {
return _this2.getCheckboxPropsByItem(item, rowIndex).defaultChecked;
}).map(function (record, rowIndex) {
return _this2.getRecordKey(record, rowIndex);
});
}n/a
function getFilteredValueColumns(columns) {
return (0, _util.flatFilter)(columns || this.columns || [], function (column) {
return typeof column.filteredValue !== 'undefined';
});
}n/a
function getFiltersFromColumns(columns) {
var _this5 = this;
var filters = {};
this.getFilteredValueColumns(columns).forEach(function (col) {
filters[_this5.getColumnKey(col)] = col.filteredValue;
});
return filters;
}n/a
function getFlatCurrentPageData() {
return (0, _util.flatArray)(this.getCurrentPageData());
}n/a
function getFlatData() {
return (0, _util.flatArray)(this.getLocalData());
}n/a
function getLocalData() {
var _this10 = this;
var state = this.state;
var dataSource = this.props.dataSource;
var data = dataSource || [];
// 优化本地排序
data = data.slice(0);
var sorterFn = this.getSorterFn();
if (sorterFn) {
data = this.recursiveSort(data, sorterFn);
}
// 筛选
if (state.filters) {
Object.keys(state.filters).forEach(function (columnKey) {
var col = _this10.findColumn(columnKey);
if (!col) {
return;
}
var values = state.filters[columnKey] || [];
if (values.length === 0) {
return;
}
var onFilter = col.onFilter;
data = onFilter ? data.filter(function (record) {
return values.some(function (v) {
return onFilter(v, record);
});
}) : data;
});
}
return data;
}n/a
function getLocale() {
var locale = {};
if (this.context.antLocale && this.context.antLocale.Table) {
locale = this.context.antLocale.Table;
}
return (0, _objectAssign2["default"])({}, defaultLocale, locale, this.props.locale);
}n/a
function getMaxCurrent(total) {
var _state$pagination = this.state.pagination,
current = _state$pagination.current,
pageSize = _state$pagination.pageSize;
if ((current - 1) * pageSize >= total) {
return Math.floor((total - 1) / pageSize) + 1;
}
return current;
}n/a
function getSortOrderColumns(columns) {
return (0, _util.flatFilter)(columns || this.columns || [], function (column) {
return 'sortOrder' in column;
});
}n/a
function getSortStateFromColumns(columns) {
// return fisrt column which sortOrder is not falsy
var sortedColumn = this.getSortOrderColumns(columns).filter(function (col) {
return col.sortOrder;
})[0];
if (sortedColumn) {
return {
sortColumn: sortedColumn,
sortOrder: sortedColumn.sortOrder
};
}
return {
sortColumn: null,
sortOrder: null
};
}n/a
function getSorterFn() {
var _state = this.state,
sortOrder = _state.sortOrder,
sortColumn = _state.sortColumn;
if (!sortOrder || !sortColumn || typeof sortColumn.sorter !== 'function') {
return;
}
return function (a, b) {
var result = sortColumn.sorter(a, b);
if (result !== 0) {
return sortOrder === 'descend' ? -result : result;
}
return 0;
};
}n/a
function hasPagination(props) {
return (props || this.props).pagination !== false;
}n/a
function isFiltersChanged(filters) {
var _this4 = this;
var filtersChanged = false;
if (Object.keys(filters).length !== Object.keys(this.state.filters).length) {
filtersChanged = true;
} else {
Object.keys(filters).forEach(function (columnKey) {
if (filters[columnKey] !== _this4.state.filters[columnKey]) {
filtersChanged = true;
}
});
}
return filtersChanged;
}n/a
function isSortColumn(column) {
var sortColumn = this.state.sortColumn;
if (!column || !sortColumn) {
return false;
}
return this.getColumnKey(sortColumn) === this.getColumnKey(column);
}n/a
function prepareParamsArguments(state) {
var pagination = (0, _extends3["default"])({}, state.pagination);
// remove useless handle function in Table.onChange
delete pagination.onChange;
delete pagination.onShowSizeChange;
var filters = state.filters;
var sorter = {};
if (state.sortColumn && state.sortOrder) {
sorter.column = state.sortColumn;
sorter.order = state.sortOrder;
sorter.field = state.sortColumn.dataIndex;
sorter.columnKey = this.getColumnKey(state.sortColumn);
}
return [pagination, filters, sorter];
}n/a
function recursiveSort(data, sorterFn) {
var _this9 = this;
var _props$childrenColumn = this.props.childrenColumnName,
childrenColumnName = _props$childrenColumn === undefined ? 'children' : _props$childrenColumn;
return data.sort(sorterFn).map(function (item) {
return item[childrenColumnName] ? (0, _objectAssign2["default"])({}, item, (0, _defineProperty3["default"])({}, childrenColumnName
, _this9.recursiveSort(item[childrenColumnName], sorterFn))) : item;
});
}n/a
function render() {
var _classNames2,
_this11 = this;
var _a = this.props,
style = _a.style,
className = _a.className,
prefixCls = _a.prefixCls,
showHeader = _a.showHeader,
restProps = __rest(_a, ["style", "className", "prefixCls", "showHeader"]);
var data = this.getCurrentPageData();
var columns = this.renderRowSelection();
var expandIconAsCell = this.props.expandedRowRender && this.props.expandIconAsCell !== false;
var locale = this.getLocale();
var classString = (0, _classnames2["default"])((_classNames2 = {}, (0, _defineProperty3["default"])(_classNames2, prefixCls + '-' +
this.props.size, true), (0, _defineProperty3["default"])(_classNames2, prefixCls + '-bordered', this.props.bordered), (0, _defineProperty3
["default"])(_classNames2, prefixCls + '-empty', !data.length), (0, _defineProperty3["default"])(_classNames2, prefixCls + '-without
-column-header', !showHeader), _classNames2));
columns = this.renderColumnsDropdown(columns);
columns = columns.map(function (column, i) {
var newColumn = (0, _objectAssign2["default"])({}, column);
newColumn.key = _this11.getColumnKey(newColumn, i);
return newColumn;
});
var expandIconColumnIndex = columns[0] && columns[0].key === 'selection-column' ? 1 : 0;
if ('expandIconColumnIndex' in restProps) {
expandIconColumnIndex = restProps.expandIconColumnIndex;
}
var table = _react2["default"].createElement(_rcTable2["default"], (0, _extends3["default"])({ key: 'table' }, restProps, {
prefixCls: prefixCls, data: data, columns: columns, showHeader: showHeader, className: classString, expandIconColumnIndex: expandIconColumnIndex
, expandIconAsCell: expandIconAsCell, emptyText: function emptyText() {
return locale.emptyText;
} }));
// if there is no pagination or no data,
// the height of spin should decrease by half of pagination
var paginationPatchClass = this.hasPagination() && data && data.length !== 0 ? prefixCls + '-with-pagination' : prefixCls + '-
without-pagination';
var loading = this.props.loading;
if (typeof loading === 'boolean') {
loading = {
spinning: loading
};
}
return _react2["default"].createElement(
'div',
{ className: (0, _classnames2["default"])(prefixCls + '-wrapper', className), style: style },
_react2["default"].createElement(
_spin2["default"],
(0, _extends3["default"])({}, loading, { className: loading ? paginationPatchClass + ' ' + prefixCls + '-spin-holder
' : '' }),
table,
this.renderPagination()
)
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function renderColumnsDropdown(columns) {
var _this7 = this;
var _props2 = this.props,
prefixCls = _props2.prefixCls,
dropdownPrefixCls = _props2.dropdownPrefixCls;
var sortOrder = this.state.sortOrder;
var locale = this.getLocale();
return (0, _util.treeMap)(columns, function (originColumn, i) {
var column = (0, _objectAssign2["default"])({}, originColumn);
var key = _this7.getColumnKey(column, i);
var filterDropdown = void 0;
var sortButton = void 0;
if (column.filters && column.filters.length > 0 || column.filterDropdown) {
var colFilters = _this7.state.filters[key] || [];
filterDropdown = _react2["default"].createElement(_filterDropdown2["default"], { locale: locale, column: column, selectedKeys
: colFilters, confirmFilter: _this7.handleFilter, prefixCls: prefixCls + '-filter', dropdownPrefixCls: dropdownPrefixCls || 'ant
-dropdown' });
}
if (column.sorter) {
var isSortColumn = _this7.isSortColumn(column);
if (isSortColumn) {
column.className = column.className || '';
if (sortOrder) {
column.className += ' ' + prefixCls + '-column-sort';
}
}
var isAscend = isSortColumn && sortOrder === 'ascend';
var isDescend = isSortColumn && sortOrder === 'descend';
sortButton = _react2["default"].createElement(
'div',
{ className: prefixCls + '-column-sorter' },
_react2["default"].createElement(
'span',
{ className: prefixCls + '-column-sorter-up ' + (isAscend ? 'on' : 'off'), title: '\u2191', onClick: function
onClick() {
return _this7.toggleSortOrder('ascend', column);
} },
_react2["default"].createElement(_icon2["default"], { type: 'caret-up' })
),
_react2["default"].createElement(
'span',
{ className: prefixCls + '-column-sorter-down ' + (isDescend ? 'on' : 'off'), title: '\u2193', onClick: function
onClick() {
return _this7.toggleSortOrder('descend', column);
} },
_react2["default"].createElement(_icon2["default"], { type: 'caret-down' })
)
);
}
column.title = _react2["default"].createElement(
'span',
null,
column.title,
sortButton,
filterDropdown
);
return column;
});
}n/a
function renderPagination() {
// 强制不需要分页
if (!this.hasPagination()) {
return null;
}
var size = 'default';
var pagination = this.state.pagination;
if (pagination.size) {
size = pagination.size;
} else if (this.props.size === 'middle' || this.props.size === 'small') {
size = 'small';
}
var total = pagination.total || this.getLocalData().length;
return total > 0 ? _react2["default"].createElement(_pagination2["default"], (0, _extends3["default"])({ key: 'pagination' },
pagination, { className: this.props.prefixCls + '-pagination', onChange: this.handlePageChange, total: total, size: size, current
: this.getMaxCurrent(total), onShowSizeChange: this.handleShowSizeChange })) : null;
}n/a
function renderRowSelection() {
var _this6 = this;
var _props = this.props,
prefixCls = _props.prefixCls,
rowSelection = _props.rowSelection;
var columns = this.columns.concat();
if (rowSelection) {
var data = this.getFlatCurrentPageData().filter(function (item, index) {
if (rowSelection.getCheckboxProps) {
return !_this6.getCheckboxPropsByItem(item, index).disabled;
}
return true;
});
var selectionColumnClass = (0, _classnames2["default"])(prefixCls + '-selection-column', (0, _defineProperty3["default"])({},
prefixCls + '-selection-column-custom', rowSelection.selections));
var selectionColumn = {
key: 'selection-column',
render: this.renderSelectionBox(rowSelection.type),
className: selectionColumnClass
};
if (rowSelection.type !== 'radio') {
var checkboxAllDisabled = data.every(function (item, index) {
return _this6.getCheckboxPropsByItem(item, index).disabled;
});
selectionColumn.title = _react2["default"].createElement(_SelectionCheckboxAll2["default"], { store: this.store, locale
: this.getLocale(), data: data, getCheckboxPropsByItem: this.getCheckboxPropsByItem, getRecordKey: this.getRecordKey, disabled:
checkboxAllDisabled, prefixCls: prefixCls, onSelect: this.handleSelectRow, selections: rowSelection.selections });
}
if (columns.some(function (column) {
return column.fixed === 'left' || column.fixed === true;
})) {
selectionColumn.fixed = 'left';
}
if (columns[0] && columns[0].key === 'selection-column') {
columns[0] = selectionColumn;
} else {
columns.unshift(selectionColumn);
}
}
return columns;
}n/a
function setSelectedRowKeys(selectedRowKeys, _ref) {
var _this3 = this;
var selectWay = _ref.selectWay,
record = _ref.record,
checked = _ref.checked,
changeRowKeys = _ref.changeRowKeys;
var _props$rowSelection2 = this.props.rowSelection,
rowSelection = _props$rowSelection2 === undefined ? {} : _props$rowSelection2;
if (rowSelection && !('selectedRowKeys' in rowSelection)) {
this.store.setState({ selectedRowKeys: selectedRowKeys });
}
var data = this.getFlatData();
if (!rowSelection.onChange && !rowSelection[selectWay]) {
return;
}
var selectedRows = data.filter(function (row, i) {
return selectedRowKeys.indexOf(_this3.getRecordKey(row, i)) >= 0;
});
if (rowSelection.onChange) {
rowSelection.onChange(selectedRowKeys, selectedRows);
}
if (selectWay === 'onSelect' && rowSelection.onSelect) {
rowSelection.onSelect(record, checked, selectedRows);
} else if (selectWay === 'onSelectAll' && rowSelection.onSelectAll) {
var changeRows = data.filter(function (row, i) {
return changeRowKeys.indexOf(_this3.getRecordKey(row, i)) >= 0;
});
rowSelection.onSelectAll(checked, selectedRows, changeRows);
} else if (selectWay === 'onSelectInvert' && rowSelection.onSelectInvert) {
rowSelection.onSelectInvert(selectedRowKeys);
}
}n/a
function toggleSortOrder(order, column) {
var _state2 = this.state,
sortColumn = _state2.sortColumn,
sortOrder = _state2.sortOrder;
// 只同时允许一列进行排序,否则会导致排序顺序的逻辑问题
var isSortColumn = this.isSortColumn(column);
if (!isSortColumn) {
sortOrder = order;
sortColumn = column;
} else {
if (sortOrder === order) {
sortOrder = '';
sortColumn = null;
} else {
sortOrder = order;
}
}
var newState = {
sortOrder: sortOrder,
sortColumn: sortColumn
};
// Controlled
if (this.getSortOrderColumns().length === 0) {
this.setState(newState);
}
var onChange = this.props.onChange;
if (onChange) {
onChange.apply(null, this.prepareParamsArguments((0, _objectAssign2["default"])({}, this.state, newState)));
}
}n/a
function Tabs() {
(0, _classCallCheck3["default"])(this, Tabs);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.createNewTab = function (targetKey) {
var onEdit = _this.props.onEdit;
if (onEdit) {
onEdit(targetKey, 'add');
}
};
_this.removeTab = function (targetKey, e) {
e.stopPropagation();
if (!targetKey) {
return;
}
var onEdit = _this.props.onEdit;
if (onEdit) {
onEdit(targetKey, 'remove');
}
};
_this.handleChange = function (activeKey) {
var onChange = _this.props.onChange;
if (onChange) {
onChange(activeKey);
}
};
return _this;
}n/a
TabPane = function (props, context, updater) {
// This constructor is overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : undefined;
}
// Wire up auto-binding
if (this.__reactAutoBindMap) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (typeof initialState === 'undefined' && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
!(typeof initialState === 'object' && !Array.isArray(initialState)) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%
s.getInitialState(): must return an object or null', Constructor.displayName || 'ReactCompositeComponent') : invariant(false) :
undefined;
this.state = initialState;
}n/a
TabPane = function (props, context, updater) {
// This constructor is overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : undefined;
}
// Wire up auto-binding
if (this.__reactAutoBindMap) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (typeof initialState === 'undefined' && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
!(typeof initialState === 'object' && !Array.isArray(initialState)) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%
s.getInitialState(): must return an object or null', Constructor.displayName || 'ReactCompositeComponent') : invariant(false) :
undefined;
this.state = initialState;
}n/a
function getDefaultProps() {
return { placeholder: null };
}n/a
constructor = function (props, context, updater) {
// This constructor is overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly
. Use a factory or ' + 'JSX instead. See: https://fb.me/react-legacyfactory') : undefined;
}
// Wire up auto-binding
if (this.__reactAutoBindMap) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (process.env.NODE_ENV !== 'production') {
// We allow auto-mocks to proceed as if they're returning null.
if (typeof initialState === 'undefined' && this.getInitialState._isMockFunction) {
// This is probably bad practice. Consider warning here and
// deprecating this convenience.
initialState = null;
}
}
!(typeof initialState === 'object' && !Array.isArray(initialState)) ? process.env.NODE_ENV !== 'production' ? invariant(false, '%
s.getInitialState(): must return an object or null', Constructor.displayName || 'ReactCompositeComponent') : invariant(false) :
undefined;
this.state = initialState;
}n/a
getDOMNode = function () {
process.env.NODE_ENV !== 'production' ? warning(this.constructor[didWarnKey], '%s.getDOMNode(...) is deprecated. Please use ' + '
ReactDOM.findDOMNode(instance) instead.', ReactInstanceMap.get(this).getName() || this.tagName || 'Unknown') : undefined;
this.constructor[didWarnKey] = true;
return findDOMNode(this);
}n/a
function render() {
var _classnames;
var props = this.props;
var className = props.className,
destroyInactiveTabPane = props.destroyInactiveTabPane,
active = props.active,
forceRender = props.forceRender;
this._isActived = this._isActived || active;
var prefixCls = props.rootPrefixCls + '-tabpane';
var cls = (0, _classnames3["default"])((_classnames = {}, (0, _defineProperty3["default"])(_classnames, prefixCls, 1), (0, _defineProperty3
["default"])(_classnames, prefixCls + '-inactive', !active), (0, _defineProperty3["default"])(_classnames, prefixCls + '-active',
active), (0, _defineProperty3["default"])(_classnames, className, className), _classnames));
var isRender = destroyInactiveTabPane ? active : this._isActived;
return _react2["default"].createElement(
'div',
{
style: props.style,
role: 'tabpanel',
'aria-hidden': props.active ? 'false' : 'true',
className: cls
},
isRender || forceRender ? props.children : props.placeholder
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...getDOMNode = function () {
process.env.NODE_ENV !== 'production' ? warning(this.constructor[didWarnKey], '%s.getDOMNode(...) is deprecated. Please use ' + '
ReactDOM.findDOMNode(instance) instead.', ReactInstanceMap.get(this).getName() || this.tagName || 'Unknown') : undefined;
this.constructor[didWarnKey] = true;
return findDOMNode(this);
}n/a
function componentDidMount() {
var NO_FLEX = ' no-flex';
var tabNode = (0, _reactDom.findDOMNode)(this);
if (tabNode && !(0, _isFlexSupported2["default"])() && tabNode.className.indexOf(NO_FLEX) === -1) {
tabNode.className += NO_FLEX;
}
}n/a
function render() {
var _classNames,
_this2 = this;
var _props = this.props,
prefixCls = _props.prefixCls,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className,
size = _props.size,
_props$type = _props.type,
type = _props$type === undefined ? 'line' : _props$type,
tabPosition = _props.tabPosition,
children = _props.children,
tabBarExtraContent = _props.tabBarExtraContent,
tabBarStyle = _props.tabBarStyle,
hideAdd = _props.hideAdd,
onTabClick = _props.onTabClick,
onPrevClick = _props.onPrevClick,
onNextClick = _props.onNextClick,
animated = _props.animated;
var _ref = (typeof animated === 'undefined' ? 'undefined' : (0, _typeof3["default"])(animated)) === 'object' ? {
inkBarAnimated: animated.inkBar, tabPaneAnimated: animated.tabPane
} : {
inkBarAnimated: animated, tabPaneAnimated: animated
},
inkBarAnimated = _ref.inkBarAnimated,
tabPaneAnimated = _ref.tabPaneAnimated;
if (type !== 'line') {
tabPaneAnimated = false;
}
(0, _warning2["default"])(!(type.indexOf('card') >= 0 && size === 'small'), 'Tabs[type=card|editable-card] doesn\'t have small
size, it\'s by designed.');
var cls = (0, _classnames2["default"])(className, (_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-mini', size === 'small' || size === 'mini'), (0, _defineProperty3["default"])(_classNames, prefixCls + '-vertical', tabPosition
=== 'left' || tabPosition === 'right'), (0, _defineProperty3["default"])(_classNames, prefixCls + '-card', type.indexOf('card') >=
0), (0, _defineProperty3["default"])(_classNames, prefixCls + '-' + type, true), (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-no-animation', !animated), _classNames));
// only card type tabs can be added and closed
var childrenWithClose = void 0;
if (type === 'editable-card') {
childrenWithClose = [];
_react2["default"].Children.forEach(children, function (child, index) {
var closable = child.props.closable;
closable = typeof closable === 'undefined' ? true : closable;
var closeIcon = closable ? _react2["default"].createElement(_icon2["default"], { type: 'close', onClick: function onClick
(e) {
return _this2.removeTab(child.key, e);
} }) : null;
childrenWithClose.push((0, _react.cloneElement)(child, {
tab: _react2["default"].createElement(
'div',
{ className: closable ? undefined : prefixCls + '-tab-unclosable' },
child.props.tab,
closeIcon
),
key: child.key || index
}));
});
// Add new tab handler
if (!hideAdd) {
tabBarExtraContent = _react2["default"].createElement(
'span',
null,
_react2["default"].createElement(_icon2["default"], { type: 'plus', className: prefixCls + '-new-tab', onClick:
this.createNewTab }),
tabBarExtraContent
);
}
}
tabBarExtraContent = tabBarExtraContent ? _react2["default"].createElement(
'div',
{ className: prefixCls + '-extra-content' },
tabBarExtraContent
) : null;
var renderTabBar = function renderTabBar() {
return _react2["default"].createElement(_ScrollableInkTabBar2["default"], { inkBarAnimated: inkBarAnimated, extraContent
: tabBarExtraContent, onTabClick: onTabClick, onPrevClick: onPrevClick, onNextClick: onNextClick, style: tabBarStyle });
};
return _react2["default"].createElement(
_rcTabs2["default"],
(0, _extends3["default"])({}, this.props, { className: cls, tabBarPosition: tabPosition, renderTabBar: renderTabBar, renderTabContent
: function renderTabContent() {
return _react2["default"].createElement(_TabConten ......
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Tag(props) {
(0, _classCallCheck3["default"])(this, Tag);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.close = function (e) {
var onClose = _this.props.onClose;
if (onClose) {
onClose(e);
}
if (e.defaultPrevented) {
return;
}
var dom = _reactDom2["default"].findDOMNode(_this);
dom.style.width = dom.getBoundingClientRect().width + 'px';
// It's Magic Code, don't know why
dom.style.width = dom.getBoundingClientRect().width + 'px';
_this.setState({
closing: true
});
};
_this.animationEnd = function (_, existed) {
if (!existed && !_this.state.closed) {
_this.setState({
closed: true,
closing: false
});
var afterClose = _this.props.afterClose;
if (afterClose) {
afterClose();
}
}
};
_this.state = {
closing: false,
closed: false
};
return _this;
}n/a
function CheckableTag() {
(0, _classCallCheck3["default"])(this, CheckableTag);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleClick = function () {
var _this$props = _this.props,
checked = _this$props.checked,
onChange = _this$props.onChange;
if (onChange) {
onChange(!checked);
}
};
return _this;
}n/a
function CheckableTag() {
(0, _classCallCheck3["default"])(this, CheckableTag);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleClick = function () {
var _this$props = _this.props,
checked = _this$props.checked,
onChange = _this$props.onChange;
if (onChange) {
onChange(!checked);
}
};
return _this;
}n/a
function render() {
var _classNames;
var _a = this.props,
_a$prefixCls = _a.prefixCls,
prefixCls = _a$prefixCls === undefined ? 'ant-tag' : _a$prefixCls,
className = _a.className,
checked = _a.checked,
restProps = __rest(_a, ["prefixCls", "className", "checked"]);
var cls = (0, _classnames2["default"])(prefixCls, (_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-checkable', true), (0, _defineProperty3["default"])(_classNames, prefixCls + '-checkable-checked', checked), _classNames),
className);
delete restProps.onChange; // TypeScript cannot check delete now.
return _react2["default"].createElement('div', (0, _extends3["default"])({}, restProps, { className: cls, onClick: this.handleClick
}));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function isPresetColor(color) {
return (/^(pink|red|yellow|orange|cyan|green|blue|purple)(-inverse)?$/.test(color)
);
}n/a
function render() {
var _classNames;
var _a = this.props,
prefixCls = _a.prefixCls,
closable = _a.closable,
color = _a.color,
className = _a.className,
children = _a.children,
style = _a.style,
otherProps = __rest(_a, ["prefixCls", "closable", "color", "className", "children", "style"]);
var closeIcon = closable ? _react2["default"].createElement(_icon2["default"], { type: 'cross', onClick: this.close }) : '';
var isPresetColor = this.isPresetColor(color);
var classString = (0, _classnames2["default"])(prefixCls, (_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-' + color, isPresetColor), (0, _defineProperty3["default"])(_classNames, prefixCls + '-has-color', color && !isPresetColor), (
0, _defineProperty3["default"])(_classNames, prefixCls + '-close', this.state.closing), _classNames), className);
// fix https://fb.me/react-unknown-prop
var divProps = (0, _omit2["default"])(otherProps, ['onClose', 'afterClose']);
var tagStyle = (0, _objectAssign2["default"])({
backgroundColor: color && !isPresetColor ? color : null
}, style);
var tag = this.state.closed ? null : _react2["default"].createElement(
'div',
(0, _extends3["default"])({ 'data-show': !this.state.closing }, divProps, { className: classString, style: tagStyle }),
_react2["default"].createElement(
'span',
{ className: prefixCls + '-text' },
children
),
closeIcon
);
return _react2["default"].createElement(
_rcAnimate2["default"],
{ component: '', showProp: 'data-show', transitionName: prefixCls + '-zoom', transitionAppear: true, onEnd: this.animationEnd
},
tag
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function _a() {
(0, _classCallCheck3["default"])(this, _a);
return (0, _possibleConstructorReturn3["default"])(this, _Component.apply(this, arguments));
}n/a
antLocale = function () { [native code] }n/a
function getLocale() {
var antLocale = this.context.antLocale;
var localeFromContext = antLocale && antLocale[componentName];
var localeFromProps = this.props.locale || {};
return (0, _extends3["default"])({}, defaultLocale, localeFromContext || {}, localeFromProps);
}n/a
function Timeline() {
(0, _classCallCheck3["default"])(this, Timeline);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function TimelineItem() {
(0, _classCallCheck3["default"])(this, TimelineItem);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function TimelineItem() {
(0, _classCallCheck3["default"])(this, TimelineItem);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
var _classNames, _classNames2;
var _a = this.props,
prefixCls = _a.prefixCls,
className = _a.className,
_a$color = _a.color,
color = _a$color === undefined ? '' : _a$color,
last = _a.last,
children = _a.children,
pending = _a.pending,
dot = _a.dot,
restProps = __rest(_a, ["prefixCls", "className", "color", "last", "children", "pending", "dot"]);
var itemClassName = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls + '-
item', true), (0, _defineProperty3["default"])(_classNames, prefixCls + '-item-last', last), (0, _defineProperty3["default"])(_classNames
, prefixCls + '-item-pending', pending), _classNames), className);
var dotClassName = (0, _classnames2["default"])((_classNames2 = {}, (0, _defineProperty3["default"])(_classNames2, prefixCls
+ '-item-head', true), (0, _defineProperty3["default"])(_classNames2, prefixCls + '-item-head-custom', dot), (0, _defineProperty3
["default"])(_classNames2, prefixCls + '-item-head-' + color, true), _classNames2));
return _react2["default"].createElement(
'li',
(0, _extends3["default"])({}, restProps, { className: itemClassName }),
_react2["default"].createElement('div', { className: prefixCls + '-item-tail' }),
_react2["default"].createElement(
'div',
{ className: dotClassName, style: { borderColor: /blue|red|green/.test(color) ? null : color } },
dot
),
_react2["default"].createElement(
'div',
{ className: prefixCls + '-item-content' },
children
)
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function render() {
var _a = this.props,
prefixCls = _a.prefixCls,
children = _a.children,
pending = _a.pending,
className = _a.className,
restProps = __rest(_a, ["prefixCls", "children", "pending", "className"]);
var pendingNode = typeof pending === 'boolean' ? null : pending;
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls + '-pending', !!pending
), className);
var items = _react2["default"].Children.map(children, function (ele, idx) {
return _react2["default"].cloneElement(ele, {
last: idx === children.length - 1
});
});
var pendingItem = !!pending ? _react2["default"].createElement(
_TimelineItem2["default"],
{ pending: !!pending },
pendingNode
) : null;
return _react2["default"].createElement(
'ul',
(0, _extends3["default"])({}, restProps, { className: classString }),
items,
pendingItem
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Tooltip(props) {
(0, _classCallCheck3["default"])(this, Tooltip);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.onVisibleChange = function (visible) {
var onVisibleChange = _this.props.onVisibleChange;
if (!('visible' in _this.props)) {
_this.setState({ visible: _this.isNoTitle() ? false : visible });
}
if (onVisibleChange && !_this.isNoTitle()) {
onVisibleChange(visible);
}
};
// 动态设置动画点
_this.onPopupAlign = function (domNode, align) {
var placements = _this.getPlacements();
// 当前返回的位置
var placement = Object.keys(placements).filter(function (key) {
return placements[key].points[0] === align.points[0] && placements[key].points[1] === align.points[1];
})[0];
if (!placement) {
return;
}
// 根据当前坐标设置动画点
var rect = domNode.getBoundingClientRect();
var transformOrigin = {
top: '50%',
left: '50%'
};
if (placement.indexOf('top') >= 0 || placement.indexOf('Bottom') >= 0) {
transformOrigin.top = rect.height - align.offset[1] + 'px';
} else if (placement.indexOf('Top') >= 0 || placement.indexOf('bottom') >= 0) {
transformOrigin.top = -align.offset[1] + 'px';
}
if (placement.indexOf('left') >= 0 || placement.indexOf('Right') >= 0) {
transformOrigin.left = rect.width - align.offset[0] + 'px';
} else if (placement.indexOf('right') >= 0 || placement.indexOf('Left') >= 0) {
transformOrigin.left = -align.offset[0] + 'px';
}
domNode.style.transformOrigin = transformOrigin.left + ' ' + transformOrigin.top;
};
_this.state = {
visible: !!props.visible
};
return _this;
}n/a
function componentWillReceiveProps(nextProps) {
if ('visible' in nextProps) {
this.setState({ visible: nextProps.visible });
}
}n/a
function getDisabledCompatibleChildren(element) {
if ((element.type.__ANT_BUTTON || element.type === 'button') && element.props.disabled && this.isHoverTrigger()) {
// Pick some layout related style properties up to span
// Prevent layout bugs like https://github.com/ant-design/ant-design/issues/5254
var _splitObject = splitObject(element.props.style, ['position', 'left', 'right', 'top', 'bottom', 'float', 'display', '
zIndex']),
picked = _splitObject.picked,
omited = _splitObject.omited;
var spanStyle = (0, _extends3["default"])({ display: 'inline-block' }, picked, { cursor: 'not-allowed' });
var buttonStyle = (0, _extends3["default"])({}, omited, { pointerEvents: 'none' });
var child = (0, _react.cloneElement)(element, {
style: buttonStyle,
className: null
});
return _react2["default"].createElement(
'span',
{ style: spanStyle, className: element.props.className },
child
);
}
return element;
}n/a
function getPlacements() {
var _props = this.props,
builtinPlacements = _props.builtinPlacements,
arrowPointAtCenter = _props.arrowPointAtCenter;
return builtinPlacements || (0, _placements2["default"])({
arrowPointAtCenter: arrowPointAtCenter,
verticalArrowShift: 8
});
}n/a
function getPopupDomNode() {
return this.refs.tooltip.getPopupDomNode();
}n/a
function isHoverTrigger() {
var trigger = this.props.trigger;
if (!trigger || trigger === 'hover') {
return true;
}
if (Array.isArray(trigger)) {
return trigger.indexOf('hover') >= 0;
}
return false;
}n/a
function isNoTitle() {
var _props2 = this.props,
title = _props2.title,
overlay = _props2.overlay;
return !title && !overlay; // overlay for old version compatibility
}n/a
function render() {
var props = this.props,
state = this.state;
var prefixCls = props.prefixCls,
title = props.title,
overlay = props.overlay,
openClassName = props.openClassName,
getPopupContainer = props.getPopupContainer,
getTooltipContainer = props.getTooltipContainer;
var children = props.children;
var visible = state.visible;
// Hide tooltip when there is no title
if (!('visible' in props) && this.isNoTitle()) {
visible = false;
}
var child = this.getDisabledCompatibleChildren(_react2["default"].isValidElement(children) ? children : _react2["default"].createElement
(
'span',
null,
children
));
var childProps = child.props;
var childCls = (0, _classnames2["default"])(childProps.className, (0, _defineProperty3["default"])({}, openClassName || prefixCls
+ '-open', true));
return _react2["default"].createElement(
_rcTooltip2["default"],
(0, _extends3["default"])({}, this.props, { getTooltipContainer: getPopupContainer || getTooltipContainer, ref: 'tooltip
', builtinPlacements: this.getPlacements(), overlay: overlay || title, visible: visible, onVisibleChange: this.onVisibleChange,
onPopupAlign: this.onPopupAlign }),
visible ? (0, _react.cloneElement)(child, { className: childCls }) : child
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function _a() {
(0, _classCallCheck3["default"])(this, _a);
return (0, _possibleConstructorReturn3["default"])(this, _Component.apply(this, arguments));
}n/a
antLocale = function () { [native code] }n/a
function noop() {}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...body = function () { [native code] }n/a
className = function () { [native code] }n/a
dataSource = function () { [native code] }n/a
filterOption = function () { [native code] }n/a
footer = function () { [native code] }n/a
height = function () { [native code] }n/a
lazy = function () { [native code] }n/a
listStyle = function () { [native code] }n/a
notFoundContent = function () { [native code] }n/a
onChange = function () { [native code] }...
_this.handleChange(null);
};
_this.handleChange = function (value) {
var props = _this.props;
if (!('value' in props)) {
_this.setState({ value: value });
}
props.onChange(value, value && value.format(props.format) || ''
;);
};
var value = props.value || props.defaultValue;
if (value && !_moment2["default"].isMoment(value)) {
throw new Error('The value/defaultValue of DatePicker or MonthPicker must be ' + 'a moment object after `antd
@2.0`, see: http://u.ant.design/date-picker-value');
}
_this.state = {
value: value
...operations = function () { [native code] }n/a
prefixCls = function () { [native code] }n/a
render = function () { [native code] }...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...rowKey = function () { [native code] }n/a
searchPlaceholder = function () { [native code] }n/a
showSearch = function () { [native code] }n/a
targetKeys = function () { [native code] }n/a
titles = function () { [native code] }n/a
function getLocale() {
var antLocale = this.context.antLocale;
var localeFromContext = antLocale && antLocale[componentName];
var localeFromProps = this.props.locale || {};
return (0, _extends3["default"])({}, defaultLocale, localeFromContext || {}, localeFromProps);
}n/a
function Tree() {
(0, _classCallCheck3["default"])(this, Tree);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component2.apply(this, arguments));
}n/a
function TreeNode(props) {
_classCallCheck(this, TreeNode);
var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
['onExpand', 'onCheck', 'onContextMenu', 'onMouseEnter', 'onMouseLeave', 'onDragStart', 'onDragEnter', 'onDragOver', 'onDragLeave
', 'onDrop', 'onDragEnd'].forEach(function (m) {
_this[m] = _this[m].bind(_this);
});
_this.state = {
dataLoading: false,
dragNodeHighlight: false
};
return _this;
}n/a
function TreeNode(props) {
_classCallCheck(this, TreeNode);
var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
['onExpand', 'onCheck', 'onContextMenu', 'onMouseEnter', 'onMouseLeave', 'onDragStart', 'onDragEnter', 'onDragOver', 'onDragLeave
', 'onDrop', 'onDragEnd'].forEach(function (m) {
_this[m] = _this[m].bind(_this);
});
_this.state = {
dataLoading: false,
dragNodeHighlight: false
};
return _this;
}n/a
function componentDidMount() {
if (!this.props.root._treeNodeInstances) {
this.props.root._treeNodeInstances = [];
}
this.props.root._treeNodeInstances.push(this);
}n/a
function onCheck() {
this.props.root.onCheck(this);
}n/a
function onContextMenu(e) {
e.preventDefault();
this.props.root.onContextMenu(e, this);
}n/a
function onDragEnd(e) {
e.stopPropagation();
this.setState({
dragNodeHighlight: false
});
this.props.root.onDragEnd(e, this);
}n/a
function onDragEnter(e) {
e.preventDefault();
e.stopPropagation();
this.props.root.onDragEnter(e, this);
}n/a
function onDragLeave(e) {
e.stopPropagation();
this.props.root.onDragLeave(e, this);
}n/a
function onDragOver(e) {
// todo disabled
e.preventDefault();
e.stopPropagation();
this.props.root.onDragOver(e, this);
return false;
}n/a
function onDragStart(e) {
// console.log('dragstart', this.props.eventKey, e);
// e.preventDefault();
e.stopPropagation();
this.setState({
dragNodeHighlight: true
});
this.props.root.onDragStart(e, this);
try {
// ie throw error
// firefox-need-it
e.dataTransfer.setData('text/plain', '');
} catch (error) {
// empty
}
}n/a
function onDrop(e) {
e.preventDefault();
e.stopPropagation();
this.setState({
dragNodeHighlight: false
});
this.props.root.onDrop(e, this);
}n/a
function onExpand() {
var _this2 = this;
var callbackPromise = this.props.root.onExpand(this);
if (callbackPromise && (typeof callbackPromise === 'undefined' ? 'undefined' : _typeof(callbackPromise)) === 'object') {
var setLoading = function setLoading(dataLoading) {
_this2.setState({ dataLoading: dataLoading });
};
setLoading(true);
callbackPromise.then(function () {
setLoading(false);
}, function () {
setLoading(false);
});
}
}n/a
function onKeyDown(e) {
e.preventDefault();
}n/a
function onMouseEnter(e) {
e.preventDefault();
this.props.root.onMouseEnter(e, this);
}n/a
function onMouseLeave(e) {
e.preventDefault();
this.props.root.onMouseLeave(e, this);
}n/a
function onSelect() {
this.props.root.onSelect(this);
}...
function SelectionCheckboxAll(props) {
(0, _classCallCheck3["default"])(this, SelectionCheckboxAll);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleSelectAllChagne = function (e) {
var checked = e.target.checked;
_this.props.onSelect(checked ? 'all' : 'removeAll', 0, null);
};
_this.defaultSelections = [{
key: 'all',
text: props.locale.selectAll,
onSelect: function onSelect() {}
}, {
key: 'invert',
...function render() {
var _iconEleCls,
_this3 = this;
var props = this.props;
var prefixCls = props.prefixCls;
var expandedState = props.expanded ? 'open' : 'close';
var iconState = expandedState;
var canRenderSwitcher = true;
var content = props.title;
var newChildren = this.renderChildren(props);
if (!newChildren || newChildren === props.children) {
// content = newChildren;
newChildren = null;
if (!props.loadData || props.isLeaf) {
canRenderSwitcher = false;
iconState = 'docu';
}
}
// For performance, does't render children into dom when `!props.expanded` (move to Animate)
// if (!props.expanded) {
// newChildren = null;
// }
var iconEleCls = (_iconEleCls = {}, _defineProperty(_iconEleCls, prefixCls + '-iconEle', true), _defineProperty(_iconEleCls, prefixCls
+ '-icon_loading', this.state.dataLoading), _defineProperty(_iconEleCls, prefixCls + '-icon__' + iconState, true), _iconEleCls);
var selectHandle = function selectHandle() {
var icon = props.showIcon || props.loadData && _this3.state.dataLoading ? _react2["default"].createElement('span', { className
: (0, _classnames2["default"])(iconEleCls) }) : null;
var title = _react2["default"].createElement(
'span',
{ className: prefixCls + '-title' },
content
);
var wrap = prefixCls + '-node-content-wrapper';
var domProps = {
className: wrap + ' ' + wrap + '-' + (iconState === expandedState ? iconState : 'normal')
};
if (!props.disabled) {
if (props.selected || !props._dropTrigger && _this3.state.dragNodeHighlight) {
domProps.className += ' ' + prefixCls + '-node-selected';
}
domProps.onClick = function (e) {
e.preventDefault();
if (props.selectable) {
_this3.onSelect();
}
// not fire check event
// if (props.checkable) {
// this.onCheck();
// }
};
if (props.onRightClick) {
domProps.onContextMenu = _this3.onContextMenu;
}
if (props.onMouseEnter) {
domProps.onMouseEnter = _this3.onMouseEnter;
}
if (props.onMouseLeave) {
domProps.onMouseLeave = _this3.onMouseLeave;
}
if (props.draggable) {
domProps.className += ' draggable';
if (ieOrEdge) {
// ie bug!
domProps.href = '#';
}
domProps.draggable = true;
domProps['aria-grabbed'] = true;
domProps.onDragStart = _this3.onDragStart;
}
}
return _react2["default"].createElement(
'a',
_extends({ ref: 'selectHandle', title: typeof content === 'string' ? content : '' }, domProps),
icon,
title
);
};
var liProps = {};
if (props.draggable) {
liProps.onDragEnter = this.onDragEnter;
liProps.onDragOver = this.onDragOver;
liProps.onDragLeave = this.onDragLeave;
liProps.onDrop = this.onDrop;
liProps.onDragEnd = this.onDragEnd;
}
var disabledCls = '';
var dragOverCls = '';
if (props.disabled) {
disabledCls = prefixCls + '-treenode-disabled';
} else if (props.dragOver) {
dragOverCls = 'drag-over';
} else if (props.dragOverGapTop) {
dragOverCls = 'drag-over-gap-top';
} else if (props.dragOverGapBottom) {
dragOverCls = 'drag-over-gap-bottom';
}
var filterCls = props.filterTreeNode(this) ? 'filter-node' : '';
var noopSwitcher = function noopSwitcher() {
var _cls2;
var cls = (_cls2 = {}, _defineProperty(_cls2, prefixCls + '-switcher', true), _defineProperty(_cls2, prefixCls + '-switcher-
noop', true), _cls2);
if (props.showLine) {
cls[prefixCls + '-center_docu'] = !props.last;
cls[prefixCls + '-bottom_docu'] = props.last;
} else {
cls[prefixCls + '-noline_docu'] = true;
}
return _react2["default"].createElement('span', { className: (0, _classnames2["default"])(cls) });
};
return _react2["default"].createElement(
'li',
_extends({}, liProps, { ref: 'li',
className: (0, _classnames2["default"])(props.className, disabledCls, dragOverCls, f ......
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function renderCheckbox(props) {
var prefixCls = props.prefixCls;
var checkboxCls = _defineProperty({}, prefixCls + '-checkbox', true);
if (props.checked) {
checkboxCls[prefixCls + '-checkbox-checked'] = true;
} else if (props.halfChecked) {
checkboxCls[prefixCls + '-checkbox-indeterminate'] = true;
}
var customEle = null;
if (typeof props.checkable !== 'boolean') {
customEle = props.checkable;
}
if (props.disabled || props.disableCheckbox) {
checkboxCls[prefixCls + '-checkbox-disabled'] = true;
return _react2["default"].createElement(
'span',
{ ref: 'checkbox', className: (0, _classnames2["default"])(checkboxCls) },
customEle
);
}
return _react2["default"].createElement(
'span',
{ ref: 'checkbox',
className: (0, _classnames2["default"])(checkboxCls),
onClick: this.onCheck
},
customEle
);
}n/a
function renderChildren(props) {
var renderFirst = this.renderFirst;
this.renderFirst = 1;
var transitionAppear = true;
if (!renderFirst && props.expanded) {
transitionAppear = false;
}
var children = props.children ? (0, _toArray2["default"])(props.children) : props.children;
var newChildren = children;
if (children && (Array.isArray(children) && children.every(function (item) {
return item.type && item.type.isTreeNode;
}) || children.type && children.type.isTreeNode)) {
var _cls;
var cls = (_cls = {}, _defineProperty(_cls, props.prefixCls + '-child-tree', true), _defineProperty(_cls, props.prefixCls + '-
child-tree-open', props.expanded), _cls);
if (props.showLine) {
cls[props.prefixCls + '-line'] = !props.last;
}
var animProps = {};
if (props.openTransitionName) {
animProps.transitionName = props.openTransitionName;
} else if (_typeof(props.openAnimation) === 'object') {
animProps.animation = (0, _objectAssign2["default"])({}, props.openAnimation);
if (!transitionAppear) {
delete animProps.animation.appear;
}
}
newChildren = _react2["default"].createElement(
_rcAnimate2["default"],
_extends({}, animProps, {
showProp: 'data-expanded',
transitionAppear: transitionAppear,
component: ''
}),
!props.expanded ? null : _react2["default"].createElement(
'ul',
{ className: (0, _classnames2["default"])(cls), 'data-expanded': props.expanded },
_react2["default"].Children.map(children, function (item, index) {
return props.root.renderTreeNode(item, index, props.pos);
}, props.root)
)
);
}
return newChildren;
}n/a
function renderSwitcher(props, expandedState) {
var prefixCls = props.prefixCls;
var switcherCls = _defineProperty({}, prefixCls + '-switcher', true);
if (!props.showLine) {
switcherCls[prefixCls + '-noline_' + expandedState] = true;
} else if (props.pos === '0-0') {
switcherCls[prefixCls + '-roots_' + expandedState] = true;
} else {
switcherCls[prefixCls + '-center_' + expandedState] = !props.last;
switcherCls[prefixCls + '-bottom_' + expandedState] = props.last;
}
if (props.disabled) {
switcherCls[prefixCls + '-switcher-disabled'] = true;
return _react2["default"].createElement('span', { className: (0, _classnames2["default"])(switcherCls) });
}
return _react2["default"].createElement('span', { className: (0, _classnames2["default"])(switcherCls), onClick: this.onExpand
});
}n/a
function render() {
var props = this.props;
var prefixCls = props.prefixCls,
className = props.className,
showLine = props.showLine;
var checkable = props.checkable;
var classString = (0, _classnames2["default"])((0, _defineProperty3["default"])({}, prefixCls + '-show-line', !!showLine), className
);
return _react2["default"].createElement(
_rcTree2["default"],
(0, _extends3["default"])({}, props, { className: classString, checkable: checkable ? _react2["default"].createElement('
span', { className: prefixCls + '-checkbox-inner' }) : checkable }),
this.props.children
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function _a() {
(0, _classCallCheck3["default"])(this, _a);
return (0, _possibleConstructorReturn3["default"])(this, _Component.apply(this, arguments));
}n/a
antLocale = function () { [native code] }n/a
function getLocale() {
var antLocale = this.context.antLocale;
var localeFromContext = antLocale && antLocale[componentName];
var localeFromProps = this.props.locale || {};
return (0, _extends3["default"])({}, defaultLocale, localeFromContext || {}, localeFromProps);
}n/a
function Upload(props) {
(0, _classCallCheck3["default"])(this, Upload);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.onStart = function (file) {
var targetItem = void 0;
var nextFileList = _this.state.fileList.concat();
if (file.length > 0) {
targetItem = file.map(function (f) {
var fileObject = (0, _utils.fileToObject)(f);
fileObject.status = 'uploading';
return fileObject;
});
nextFileList = nextFileList.concat(targetItem);
} else {
targetItem = (0, _utils.fileToObject)(file);
targetItem.status = 'uploading';
nextFileList.push(targetItem);
}
_this.onChange({
file: targetItem,
fileList: nextFileList
});
// fix ie progress
if (!window.FormData) {
_this.autoUpdateProgress(0, targetItem);
}
};
_this.onSuccess = function (response, file) {
_this.clearProgressTimer();
try {
if (typeof response === 'string') {
response = JSON.parse(response);
}
} catch (e) {}
var fileList = _this.state.fileList;
var targetItem = (0, _utils.getFileItem)(file, fileList);
// removed
if (!targetItem) {
return;
}
targetItem.status = 'done';
targetItem.response = response;
_this.onChange({
file: (0, _extends3["default"])({}, targetItem),
fileList: fileList
});
};
_this.onProgress = function (e, file) {
var fileList = _this.state.fileList;
var targetItem = (0, _utils.getFileItem)(file, fileList);
// removed
if (!targetItem) {
return;
}
targetItem.percent = e.percent;
_this.onChange({
event: e,
file: (0, _extends3["default"])({}, targetItem),
fileList: _this.state.fileList
});
};
_this.onError = function (error, response, file) {
_this.clearProgressTimer();
var fileList = _this.state.fileList;
var targetItem = (0, _utils.getFileItem)(file, fileList);
// removed
if (!targetItem) {
return;
}
targetItem.error = error;
targetItem.response = response;
targetItem.status = 'error';
_this.onChange({
file: (0, _extends3["default"])({}, targetItem),
fileList: fileList
});
};
_this.handleManualRemove = function (file) {
_this.refs.upload.abort(file);
file.status = 'removed'; // eslint-disable-line
_this.handleRemove(file);
};
_this.onChange = function (info) {
if (!('fileList' in _this.props)) {
_this.setState({ fileList: info.fileList });
}
var onChange = _this.props.onChange;
if (onChange) {
onChange(info);
}
};
_this.onFileDrop = function (e) {
_this.setState({
dragState: e.type
});
};
_this.state = {
fileList: _this.props.fileList || _this.props.defaultFileList || [],
dragState: 'drop'
};
return _this;
}n/a
function Dragger() {
(0, _classCallCheck3["default"])(this, Dragger);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function Dragger() {
(0, _classCallCheck3["default"])(this, Dragger);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
var props = this.props;
return _react2["default"].createElement(_Upload2["default"], (0, _extends3["default"])({}, props, { type: 'drag', style: (0,
_extends3["default"])({}, props.style, { height: props.height }) }));
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...antLocale = function () { [native code] }n/a
function T() {
return true;
}n/a
function autoUpdateProgress(_, file) {
var _this2 = this;
var getPercent = (0, _utils.genPercentAdd)();
var curPercent = 0;
this.clearProgressTimer();
this.progressTimer = setInterval(function () {
curPercent = getPercent(curPercent);
_this2.onProgress({
percent: curPercent
}, file);
}, 200);
}n/a
function clearProgressTimer() {
clearInterval(this.progressTimer);
}n/a
function componentWillReceiveProps(nextProps) {
if ('fileList' in nextProps) {
this.setState({
fileList: nextProps.fileList || []
});
}
}n/a
function componentWillUnmount() {
this.clearProgressTimer();
}n/a
function getLocale() {
var locale = {};
if (this.context.antLocale && this.context.antLocale.Upload) {
locale = this.context.antLocale.Upload;
}
return (0, _objectAssign2["default"])({}, defaultLocale, locale, this.props.locale);
}n/a
function handleRemove(file) {
var onRemove = this.props.onRemove;
// Prevent removing file
var onRemoveReturnValue = onRemove && onRemove(file);
if (onRemoveReturnValue === false) {
return;
}
var removedFileList = (0, _utils.removeFileItem)(file, this.state.fileList);
if (removedFileList) {
this.onChange({
file: file,
fileList: removedFileList
});
}
}n/a
function render() {
var _classNames2;
var _props = this.props,
_props$prefixCls = _props.prefixCls,
prefixCls = _props$prefixCls === undefined ? '' : _props$prefixCls,
showUploadList = _props.showUploadList,
listType = _props.listType,
onPreview = _props.onPreview,
type = _props.type,
disabled = _props.disabled,
children = _props.children,
className = _props.className;
var rcUploadProps = (0, _objectAssign2["default"])({}, {
onStart: this.onStart,
onError: this.onError,
onProgress: this.onProgress,
onSuccess: this.onSuccess
}, this.props);
delete rcUploadProps.className;
var showRemoveIcon = showUploadList.showRemoveIcon,
showPreviewIcon = showUploadList.showPreviewIcon;
var uploadList = showUploadList ? _react2["default"].createElement(_UploadList2["default"], { listType: listType, items: this
.state.fileList, onPreview: onPreview, onRemove: this.handleManualRemove, showRemoveIcon: showRemoveIcon, showPreviewIcon: showPreviewIcon
, locale: this.getLocale() }) : null;
if (type === 'drag') {
var _classNames;
var dragCls = (0, _classnames2["default"])(prefixCls, (_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-drag', true), (0, _defineProperty3["default"])(_classNames, prefixCls + '-drag-uploading', this.state.fileList.some(function
(file) {
return file.status === 'uploading';
})), (0, _defineProperty3["default"])(_classNames, prefixCls + '-drag-hover', this.state.dragState === 'dragover'), (0,
_defineProperty3["default"])(_classNames, prefixCls + '-disabled', disabled), _classNames));
return _react2["default"].createElement(
'span',
{ className: className },
_react2["default"].createElement(
'div',
{ className: dragCls, onDrop: this.onFileDrop, onDragOver: this.onFileDrop, onDragLeave: this.onFileDrop },
_react2["default"].createElement(
_rcUpload2["default"],
(0, _extends3["default"])({}, rcUploadProps, { ref: 'upload', className: prefixCls + '-btn' }),
_react2["default"].createElement(
'div',
{ className: prefixCls + '-drag-container' },
children
)
)
),
uploadList
);
}
var uploadButtonCls = (0, _classnames2["default"])(prefixCls, (_classNames2 = {}, (0, _defineProperty3["default"])(_classNames2
, prefixCls + '-select', true), (0, _defineProperty3["default"])(_classNames2, prefixCls + '-select-' + listType, true), (0, _defineProperty3
["default"])(_classNames2, prefixCls + '-disabled', disabled), _classNames2));
var uploadButton = _react2["default"].createElement(
'div',
{ className: uploadButtonCls, style: { display: children ? '' : 'none' } },
_react2["default"].createElement(_rcUpload2["default"], (0, _extends3["default"])({}, rcUploadProps, { ref: 'upload' }))
);
if (listType === 'picture-card') {
return _react2["default"].createElement(
'span',
{ className: className },
uploadList,
uploadButton
);
}
return _react2["default"].createElement(
'span',
{ className: className },
uploadButton,
uploadList
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function UploadList() {
(0, _classCallCheck3["default"])(this, UploadList);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleClose = function (file) {
var onRemove = _this.props.onRemove;
if (onRemove) {
onRemove(file);
}
};
_this.handlePreview = function (file, e) {
var onPreview = _this.props.onPreview;
if (!onPreview) {
return;
}
e.preventDefault();
return onPreview(file);
};
return _this;
}n/a
function componentDidUpdate() {
var _this2 = this;
if (this.props.listType !== 'picture' && this.props.listType !== 'picture-card') {
return;
}
(this.props.items || []).forEach(function (file) {
if (typeof document === 'undefined' || typeof window === 'undefined' || !window.FileReader || !window.File || !(file.originFileObj
instanceof File) || file.thumbUrl !== undefined) {
return;
}
/*eslint-disable */
file.thumbUrl = '';
/*eslint-enable */
previewFile(file.originFileObj, function (previewDataUrl) {
/*eslint-disable */
file.thumbUrl = previewDataUrl;
/*eslint-enable */
_this2.forceUpdate();
});
});
}n/a
function render() {
var _this3 = this,
_classNames2;
var _props = this.props,
prefixCls = _props.prefixCls,
_props$items = _props.items,
items = _props$items === undefined ? [] : _props$items,
listType = _props.listType,
showPreviewIcon = _props.showPreviewIcon,
showRemoveIcon = _props.showRemoveIcon,
locale = _props.locale;
var list = items.map(function (file) {
var _classNames;
var progress = void 0;
var icon = _react2["default"].createElement(_icon2["default"], { type: file.status === 'uploading' ? 'loading' : 'paper-
clip' });
if (listType === 'picture' || listType === 'picture-card') {
if (file.status === 'uploading' || !file.thumbUrl && !file.url) {
if (listType === 'picture-card') {
icon = _react2["default"].createElement(
'div',
{ className: prefixCls + '-list-item-uploading-text' },
locale.uploading
);
} else {
icon = _react2["default"].createElement(_icon2["default"], { className: prefixCls + '-list-item-thumbnail',
type: 'picture' });
}
} else {
icon = _react2["default"].createElement(
'a',
{ className: prefixCls + '-list-item-thumbnail', onClick: function onClick(e) {
return _this3.handlePreview(file, e);
}, href: file.url || file.thumbUrl, target: '_blank', rel: 'noopener noreferrer' },
_react2["default"].createElement('img', { src: file.thumbUrl || file.url, alt: file.name })
);
}
}
if (file.status === 'uploading') {
// show loading icon if upload progress listener is disabled
var loadingProgress = 'percent' in file ? _react2["default"].createElement(_progress2["default"], (0, _extends3["default
"])({ type: 'line' }, _this3.props.progressAttr, { percent: file.percent })) : null;
progress = _react2["default"].createElement(
'div',
{ className: prefixCls + '-list-item-progress', key: 'progress' },
loadingProgress
);
}
var infoUploadingClass = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls
+ '-list-item', true), (0, _defineProperty3["default"])(_classNames, prefixCls + '-list-item-' + file.status, true), _classNames
));
var preview = file.url ? _react2["default"].createElement(
'a',
{ href: file.url, target: '_blank', rel: 'noopener noreferrer', className: prefixCls + '-list-item-name', onClick: function
onClick(e) {
return _this3.handlePreview(file, e);
}, title: file.name },
file.name
) : _react2["default"].createElement(
'span',
{ className: prefixCls + '-list-item-name', onClick: function onClick(e) {
return _this3.handlePreview(file, e);
}, title: file.name },
file.name
);
var style = file.url || file.thumbUrl ? undefined : {
pointerEvents: 'none',
opacity: 0.5
};
var previewIcon = showPreviewIcon ? _react2["default"].createElement(
'a',
{ href: file.url || file.thumbUrl, target: '_blank', rel: 'noopener noreferrer', style: style, onClick: function onClick
(e) {
return _this3.handlePreview(file, e);
}, title: locale.previewFile },
_react2["default"].createElement(_icon2["default"], { type: 'eye-o' })
) : null;
var removeIcon = showRemoveIcon ? _react2["default"].createElement(_icon2["default"], { type: 'delete', title: locale.removeFile
, onClick: function onClick() {
return _this3.handleClose(file);
} }) : null;
var removeIc ......
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function AnchorHelper() {
(0, _classCallCheck3["default"])(this, AnchorHelper);
this.links = [];
this.currentAnchor = null;
this._activeAnchor = '';
}n/a
function easeInOutCubic(t, b, c, d) {
var cc = c - b;
t /= d / 2;
if (t < 1) {
return cc / 2 * t * t * t + b;
}
return cc / 2 * ((t -= 2) * t * t + 2) + b;
}n/a
function getDefaultTarget() {
return typeof window !== 'undefined' ? window : null;
}n/a
function getOffsetTop(element) {
if (!element) {
return 0;
}
if (!element.getClientRects().length) {
return 0;
}
var rect = element.getBoundingClientRect();
if (rect.width || rect.height) {
var doc = element.ownerDocument;
var docElem = doc.documentElement;
return rect.top - docElem.clientTop;
}
return rect.top;
}n/a
reqAnimFrame = function () {}n/a
function _scrollTo(href) {
var offsetTop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var target = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : getDefaultTarget;
var callback = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};
var scrollTop = (0, _getScroll2["default"])(target(), true);
var targetElement = document.getElementById(href.substring(1));
if (!targetElement) {
return;
}
var eleOffsetTop = getOffsetTop(targetElement);
var targetScrollTop = scrollTop + eleOffsetTop - offsetTop;
var startTime = Date.now();
var frameFunc = function frameFunc() {
var timestamp = Date.now();
var time = timestamp - startTime;
window.scrollTo(window.pageXOffset, easeInOutCubic(time, scrollTop, targetScrollTop, 450));
if (time < 450) {
reqAnimFrame(frameFunc);
} else {
callback();
}
};
reqAnimFrame(frameFunc);
history.pushState(null, '', href);
}...
}
var eleOffsetTop = getOffsetTop(targetElement);
var targetScrollTop = scrollTop + eleOffsetTop - offsetTop;
var startTime = Date.now();
var frameFunc = function frameFunc() {
var timestamp = Date.now();
var time = timestamp - startTime;
window.scrollTo(window.pageXOffset, easeInOutCubic(time, scrollTop, targetScrollTop
, 450));
if (time < 450) {
reqAnimFrame(frameFunc);
} else {
callback();
}
};
reqAnimFrame(frameFunc);
...function FilterMenu(props) {
(0, _classCallCheck3["default"])(this, FilterMenu);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.setSelectedKeys = function (_ref) {
var selectedKeys = _ref.selectedKeys;
_this.setState({ selectedKeys: selectedKeys });
};
_this.handleClearFilters = function () {
_this.setState({
selectedKeys: []
}, _this.handleConfirm);
};
_this.handleConfirm = function () {
_this.setVisible(false);
_this.confirmFilter();
};
_this.onVisibleChange = function (visible) {
_this.setVisible(visible);
if (!visible) {
_this.confirmFilter();
}
};
_this.handleMenuItemClick = function (info) {
if (info.keyPath.length <= 1) {
return;
}
var keyPathOfSelectedItem = _this.state.keyPathOfSelectedItem;
if (_this.state.selectedKeys.indexOf(info.key) >= 0) {
// deselect SubMenu child
delete keyPathOfSelectedItem[info.key];
} else {
// select SubMenu child
keyPathOfSelectedItem[info.key] = info.keyPath;
}
_this.setState({ keyPathOfSelectedItem: keyPathOfSelectedItem });
};
_this.renderFilterIcon = function () {
var _this$props = _this.props,
column = _this$props.column,
locale = _this$props.locale,
prefixCls = _this$props.prefixCls;
var filterIcon = column.filterIcon;
var dropdownSelectedClass = _this.props.selectedKeys.length > 0 ? prefixCls + '-selected' : '';
return filterIcon ? _react2["default"].cloneElement(filterIcon, {
title: locale.filterTitle,
className: (0, _classnames2["default"])(filterIcon.className, (0, _defineProperty3["default"])({}, prefixCls + '-icon
', true))
}) : _react2["default"].createElement(_icon2["default"], { title: locale.filterTitle, type: 'filter', className: dropdownSelectedClass
});
};
var visible = 'filterDropdownVisible' in props.column ? props.column.filterDropdownVisible : false;
_this.state = {
selectedKeys: props.selectedKeys,
keyPathOfSelectedItem: {},
visible: visible
};
return _this;
}n/a
function componentDidMount() {
var column = this.props.column;
var rootNode = _reactDom2["default"].findDOMNode(this);
var filterBelongToScrollBody = !!(0, _domClosest2["default"])(rootNode, '.ant-table-scroll');
if (filterBelongToScrollBody && column.fixed) {
// When fixed column have filters, there will be two dropdown menus
// Filter dropdown menu inside scroll body should never be shown
// To fix https://github.com/ant-design/ant-design/issues/5010
this.neverShown = true;
}
}n/a
function componentWillReceiveProps(nextProps) {
var column = nextProps.column;
var newState = {};
if ('selectedKeys' in nextProps) {
newState.selectedKeys = nextProps.selectedKeys;
}
if ('filterDropdownVisible' in column) {
newState.visible = column.filterDropdownVisible;
}
if (Object.keys(newState).length > 0) {
this.setState(newState);
}
}n/a
function confirmFilter() {
if (this.state.selectedKeys !== this.props.selectedKeys) {
this.props.confirmFilter(this.props.column, this.state.selectedKeys);
}
}...
_this.handleClearFilters = function () {
_this.setState({
selectedKeys: []
}, _this.handleConfirm);
};
_this.handleConfirm = function () {
_this.setVisible(false);
_this.confirmFilter();
};
_this.onVisibleChange = function (visible) {
_this.setVisible(visible);
if (!visible) {
_this.confirmFilter();
}
};
...function hasSubMenu() {
var _props$column$filters = this.props.column.filters,
filters = _props$column$filters === undefined ? [] : _props$column$filters;
return filters.some(function (item) {
return !!(item.children && item.children.length > 0);
});
}...
column = _props.column,
locale = _props.locale,
prefixCls = _props.prefixCls,
dropdownPrefixCls = _props.dropdownPrefixCls;
// default multiple selection in filter dropdown
var multiple = 'filterMultiple' in column ? column.filterMultiple : true;
var dropdownMenuClass = (0, _classnames2["default"])((0, _defineProperty3["default"])({}, dropdownPrefixCls +
x27;-menu-without-submenu', !this.hasSubMenu()));
var menus = column.filterDropdown ? _react2["default"].createElement(
_FilterDropdownMenuWrapper2["default"],
null,
column.filterDropdown
) : _react2["default"].createElement(
_FilterDropdownMenuWrapper2["default"],
{ className: prefixCls + '-dropdown' },
...function render() {
var _props = this.props,
column = _props.column,
locale = _props.locale,
prefixCls = _props.prefixCls,
dropdownPrefixCls = _props.dropdownPrefixCls;
// default multiple selection in filter dropdown
var multiple = 'filterMultiple' in column ? column.filterMultiple : true;
var dropdownMenuClass = (0, _classnames2["default"])((0, _defineProperty3["default"])({}, dropdownPrefixCls + '-menu-without
-submenu', !this.hasSubMenu()));
var menus = column.filterDropdown ? _react2["default"].createElement(
_FilterDropdownMenuWrapper2["default"],
null,
column.filterDropdown
) : _react2["default"].createElement(
_FilterDropdownMenuWrapper2["default"],
{ className: prefixCls + '-dropdown' },
_react2["default"].createElement(
_rcMenu2["default"],
{ multiple: multiple, onClick: this.handleMenuItemClick, prefixCls: dropdownPrefixCls + '-menu', className: dropdownMenuClass
, onSelect: this.setSelectedKeys, onDeselect: this.setSelectedKeys, selectedKeys: this.state.selectedKeys },
this.renderMenus(column.filters)
),
_react2["default"].createElement(
'div',
{ className: prefixCls + '-dropdown-btns' },
_react2["default"].createElement(
'a',
{ className: prefixCls + '-dropdown-link confirm', onClick: this.handleConfirm },
locale.filterConfirm
),
_react2["default"].createElement(
'a',
{ className: prefixCls + '-dropdown-link clear', onClick: this.handleClearFilters },
locale.filterReset
)
)
);
return _react2["default"].createElement(
_dropdown2["default"],
{ trigger: ['click'], overlay: menus, visible: this.neverShown ? false : this.state.visible, onVisibleChange: this.onVisibleChange
},
this.renderFilterIcon()
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function renderMenuItem(item) {
var column = this.props.column;
var multiple = 'filterMultiple' in column ? column.filterMultiple : true;
var input = multiple ? _react2["default"].createElement(_checkbox2["default"], { checked: this.state.selectedKeys.indexOf(item
.value.toString()) >= 0 }) : _react2["default"].createElement(_radio2["default"], { checked: this.state.selectedKeys.indexOf(item
.value.toString()) >= 0 });
return _react2["default"].createElement(
_rcMenu.Item,
{ key: item.value },
input,
_react2["default"].createElement(
'span',
null,
item.text
)
);
}...
var subMenuCls = containSelected ? _this2.props.dropdownPrefixCls + '-submenu-contain-selected' : '
x27;;
return _react2["default"].createElement(
_rcMenu.SubMenu,
{ title: item.text, className: subMenuCls, key: item.value.toString() },
_this2.renderMenus(item.children)
);
}
return _this2.renderMenuItem(item);
});
};
FilterMenu.prototype.render = function render() {
var _props = this.props,
column = _props.column,
locale = _props.locale,
...function renderMenus(items) {
var _this2 = this;
return items.map(function (item) {
if (item.children && item.children.length > 0) {
var keyPathOfSelectedItem = _this2.state.keyPathOfSelectedItem;
var containSelected = Object.keys(keyPathOfSelectedItem).some(function (key) {
return keyPathOfSelectedItem[key].indexOf(item.value) >= 0;
});
var subMenuCls = containSelected ? _this2.props.dropdownPrefixCls + '-submenu-contain-selected' : '';
return _react2["default"].createElement(
_rcMenu.SubMenu,
{ title: item.text, className: subMenuCls, key: item.value.toString() },
_this2.renderMenus(item.children)
);
}
return _this2.renderMenuItem(item);
});
}...
var containSelected = Object.keys(keyPathOfSelectedItem).some(function (key) {
return keyPathOfSelectedItem[key].indexOf(item.value) >= 0;
});
var subMenuCls = containSelected ? _this2.props.dropdownPrefixCls + '-submenu-contain-selected' : '
x27;;
return _react2["default"].createElement(
_rcMenu.SubMenu,
{ title: item.text, className: subMenuCls, key: item.value.toString() },
_this2.renderMenus(item.children)
);
}
return _this2.renderMenuItem(item);
});
};
FilterMenu.prototype.render = function render() {
...function setVisible(visible) {
var column = this.props.column;
if (!('filterDropdownVisible' in column)) {
this.setState({ visible: visible });
}
if (column.onFilterDropdownVisibleChange) {
column.onFilterDropdownVisibleChange(visible);
}
}...
};
_this.handleClearFilters = function () {
_this.setState({
selectedKeys: []
}, _this.handleConfirm);
};
_this.handleConfirm = function () {
_this.setVisible(false);
_this.confirmFilter();
};
_this.onVisibleChange = function (visible) {
_this.setVisible(visible);
if (!visible) {
_this.confirmFilter();
}
...function getComponentLocale(props, context, componentName, getDefaultLocale) {
var locale = context && context.antLocale && context.antLocale[componentName] ? context.antLocale[componentName] : getDefaultLocale
();
var result = (0, _objectAssign2["default"])({}, locale, props.locale);
result.lang = (0, _objectAssign2["default"])({}, locale.lang, props.locale.lang);
return result;
}n/a
function getLocaleCode(context) {
var localeCode = context.antLocale && context.antLocale.locale;
// Had use LocaleProvide but didn't set locale
if (context.antLocale && context.antLocale.exist && !localeCode) {
return 'zh-cn';
}
return localeCode;
}n/a
function cancelRequestAnimationFrame(id) {
if (typeof window === 'undefined') {
return null;
}
if (window.cancelAnimationFrame) {
return window.cancelAnimationFrame(id);
}
var prefix = availablePrefixs.filter(function (key) {
return key + 'CancelAnimationFrame' in window || key + 'CancelRequestAnimationFrame' in window;
})[0];
return prefix ? (window[prefix + 'CancelAnimationFrame'] || window[prefix + 'CancelRequestAnimationFrame']).call(this, id) :
clearTimeout(id);
}n/a
function getRequestAnimationFrame() {
if (typeof window === 'undefined') {
return function () {};
}
if (window.requestAnimationFrame) {
return window.requestAnimationFrame;
}
var prefix = availablePrefixs.filter(function (key) {
return key + 'RequestAnimationFrame' in window;
})[0];
return prefix ? window[prefix + 'RequestAnimationFrame'] : requestAnimationFramePolyfill();
}n/a
function Item() {
(0, _classCallCheck3["default"])(this, Item);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
var _classNames;
var _props = this.props,
renderedText = _props.renderedText,
renderedEl = _props.renderedEl,
item = _props.item,
lazy = _props.lazy,
checked = _props.checked,
prefixCls = _props.prefixCls,
onClick = _props.onClick;
var className = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls + '-
content-item', true), (0, _defineProperty3["default"])(_classNames, prefixCls + '-content-item-disabled', item.disabled), _classNames
));
var listItem = _react2["default"].createElement(
'li',
{ className: className, title: renderedText, onClick: item.disabled ? undefined : function () {
return onClick(item);
} },
_react2["default"].createElement(_checkbox2["default"], { checked: checked, disabled: item.disabled }),
_react2["default"].createElement(
'span',
null,
renderedEl
)
);
var children = null;
if (lazy) {
var lazyProps = (0, _objectAssign2["default"])({
height: 32,
offset: 500,
throttle: 0,
debounce: false
}, lazy);
children = _react2["default"].createElement(
_reactLazyLoad2["default"],
lazyProps,
listItem
);
} else {
children = listItem;
}
return children;
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function shouldComponentUpdate() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _PureRenderMixin2["default"].shouldComponentUpdate.apply(this, args);
}n/a
function TransferList(props) {
(0, _classCallCheck3["default"])(this, TransferList);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call(this, props));
_this.handleSelect = function (selectedItem) {
var checkedKeys = _this.props.checkedKeys;
var result = checkedKeys.some(function (key) {
return key === selectedItem.key;
});
_this.props.handleSelect(selectedItem, !result);
};
_this.handleFilter = function (e) {
_this.props.handleFilter(e);
};
_this.handleClear = function () {
_this.props.handleClear();
};
_this.matchFilter = function (text, item) {
var _this$props = _this.props,
filter = _this$props.filter,
filterOption = _this$props.filterOption;
if (filterOption) {
return filterOption(filter, item);
}
return text.indexOf(filter) >= 0;
};
_this.renderItem = function (item) {
var _this$props$render = _this.props.render,
render = _this$props$render === undefined ? noop : _this$props$render;
var renderResult = render(item);
var isRenderResultPlain = isRenderResultPlainObject(renderResult);
return {
renderedText: isRenderResultPlain ? renderResult.value : renderResult,
renderedEl: isRenderResultPlain ? renderResult.label : renderResult
};
};
_this.state = {
mounted: false
};
return _this;
}n/a
function componentDidMount() {
var _this2 = this;
this.timer = setTimeout(function () {
_this2.setState({
mounted: true
});
}, 0);
}n/a
function componentWillUnmount() {
clearTimeout(this.timer);
}n/a
function getCheckStatus(filteredDataSource) {
var checkedKeys = this.props.checkedKeys;
if (checkedKeys.length === 0) {
return 'none';
} else if (filteredDataSource.every(function (item) {
return checkedKeys.indexOf(item.key) >= 0;
})) {
return 'all';
}
return 'part';
}...
)
);
var listFooter = footerDom ? _react2["default"].createElement(
'div',
{ className: prefixCls + '-footer' },
footerDom
) : null;
var checkStatus = this.getCheckStatus(filteredDataSource);
var checkedAll = checkStatus === 'all';
var checkAllCheckbox = _react2["default"].createElement(_checkbox2["default"], { ref: 'checkbox',
checked: checkedAll, indeterminate: checkStatus === 'part', onChange: function onChange() {
return _this3.props.handleSelectAll(filteredDataSource, checkedAll);
} });
return _react2["default"].createElement(
'div',
{ className: listCls, style: style },
...function render() {
var _this3 = this;
var _props = this.props,
prefixCls = _props.prefixCls,
dataSource = _props.dataSource,
titleText = _props.titleText,
checkedKeys = _props.checkedKeys,
lazy = _props.lazy,
_props$body = _props.body,
body = _props$body === undefined ? noop : _props$body,
_props$footer = _props.footer,
footer = _props$footer === undefined ? noop : _props$footer,
showSearch = _props.showSearch,
style = _props.style,
filter = _props.filter,
searchPlaceholder = _props.searchPlaceholder,
notFoundContent = _props.notFoundContent,
itemUnit = _props.itemUnit,
itemsUnit = _props.itemsUnit,
onScroll = _props.onScroll;
// Custom Layout
var footerDom = footer((0, _objectAssign2["default"])({}, this.props));
var bodyDom = body((0, _objectAssign2["default"])({}, this.props));
var listCls = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls + '-with-footer', !!footerDom
));
var filteredDataSource = [];
var totalDataSource = [];
var showItems = dataSource.map(function (item) {
var _renderItem = _this3.renderItem(item),
renderedText = _renderItem.renderedText,
renderedEl = _renderItem.renderedEl;
if (filter && filter.trim() && !_this3.matchFilter(renderedText, item)) {
return null;
}
// all show items
totalDataSource.push(item);
if (!item.disabled) {
// response to checkAll items
filteredDataSource.push(item);
}
var checked = checkedKeys.indexOf(item.key) >= 0;
return _react2["default"].createElement(_item2["default"], { key: item.key, item: item, lazy: lazy, renderedText: renderedText
, renderedEl: renderedEl, checked: checked, prefixCls: prefixCls, onClick: _this3.handleSelect });
});
var unit = dataSource.length > 1 ? itemsUnit : itemUnit;
var search = showSearch ? _react2["default"].createElement(
'div',
{ className: prefixCls + '-body-search-wrapper' },
_react2["default"].createElement(_search2["default"], { prefixCls: prefixCls + '-search', onChange: this.handleFilter, handleClear
: this.handleClear, placeholder: searchPlaceholder, value: filter })
) : null;
var listBody = bodyDom || _react2["default"].createElement(
'div',
{ className: showSearch ? prefixCls + '-body ' + prefixCls + '-body-with-search' : prefixCls + '-body' },
search,
_react2["default"].createElement(
_rcAnimate2["default"],
{ component: 'ul', componentProps: { onScroll: onScroll }, className: prefixCls + '-content', transitionName: this.state
.mounted ? prefixCls + '-content-item-highlight' : '', transitionLeave: false },
showItems
),
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-not-found' },
notFoundContent
)
);
var listFooter = footerDom ? _react2["default"].createElement(
'div',
{ className: prefixCls + '-footer' },
footerDom
) : null;
var checkStatus = this.getCheckStatus(filteredDataSource);
var checkedAll = checkStatus === 'all';
var checkAllCheckbox = _react2["default"].createElement(_checkbox2["default"], { ref: 'checkbox', checked: checkedAll, indeterminate
: checkStatus === 'part', onChange: function onChange() {
return _this3.props.handleSelectAll(filteredDataSource, checkedAll);
} });
return _react2["default"].createElement(
'div',
{ className: listCls, style: style },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-header' },
checkAllCheckbox,
_react2["default"].createElement(
'span',
{ className: prefixCls + '-header-selected' },
_react2["default"].createElement(
'span' ......
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function shouldComponentUpdate() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _PureRenderMixin2["default"].shouldComponentUpdate.apply(this, args);
}n/a
function changeConfirmLocale(newLocale) {
if (newLocale) {
runtimeLocale = (0, _objectAssign2["default"])({}, runtimeLocale, newLocale);
} else {
runtimeLocale = (0, _objectAssign2["default"])({}, defaultLocale);
}
}n/a
function getConfirmLocale() {
return runtimeLocale;
}n/a
function config(options) {
if (options.top !== undefined) {
defaultTop = options.top;
messageInstance = null; // delete messageInstance for new defaultTop
}
if (options.duration !== undefined) {
defaultDuration = options.duration;
}
if (options.prefixCls !== undefined) {
prefixCls = options.prefixCls;
}
if (options.getContainer !== undefined) {
getContainer = options.getContainer;
}
}n/a
function destroy() {
if (messageInstance) {
messageInstance.destroy();
messageInstance = null;
}
}n/a
function error(content, duration, onClose) {
return notice(content, duration, 'error', onClose);
}n/a
function info(content, duration, onClose) {
return notice(content, duration, 'info', onClose);
}n/a
function loading(content, duration, onClose) {
return notice(content, duration, 'loading', onClose);
}n/a
function success(content, duration, onClose) {
return notice(content, duration, 'success', onClose);
}n/a
function warn(content, duration, onClose) {
return notice(content, duration, 'warning', onClose);
}n/a
function warning(content, duration, onClose) {
return notice(content, duration, 'warning', onClose);
}n/a
function close(key) {
if (notificationInstance) {
notificationInstance.removeNotice(key);
}
}n/a
function config(options) {
var duration = options.duration,
placement = options.placement,
bottom = options.bottom,
top = options.top;
if (placement !== undefined) {
defaultPlacement = placement;
}
if (bottom !== undefined) {
defaultBottom = bottom;
}
if (top !== undefined) {
defaultTop = top;
}
// delete notificationInstance
if (placement !== undefined || bottom !== undefined || top !== undefined) {
notificationInstance = null;
}
if (duration !== undefined) {
defaultDuration = duration;
}
}n/a
function destroy() {
if (notificationInstance) {
notificationInstance.destroy();
notificationInstance = null;
}
}n/a
error = function (args) {
return api.open((0, _objectAssign2["default"])({}, args, { type: type }));
}n/a
info = function (args) {
return api.open((0, _objectAssign2["default"])({}, args, { type: type }));
}n/a
function open(args) {
notice(args);
}n/a
success = function (args) {
return api.open((0, _objectAssign2["default"])({}, args, { type: type }));
}n/a
warn = function (args) {
return api.open((0, _objectAssign2["default"])({}, args, { type: type }));
}n/a
warning = function (args) {
return api.open((0, _objectAssign2["default"])({}, args, { type: type }));
}n/a
function appear(node, done) {
return animate(node, true, done);
}n/a
function enter(node, done) {
return animate(node, true, done);
}n/a
function leave(node, done) {
return animate(node, false, done);
}n/a
function TransferOperation() {
(0, _classCallCheck3["default"])(this, TransferOperation);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}n/a
function render() {
var _props = this.props,
moveToLeft = _props.moveToLeft,
moveToRight = _props.moveToRight,
leftArrowText = _props.leftArrowText,
rightArrowText = _props.rightArrowText,
leftActive = _props.leftActive,
rightActive = _props.rightActive,
className = _props.className;
var moveToLeftButton = _react2["default"].createElement(
_button2["default"],
{ type: 'primary', size: 'small', disabled: !leftActive, onClick: moveToLeft },
_react2["default"].createElement(
'span',
null,
_react2["default"].createElement(_icon2["default"], { type: 'left' }),
leftArrowText
)
);
var moveToRightButton = _react2["default"].createElement(
_button2["default"],
{ type: 'primary', size: 'small', disabled: !rightActive, onClick: moveToRight },
_react2["default"].createElement(
'span',
null,
rightArrowText,
_react2["default"].createElement(_icon2["default"], { type: 'right' })
)
);
return _react2["default"].createElement(
'div',
{ className: className },
moveToLeftButton,
moveToRightButton
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function Search() {
(0, _classCallCheck3["default"])(this, Search);
var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
_this.handleChange = function (e) {
var onChange = _this.props.onChange;
if (onChange) {
onChange(e);
}
};
_this.handleClear = function (e) {
e.preventDefault();
var handleClear = _this.props.handleClear;
if (handleClear) {
handleClear(e);
}
};
return _this;
}n/a
function render() {
var _props = this.props,
placeholder = _props.placeholder,
value = _props.value,
prefixCls = _props.prefixCls;
var icon = value && value.length > 0 ? _react2["default"].createElement(
'a',
{ href: '#', className: prefixCls + '-action', onClick: this.handleClear },
_react2["default"].createElement(_icon2["default"], { type: 'cross-circle' })
) : _react2["default"].createElement(
'span',
{ className: prefixCls + '-action' },
_react2["default"].createElement(_icon2["default"], { type: 'search' })
);
return _react2["default"].createElement(
'div',
null,
_react2["default"].createElement(_input2["default"], { placeholder: placeholder, className: prefixCls, value: value, ref
: 'input', onChange: this.handleChange }),
icon
);
}...
_ActionButton2["default"],
{ type: 'primary', actionFn: props.onOk, closeModal: close, autoFocus: true },
props.okText
)
);
}
var classString = (0, _classnames2["default"])(prefixCls, (0, _defineProperty3["default"])({}, prefixCls +
x27;-' + props.type, true), props.className);
_reactDom2["default"].render(_react2["default"].createElement(
_Modal2["default"],
{ className: classString, onCancel: close.bind(this, { triggerCancel: true }), visible: true, title: '', transitionName
: 'zoom', footer: '', maskTransitionName: 'fade', maskClosable: maskClosable, style: style, width:
width },
_react2["default"].createElement(
'div',
{ className: prefixCls + '-body-wrapper' },
body,
' ',
...function throttleByAnimationFrame(fn) {
var requestId = void 0;
var later = function later(args) {
return function () {
requestId = null;
fn.apply(undefined, (0, _toConsumableArray3["default"])(args));
};
};
var throttled = function throttled() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (requestId == null) {
requestId = reqAnimFrame(later(args));
}
};
throttled.cancel = function () {
return (0, _getRequestAnimationFrame.cancelRequestAnimationFrame)(requestId);
};
return throttled;
}n/a
function throttleByAnimationFrameDecorator() {
return function (target, key, descriptor) {
var fn = descriptor.value;
var definingProperty = false;
return {
configurable: true,
get: function get() {
if (definingProperty || this === target.prototype || this.hasOwnProperty(key)) {
return fn;
}
var boundFn = throttleByAnimationFrame(fn.bind(this));
definingProperty = true;
Object.defineProperty(this, key, {
value: boundFn,
configurable: true,
writable: true
});
definingProperty = false;
return boundFn;
}
};
};
}n/a
function flatArray() {
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var childrenName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
var result = [];
var loop = function loop(array) {
array.forEach(function (item) {
var newItem = (0, _objectAssign2["default"])({}, item);
delete newItem[childrenName];
result.push(newItem);
if (item[childrenName] && item[childrenName].length > 0) {
loop(item[childrenName]);
}
});
};
loop(data);
return result;
}n/a
function flatFilter(tree, callback) {
return tree.reduce(function (acc, node) {
if (callback(node)) {
acc.push(node);
}
if (node.children) {
var children = flatFilter(node.children, callback);
acc.push.apply(acc, (0, _toConsumableArray3["default"])(children));
}
return acc;
}, []);
}n/a
function normalizeColumns(elements) {
var columns = [];
_react2["default"].Children.forEach(elements, function (element) {
if (!_react2["default"].isValidElement(element)) {
return;
}
var column = (0, _objectAssign2["default"])({}, element.props);
if (element.key) {
column.key = element.key;
}
if (element.type === _ColumnGroup2["default"]) {
column.children = normalizeColumns(column.children);
}
columns.push(column);
});
return columns;
}n/a
function treeMap(tree, mapper) {
var childrenName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
return tree.map(function (node, index) {
var extra = {};
if (node[childrenName]) {
extra[childrenName] = treeMap(node[childrenName], mapper, childrenName);
}
return (0, _objectAssign2["default"])({}, mapper(node, index), extra);
});
}n/a
function T() {
return true;
}n/a
function fileToObject(file) {
return {
lastModified: file.lastModified,
lastModifiedDate: file.lastModifiedDate,
name: file.filename || file.name,
size: file.size,
type: file.type,
uid: file.uid,
response: file.response,
error: file.error,
percent: 0,
originFileObj: file,
status: null
};
}n/a
function genPercentAdd() {
var k = 0.1;
var i = 0.01;
var end = 0.98;
return function (s) {
var start = s;
if (start >= end) {
return start;
}
start += k;
k = k - i;
if (k < 0.001) {
k = 0.001;
}
return start * 100;
};
}n/a
function getFileItem(file, fileList) {
var matchKey = file.uid ? 'uid' : 'name';
return fileList.filter(function (item) {
return item[matchKey] === file[matchKey];
})[0];
}n/a
function removeFileItem(file, fileList) {
var matchKey = file.uid ? 'uid' : 'name';
var removed = fileList.filter(function (item) {
return item[matchKey] !== file[matchKey];
});
if (removed.length === fileList.length) {
return null;
}
return removed;
}n/a