_this.getDialogElement = function () {
var props = _this.props;
var closable = props.closable;
var prefixCls = props.prefixCls;
var dest = {};
if (props.width !== undefined) {
dest.width = props.width;
}
if (props.height !== undefined) {
dest.height = props.height;
}
var footer = void 0;
if (props.footer) {
footer = React.createElement("div", { className: prefixCls + '-footer', ref: _this.saveRef('footer') }, props.footer);
}
var header = void 0;
if (props.title) {
header = React.createElement("div", { className: prefixCls + '-header', ref: _this.saveRef('header') }, React.createElement("div", { className: prefixCls + '-title', id: _this.titleId }, props.title));
}
var closer = void 0;
if (closable) {
closer = React.createElement("button", { onClick: _this.close, "aria-label": "Close", className: prefixCls + '-close' }, props.closeIcon || React.createElement("span", { className: prefixCls + '-close-x' }));
}
var style = _extends({}, props.style, dest);
var sentinelStyle = { width: 0, height: 0, overflow: 'hidden' };
var transitionName = _this.getTransitionName();
var dialogElement = React.createElement(LazyRenderBox, { key: "dialog-element", role: "document", ref: _this.saveRef('dialog'), style: style, className: prefixCls + ' ' + (props.className || ''), visible: props.visible }, React.createElement("div", { tabIndex: 0, ref: _this.saveRef('sentinelStart'), style: sentinelStyle }, "sentinelStart"), React.createElement("div", { className: prefixCls + '-content' }, closer, header, React.createElement("div", _extends({ className: prefixCls + '-body', style: props.bodyStyle, ref: _this.saveRef('body') }, props.bodyProps), props.children), footer), React.createElement("div", { tabIndex: 0, ref: _this.saveRef('sentinelEnd'), style: sentinelStyle }, "sentinelEnd"));
return React.createElement(Animate, { key: "dialog", showProp: "visible", onLeave: _this.onAnimateLeave, transitionName: transitionName, component: "", transitionAppear: true }, props.visible || !props.destroyOnClose ? dialogElement : null);
};
DropdownButton.prototype.render = function render() {
var _props = this.props,
bsSize = _props.bsSize,
bsStyle = _props.bsStyle,
title = _props.title,
children = _props.children,
props = _objectWithoutProperties(_props, ['bsSize', 'bsStyle', 'title', 'children']);
var _splitComponentProps = splitComponentProps(props, Dropdown.ControlledComponent),
dropdownProps = _splitComponentProps[0],
toggleProps = _splitComponentProps[1];
return React.createElement(
Dropdown,
_extends({}, dropdownProps, {
bsSize: bsSize,
bsStyle: bsStyle
}),
React.createElement(
Dropdown.Toggle,
_extends({}, toggleProps, {
bsSize: bsSize,
bsStyle: bsStyle
}),
title
),
React.createElement(
Dropdown.Menu,
null,
children
)
);
};
Table.prototype.render = function render() {
var _extends2;
var _props = this.props,
striped = _props.striped,
bordered = _props.bordered,
condensed = _props.condensed,
hover = _props.hover,
responsive = _props.responsive,
className = _props.className,
props = _objectWithoutProperties(_props, ['striped', 'bordered', 'condensed', 'hover', 'responsive', 'className']);
var _splitBsProps = splitBsProps(props),
bsProps = _splitBsProps[0],
elementProps = _splitBsProps[1];
var classes = _extends({}, getClassSet(bsProps), (_extends2 = {}, _extends2[prefix(bsProps, 'striped')] = striped, _extends2[prefix(bsProps, 'bordered')] = bordered, _extends2[prefix(bsProps, 'condensed')] = condensed, _extends2[prefix(bsProps, 'hover')] = hover, _extends2));
var table = React.createElement('table', _extends({}, elementProps, {
className: classNames(className, classes)
}));
if (responsive) {
return React.createElement(
'div',
{ className: prefix(bsProps, 'responsive') },
table
);
}
return table;
};
/**
* A set of steps.
*/
function StepGroup(props) {
var children = props.children,
className = props.className,
fluid = props.fluid,
items = props.items,
ordered = props.ordered,
size = props.size,
stackable = props.stackable,
vertical = props.vertical;
var classes = cx('ui', size, useKeyOnly(fluid, 'fluid'), useKeyOnly(ordered, 'ordered'), useKeyOnly(vertical, 'vertical'), useValueAndKey(stackable, 'stackable'), 'steps', className);
var rest = getUnhandledProps(StepGroup, props);
var ElementType = getElementType(StepGroup, props);
if (!_isNil(children)) {
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
children
);
}
var content = _map(items, function (item) {
var key = item.key || [item.title, item.description].join('-');
return React.createElement(Step, _extends({ key: key }, item));
});
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
content
);
}
FormGroup.prototype.render = function render() {
var _props2 = this.props,
validationState = _props2.validationState,
className = _props2.className,
children = _props2.children,
props = _objectWithoutProperties(_props2, ['validationState', 'className', 'children']);
var _splitBsPropsAndOmit = splitBsPropsAndOmit(props, ['controlId']),
bsProps = _splitBsPropsAndOmit[0],
elementProps = _splitBsPropsAndOmit[1];
var classes = _extends({}, getClassSet(bsProps), {
'has-feedback': this.hasFeedback(children)
});
if (validationState) {
classes['has-' + validationState] = true;
}
return React.createElement(
'div',
_extends({}, elementProps, {
className: classNames(className, classes)
}),
children
);
};
/**
* An image is a graphic representation of something.
* @see Icon
*/
function Image(props) {
var avatar = props.avatar,
bordered = props.bordered,
centered = props.centered,
children = props.children,
circular = props.circular,
className = props.className,
content = props.content,
dimmer = props.dimmer,
disabled = props.disabled,
floated = props.floated,
fluid = props.fluid,
hidden = props.hidden,
href = props.href,
inline = props.inline,
label = props.label,
rounded = props.rounded,
size = props.size,
spaced = props.spaced,
verticalAlign = props.verticalAlign,
wrapped = props.wrapped,
ui = props.ui;
var classes = cx(useKeyOnly(ui, 'ui'), size, useKeyOnly(avatar, 'avatar'), useKeyOnly(bordered, 'bordered'), useKeyOnly(circular, 'circular'), useKeyOnly(centered, 'centered'), useKeyOnly(disabled, 'disabled'), useKeyOnly(fluid, 'fluid'), useKeyOnly(hidden, 'hidden'), useKeyOnly(inline, 'inline'), useKeyOnly(rounded, 'rounded'), useKeyOrValueAndKey(spaced, 'spaced'), useValueAndKey(floated, 'floated'), useVerticalAlignProp(verticalAlign, 'aligned'), 'image', className);
var rest = getUnhandledProps(Image, props);
var _partitionHTMLProps = partitionHTMLProps(rest, { htmlProps: imageProps }),
_partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 2),
imgTagProps = _partitionHTMLProps2[0],
rootProps = _partitionHTMLProps2[1];
var ElementType = getElementType(Image, props, function () {
if (!_isNil(dimmer) || !_isNil(label) || !_isNil(wrapped) || !childrenUtils.isNil(children)) return 'div';
});
if (!childrenUtils.isNil(children)) {
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
children
);
}
if (!childrenUtils.isNil(content)) {
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
content
);
}
if (ElementType === 'img') return React.createElement(ElementType, _extends({}, rootProps, imgTagProps, { className: classes }));
return React.createElement(
ElementType,
_extends({}, rootProps, { className: classes, href: href }),
Dimmer.create(dimmer),
Label.create(label),
React.createElement('img', imgTagProps)
);
}
arr.forEach(function (r) {
var rule = r;
if (typeof rule.transform === 'function') {
if (source === source_) {
source = _extends({}, source);
}
value = source[z] = rule.transform(value);
}
if (typeof rule === 'function') {
rule = {
validator: rule
};
} else {
rule = _extends({}, rule);
}
rule.validator = _this.getValidationMethod(rule);
rule.field = z;
rule.fullField = rule.fullField || z;
rule.type = _this.getType(rule);
if (!rule.validator) {
return;
}
series[z] = series[z] || [];
series[z].push({
rule: rule,
value: value,
source: source,
field: z
});
});
/**
* A list item can contain a content.
*/
function ListContent(props) {
var children = props.children,
className = props.className,
content = props.content,
description = props.description,
floated = props.floated,
header = props.header,
verticalAlign = props.verticalAlign;
var classes = cx(useValueAndKey(floated, 'floated'), useVerticalAlignProp(verticalAlign), 'content', className);
var rest = getUnhandledProps(ListContent, props);
var ElementType = getElementType(ListContent, props);
if (!childrenUtils.isNil(children)) return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
children
);
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
ListHeader.create(header),
ListDescription.create(description),
content
);
}
Menu.prototype.render = function render() {
var _this2 = this;
var props = _objectWithoutProperties(this.props, []);
props.className += ' ' + props.prefixCls + '-root';
props = _extends({}, props, {
onClick: this.onClick,
onOpenChange: this.onOpenChange,
onDeselect: this.onDeselect,
onSelect: this.onSelect,
openTransitionName: this.getOpenTransitionName(),
parentMenu: this
});
return React.createElement(
Provider,
{ store: this.store },
React.createElement(
SubPopupMenu,
_extends({}, props, { ref: function ref(c) {
return _this2.innerMenu = c;
} }),
this.props.children
)
);
};
render() {
const _props = this.props,
{
disableBackdropTransition,
disableDiscovery,
disableSwipeToOpen,
ModalProps: { BackdropProps } = {},
onOpen,
open,
PaperProps,
swipeAreaWidth,
variant
} = _props,
ModalPropsProp = _objectWithoutProperties(_props.ModalProps, ['BackdropProps']),
other = _objectWithoutProperties(_props, ['disableBackdropTransition', 'disableDiscovery', 'disableSwipeToOpen', 'ModalProps', 'onOpen', 'open', 'PaperProps', 'swipeAreaWidth', 'variant']);
const { maybeSwiping } = this.state;
return React.createElement(Drawer, _extends({
open: variant === 'temporary' && maybeSwiping ? true : open,
variant: variant,
ModalProps: _extends({
BackdropProps: _extends({}, BackdropProps, {
ref: this.handleBackdropRef
})
}, ModalPropsProp),
PaperProps: _extends({}, PaperProps, {
ref: this.handlePaperRef
})
}, other));
}
/**
* A feed can contain a summary.
*/
function FeedSummary(props) {
var children = props.children,
className = props.className,
content = props.content,
date = props.date,
user = props.user;
var classes = cx('summary', className);
var rest = getUnhandledProps(FeedSummary, props);
var ElementType = getElementType(FeedSummary, props);
if (!childrenUtils.isNil(children)) {
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
children
);
}
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
createShorthand(FeedUser, function (val) {
return { content: val };
}, user),
content,
createShorthand(FeedDate, function (val) {
return { content: val };
}, date)
);
}
value: function render() {
var _classnames;
var props = this.props;
var prefixCls = props.prefixCls,
children = props.children,
activeKey = props.activeKey,
className = props.className,
tabBarPosition = props.tabBarPosition,
animated = props.animated,
animatedWithMargin = props.animatedWithMargin;
var style = props.style;
var classes = classnames((_classnames = {}, _defineProperty(_classnames, prefixCls + '-content', true), _defineProperty(_classnames, animated ? prefixCls + '-content-animated' : prefixCls + '-content-no-animated', true), _classnames), className);
if (animated) {
var activeIndex = getActiveIndex(children, activeKey);
if (activeIndex !== -1) {
var animatedStyle = animatedWithMargin ? getMarginStyle(activeIndex, tabBarPosition) : getTransformPropValue(getTransformByIndex(activeIndex, tabBarPosition));
style = _extends({}, style, animatedStyle);
} else {
style = _extends({}, style, {
display: 'none'
});
}
}
return React.createElement(
'div',
{
className: classes,
style: style
},
this.getTabPanes()
);
}
Badge.prototype.render = function render() {
var _props = this.props,
pullRight = _props.pullRight,
className = _props.className,
children = _props.children,
props = _objectWithoutProperties(_props, ['pullRight', 'className', 'children']);
var _splitBsProps = splitBsProps(props),
bsProps = _splitBsProps[0],
elementProps = _splitBsProps[1];
var classes = _extends({}, getClassSet(bsProps), {
'pull-right': pullRight,
// Hack for collapsing on IE8.
hidden: !this.hasContent(children)
});
return React.createElement(
'span',
_extends({}, elementProps, {
className: classNames(className, classes)
}),
children
);
};
Alert.prototype.render = function render() {
var _extends2;
var _props = this.props,
onDismiss = _props.onDismiss,
closeLabel = _props.closeLabel,
className = _props.className,
children = _props.children,
props = _objectWithoutProperties(_props, ['onDismiss', 'closeLabel', 'className', 'children']);
var _splitBsProps = splitBsProps(props),
bsProps = _splitBsProps[0],
elementProps = _splitBsProps[1];
var dismissable = !!onDismiss;
var classes = _extends({}, getClassSet(bsProps), (_extends2 = {}, _extends2[prefix(bsProps, 'dismissable')] = dismissable, _extends2));
return React.createElement(
'div',
_extends({}, elementProps, {
role: 'alert',
className: classNames(className, classes)
}),
dismissable && React.createElement(CloseButton, {
onClick: onDismiss,
label: closeLabel
}),
children
);
};
/**
* An item can contain content.
*/
function ItemContent(props) {
var children = props.children,
className = props.className,
content = props.content,
description = props.description,
extra = props.extra,
header = props.header,
meta = props.meta,
verticalAlign = props.verticalAlign;
var classes = cx(useVerticalAlignProp(verticalAlign), 'content', className);
var rest = getUnhandledProps(ItemContent, props);
var ElementType = getElementType(ItemContent, props);
if (!childrenUtils.isNil(children)) {
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
children
);
}
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
ItemHeader.create(header),
ItemMeta.create(meta),
ItemDescription.create(description),
ItemExtra.create(extra),
content
);
}
function TableHeaderRow(_ref) {
var row = _ref.row,
index = _ref.index,
height = _ref.height,
components = _ref.components,
onHeaderRow = _ref.onHeaderRow;
var HeaderRow = components.header.row;
var HeaderCell = components.header.cell;
var rowProps = onHeaderRow(row.map(function (cell) {
return cell.column;
}), index);
var customStyle = rowProps ? rowProps.style : {};
var style = _extends({ height: height }, customStyle);
return React.createElement(
HeaderRow,
_extends({}, rowProps, { style: style }),
row.map(function (cell, i) {
var column = cell.column,
cellProps = _objectWithoutProperties(cell, ['column']);
var customProps = column.onHeaderCell ? column.onHeaderCell(column) : {};
if (column.align) {
customProps.style = _extends({}, customProps.style, { textAlign: column.align });
}
return React.createElement(HeaderCell, _extends({}, cellProps, customProps, { key: column.key || column.dataIndex || i }));
})
);
}
function (saveRef) {
return React.createElement(
TabBarRootNode,
_extends({ saveRef: saveRef }, _this2.props),
React.createElement(TabBarTabsNode, _extends({ saveRef: saveRef }, _this2.props))
);
}
value: function render() {
var _this2 = this;
var _props = this.props,
actions = _props.actions,
children = _props.children,
className = _props.className,
content = _props.content;
var classes = cx('actions', className);
var rest = getUnhandledProps(ModalActions, this.props);
var ElementType = getElementType(ModalActions, this.props);
if (!childrenUtils.isNil(children)) return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
children
);
if (!childrenUtils.isNil(content)) return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
content
);
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
_map(actions, function (action) {
return Button.create(action, { overrideProps: _this2.handleButtonOverrides });
})
);
}
value: 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 = React.createElement(
'a',
_extends({ className: prefixCls + '-link' }, restProps),
children
);
} else {
link = React.createElement(
'span',
_extends({ className: prefixCls + '-link' }, restProps),
children
);
}
if (children) {
return React.createElement(
'span',
null,
link,
React.createElement(
'span',
{ className: prefixCls + '-separator' },
separator
)
);
}
return null;
}
render: function render() {
var _props3 = this.props,
tabBarPosition = _props3.tabBarPosition,
hammerOptions = _props3.hammerOptions,
animated = _props3.animated;
var events = {
onSwipe: this.onSwipe,
onPanStart: this.onPanStart
};
if (animated !== false) {
events = _extends({}, events, {
onPan: this.onPan,
onPanEnd: this.onPanEnd
});
}
return React.createElement(
Hammer,
_extends({}, events, {
direction: isVertical(tabBarPosition) ? 'DIRECTION_ALL' : 'DIRECTION_HORIZONTAL',
options: hammerOptions
}),
React.createElement(TabContent, this.props)
);
}
/**
* An event can contain an image or icon label.
*/
function FeedLabel(props) {
var children = props.children,
className = props.className,
content = props.content,
icon = props.icon,
image = props.image;
var classes = cx('label', className);
var rest = getUnhandledProps(FeedLabel, props);
var ElementType = getElementType(FeedLabel, props);
if (!childrenUtils.isNil(children)) {
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
children
);
}
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
content,
Icon.create(icon),
createHTMLImage(image)
);
}
value: 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 ? React.createElement(Icon, { type: 'cross', onClick: this.close }) : '';
var isPresetColor = this.isPresetColor(color);
var classString = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + '-' + color, isPresetColor), _defineProperty(_classNames, prefixCls + '-has-color', color && !isPresetColor), _defineProperty(_classNames, prefixCls + '-close', this.state.closing), _classNames), className);
// fix https://fb.me/react-unknown-prop
var divProps = omit(otherProps, ['onClose', 'afterClose']);
var tagStyle = _extends({ backgroundColor: color && !isPresetColor ? color : null }, style);
var tag = this.state.closed ? null : React.createElement(
'div',
_extends({ 'data-show': !this.state.closing }, divProps, { className: classString, style: tagStyle }),
React.createElement(
'span',
{ className: prefixCls + '-text' },
children
),
closeIcon
);
return React.createElement(
Animate,
{ component: '', showProp: 'data-show', transitionName: prefixCls + '-zoom', transitionAppear: true, onEnd: this.animationEnd },
tag
);
}
/**
* A card can contain blocks of content or extra content meant to be formatted separately from the main content.
*/
function CardContent(props) {
var children = props.children,
className = props.className,
description = props.description,
extra = props.extra,
header = props.header,
meta = props.meta;
var classes = cx(className, useKeyOnly(extra, 'extra'), 'content');
var rest = getUnhandledProps(CardContent, props);
var ElementType = getElementType(CardContent, props);
if (!_isNil(children)) {
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
children
);
}
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
createShorthand(CardHeader, function (val) {
return { content: val };
}, header),
createShorthand(CardMeta, function (val) {
return { content: val };
}, meta),
createShorthand(CardDescription, function (val) {
return { content: val };
}, description)
);
}
function (saveRef, getRef) {
return React.createElement(
TabBarRootNode,
_extends({ saveRef: saveRef }, _this2.props),
React.createElement(TabBarTabsNode, _extends({ onTabClick: _this2.props.onTabClick, saveRef: saveRef }, _this2.props)),
React.createElement(InkTabBarNode, _extends({ saveRef: saveRef, getRef: getRef }, _this2.props))
);
}
(state, childProps) => {
return React.cloneElement(children, _extends({
style: _extends({
transform: 'scale(0)',
willChange: 'transform'
}, styles[state], style)
}, childProps));
}
Checkbox.prototype.render = function render() {
var _props = this.props,
inline = _props.inline,
disabled = _props.disabled,
validationState = _props.validationState,
inputRef = _props.inputRef,
className = _props.className,
style = _props.style,
title = _props.title,
children = _props.children,
props = _objectWithoutProperties(_props, ['inline', 'disabled', 'validationState', 'inputRef', 'className', 'style', 'title', 'children']);
var _splitBsProps = splitBsProps(props),
bsProps = _splitBsProps[0],
elementProps = _splitBsProps[1];
var input = React.createElement('input', _extends({}, elementProps, {
ref: inputRef,
type: 'checkbox',
disabled: disabled
}));
if (inline) {
var _classes2;
var _classes = (_classes2 = {}, _classes2[prefix(bsProps, 'inline')] = true, _classes2.disabled = disabled, _classes2);
// Use a warning here instead of in propTypes to get better-looking
// generated documentation.
process.env.NODE_ENV !== 'production' ? warning(!validationState, '`validationState` is ignored on `<Checkbox inline>`. To display ' + 'validation state on an inline checkbox, set `validationState` on a ' + 'parent `<FormGroup>` or other element instead.') : void 0;
return React.createElement(
'label',
{ className: classNames(className, _classes), style: style, title: title },
input,
children
);
}
var classes = _extends({}, getClassSet(bsProps), {
disabled: disabled
});
if (validationState) {
classes['has-' + validationState] = true;
}
return React.createElement(
'div',
{ className: classNames(className, classes), style: style },
React.createElement(
'label',
{ title: title },
input,
children
)
);
};
value: function render() {
var _a = this.props,
range = _a.range,
restProps = __rest(_a, ["range"]);
if (range) {
return React.createElement(RcRange, _extends({}, restProps, { ref: this.saveSlider, handle: this.handleWithTooltip }));
}
return React.createElement(RcSlider, _extends({}, restProps, { ref: this.saveSlider, handle: this.handleWithTooltip }));
}
/**
* A header provides a short summary of content
*/
function Header(props) {
var attached = props.attached,
block = props.block,
children = props.children,
className = props.className,
color = props.color,
content = props.content,
disabled = props.disabled,
dividing = props.dividing,
floated = props.floated,
icon = props.icon,
image = props.image,
inverted = props.inverted,
size = props.size,
sub = props.sub,
subheader = props.subheader,
textAlign = props.textAlign;
var classes = cx('ui', color, size, useKeyOnly(block, 'block'), useKeyOnly(disabled, 'disabled'), useKeyOnly(dividing, 'dividing'), useValueAndKey(floated, 'floated'), useKeyOnly(icon === true, 'icon'), useKeyOnly(image === true, 'image'), useKeyOnly(inverted, 'inverted'), useKeyOnly(sub, 'sub'), useKeyOrValueAndKey(attached, 'attached'), useTextAlignProp(textAlign), 'header', className);
var rest = getUnhandledProps(Header, props);
var ElementType = getElementType(Header, props);
if (!childrenUtils.isNil(children)) {
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
children
);
}
var iconElement = Icon.create(icon);
var imageElement = Image.create(image);
var subheaderElement = HeaderSubheader.create(subheader);
if (iconElement || imageElement) {
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
iconElement || imageElement,
(content || subheaderElement) && React.createElement(
HeaderContent,
null,
content,
subheaderElement
)
);
}
return React.createElement(
ElementType,
_extends({}, rest, { className: classes }),
content,
subheaderElement
);
}
value: function render() {
var _classNames,
_this3 = this;
var _a = this.props,
type = _a.type,
shape = _a.shape,
size = _a.size,
className = _a.className,
children = _a.children,
icon = _a.icon,
prefixCls = _a.prefixCls,
ghost = _a.ghost,
_loadingProp = _a.loading,
rest = __rest(_a, ["type", "shape", "size", "className", "children", "icon", "prefixCls", "ghost", "loading"]);var _state = this.state,
loading = _state.loading,
clicked = _state.clicked,
hasTwoCNChar = _state.hasTwoCNChar;
// large => lg
// small => sm
var sizeCls = '';
switch (size) {
case 'large':
sizeCls = 'lg';
break;
case 'small':
sizeCls = 'sm';
default:
break;
}
var classes = classNames(prefixCls, className, (_classNames = {}, _defineProperty(_classNames, prefixCls + '-' + type, type), _defineProperty(_classNames, prefixCls + '-' + shape, shape), _defineProperty(_classNames, prefixCls + '-' + sizeCls, sizeCls), _defineProperty(_classNames, prefixCls + '-icon-only', !children && icon), _defineProperty(_classNames, prefixCls + '-loading', loading), _defineProperty(_classNames, prefixCls + '-clicked', clicked), _defineProperty(_classNames, prefixCls + '-background-ghost', ghost), _defineProperty(_classNames, prefixCls + '-two-chinese-chars', hasTwoCNChar), _classNames));
var iconType = loading ? 'loading' : icon;
var iconNode = iconType ? React.createElement(Icon, { type: iconType }) : null;
var kids = children || children === 0 ? React.Children.map(children, function (child) {
return insertSpace(child, _this3.isNeedInserted());
}) : null;
if ('href' in rest) {
return React.createElement(
'a',
_extends({}, rest, { className: classes, onClick: this.handleClick }),
iconNode,
kids
);
} else {
// React does not recognize the `htmlType` prop on a DOM element. Here we pick it out of `rest`.
var htmlType = rest.htmlType,
otherProps = __rest(rest, ["htmlType"]);
return React.createElement(
'button',
_extends({}, otherProps, { type: htmlType || 'button', className: classes, onClick: this.handleClick }),
iconNode,
kids
);
}
}
row.map(function (cell, i) {
var column = cell.column,
cellProps = _objectWithoutProperties(cell, ['column']);
var customProps = column.onHeaderCell ? column.onHeaderCell(column) : {};
if (column.align) {
customProps.style = _extends({}, customProps.style, { textAlign: column.align });
}
return React.createElement(HeaderCell, _extends({}, cellProps, customProps, { key: column.key || column.dataIndex || i }));
})