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
);
}
value: 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 = _extends({}, restProps);
if (radioGroup) {
radioProps.name = radioGroup.name;
radioProps.onChange = radioGroup.onChange;
radioProps.checked = props.value === radioGroup.value;
radioProps.disabled = props.disabled || radioGroup.disabled;
}
var wrapperClassString = classNames(className, (_classNames = {}, _defineProperty(_classNames, prefixCls + '-wrapper', true), _defineProperty(_classNames, prefixCls + '-wrapper-checked', radioProps.checked), _defineProperty(_classNames, prefixCls + '-wrapper-disabled', radioProps.disabled), _classNames));
return React.createElement(
'label',
{ className: wrapperClassString, style: style, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave },
React.createElement(RcCheckbox, _extends({}, radioProps, { prefixCls: prefixCls, ref: this.saveCheckbox })),
children !== undefined ? React.createElement(
'span',
null,
children
) : null
);
}
value: function render() {
var _className;
var props = this.props;
var componentClass = props.prefixCls + '-notice';
var className = (_className = {}, _defineProperty(_className, '' + componentClass, 1), _defineProperty(_className, componentClass + '-closable', props.closable), _defineProperty(_className, props.className, !!props.className), _className);
return React.createElement(
'div',
{
className: classNames(className),
style: props.style,
onMouseEnter: this.clearCloseTimer,
onMouseLeave: this.startCloseTimer,
onClick: props.onClick
},
React.createElement(
'div',
{ className: componentClass + '-content' },
props.children
),
props.closable ? React.createElement(
'a',
{ tabIndex: '0', onClick: this.close, className: componentClass + '-close' },
props.closeIcon || React.createElement('span', { className: componentClass + '-close-x' })
) : null
);
}
value: function render() {
var _classnames;
var _props = this.props,
id = _props.id,
className = _props.className,
destroyInactiveTabPane = _props.destroyInactiveTabPane,
active = _props.active,
forceRender = _props.forceRender,
rootPrefixCls = _props.rootPrefixCls,
style = _props.style,
children = _props.children,
placeholder = _props.placeholder,
restProps = _objectWithoutProperties(_props, ['id', 'className', 'destroyInactiveTabPane', 'active', 'forceRender', 'rootPrefixCls', 'style', 'children', 'placeholder']);
this._isActived = this._isActived || active;
var prefixCls = rootPrefixCls + '-tabpane';
var cls = classnames((_classnames = {}, _defineProperty(_classnames, prefixCls, 1), _defineProperty(_classnames, prefixCls + '-inactive', !active), _defineProperty(_classnames, prefixCls + '-active', active), _defineProperty(_classnames, className, className), _classnames));
var isRender = destroyInactiveTabPane ? active : this._isActived;
var shouldRender = isRender || forceRender;
return React.createElement(
SentinelConsumer,
null,
function (_ref) {
var sentinelStart = _ref.sentinelStart,
sentinelEnd = _ref.sentinelEnd,
setPanelSentinelStart = _ref.setPanelSentinelStart,
setPanelSentinelEnd = _ref.setPanelSentinelEnd;
// Create sentinel
var panelSentinelStart = void 0;
var panelSentinelEnd = void 0;
if (active && shouldRender) {
panelSentinelStart = React.createElement(Sentinel, {
setRef: setPanelSentinelStart,
prevElement: sentinelStart
});
panelSentinelEnd = React.createElement(Sentinel, {
setRef: setPanelSentinelEnd,
nextElement: sentinelEnd
});
}
return React.createElement(
'div',
_extends({
style: style,
role: 'tabpanel',
'aria-hidden': active ? 'false' : 'true',
className: cls,
id: id
}, getDataAttr(restProps)),
panelSentinelStart,
shouldRender ? children : placeholder,
panelSentinelEnd
);
}
);
}
value: 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"]);
warning(!multiple && !tags && !combobox, '`Select[multiple|tags|combobox]` is deprecated, please use `Select[mode]` instead.');
var cls = classNames((_classNames = {}, _defineProperty(_classNames, prefixCls + '-lg', size === 'large'), _defineProperty(_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 React.createElement(RcSelect, _extends({}, restProps, modeConfig, { prefixCls: prefixCls, className: cls, optionLabelProp: optionLabelProp || 'children', notFoundContent: notFoundContent }));
}
obj[_Symbol$iterator] = function () {
var _ref;
var keys = _Object$keys(this);
var currentIndex = 0;
var obj = this;
return _ref = {}, _defineProperty(_ref, _Symbol$iterator, function () {
return this;
}), _defineProperty(_ref, 'next', function next() {
var item = void 0;
console.info(keys, currentIndex, obj);
if (currentIndex >= keys.length) {
return { done: true, value: undefined };
} else {
item = obj[keys[currentIndex++]];
console.info('next fun call', item);
return { done: false, value: item };
}
}), _defineProperty(_ref, 'return', function _return(v) {
console.info('return fun call', { done: !v, value: v });
return { done: !v, value: v };
}), _ref;
};
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()
);
}
value: function render() {
var _classNames;
var _a = this.props,
className = _a.className,
size = _a.size,
others = __rest(_a, ["className", "size"]);
var inputNumberClass = classNames((_classNames = {}, _defineProperty(_classNames, this.props.prefixCls + '-lg', size === 'large'), _defineProperty(_classNames, this.props.prefixCls + '-sm', size === 'small'), _classNames), className);
return React.createElement(RcInputNumber, _extends({ className: inputNumberClass }, others));
}
value: function render() {
var _classNames,
_classNames2,
_this2 = this;
var _a = this.props,
prefixCls = _a.prefixCls,
shape = _a.shape,
size = _a.size,
src = _a.src,
icon = _a.icon,
className = _a.className,
others = __rest(_a, ["prefixCls", "shape", "size", "src", "icon", "className"]);
var sizeCls = classNames((_classNames = {}, _defineProperty(_classNames, prefixCls + '-lg', size === 'large'), _defineProperty(_classNames, prefixCls + '-sm', size === 'small'), _classNames));
var classString = classNames(prefixCls, className, sizeCls, (_classNames2 = {}, _defineProperty(_classNames2, prefixCls + '-' + shape, shape), _defineProperty(_classNames2, prefixCls + '-image', src), _defineProperty(_classNames2, prefixCls + '-icon', icon), _classNames2));
var children = this.props.children;
if (src && this.state.isImgExist) {
children = React.createElement('img', { src: src, onError: this.handleImgLoadError });
} else if (icon) {
children = React.createElement(Icon, { type: icon });
} else {
var childrenNode = this.avatarChildren;
if (childrenNode || this.state.scale !== 1) {
var childrenStyle = {
msTransform: 'scale(' + this.state.scale + ')',
WebkitTransform: 'scale(' + this.state.scale + ')',
transform: 'scale(' + this.state.scale + ')',
position: 'absolute',
display: 'inline-block',
left: 'calc(50% - ' + Math.round(childrenNode.offsetWidth / 2) + 'px)'
};
children = React.createElement(
'span',
{ className: prefixCls + '-string', ref: function ref(span) {
return _this2.avatarChildren = span;
}, style: childrenStyle },
children
);
} else {
children = React.createElement(
'span',
{ className: prefixCls + '-string', ref: function ref(span) {
return _this2.avatarChildren = span;
} },
children
);
}
}
return React.createElement(
'span',
_extends({}, others, { className: classString }),
children
);
}
return filtered.map(function (path) {
var _ref;
return _ref = {
__IS_FILTERED_OPTION: true,
path: path
}, _defineProperty(_ref, names.label, render(inputValue, path, prefixCls, names)), _defineProperty(_ref, names.value, path.map(function (o) {
return o[names.value];
})), _defineProperty(_ref, 'disabled', path.some(function (o) {
return !!o.disabled;
})), _ref;
});
value: function render() {
var _classNames;
var _props = this.props,
prefixCls = _props.prefixCls,
size = _props.size,
loading = _props.loading,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className;
var classes = classNames(className, (_classNames = {}, _defineProperty(_classNames, prefixCls + '-small', size === 'small'), _defineProperty(_classNames, prefixCls + '-loading', loading), _classNames));
return React.createElement(RcSwitch, _extends({}, omit(this.props, ['loading']), { className: classes, ref: this.saveSwitch }));
}
value: function render() {
var _classNames;
var _props = this.props,
prefixCls = _props.prefixCls,
hideRequiredMark = _props.hideRequiredMark,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className,
layout = _props.layout;
var formClassName = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + '-horizontal', layout === 'horizontal'), _defineProperty(_classNames, prefixCls + '-vertical', layout === 'vertical'), _defineProperty(_classNames, prefixCls + '-inline', layout === 'inline'), _defineProperty(_classNames, prefixCls + '-hide-required-mark', hideRequiredMark), _classNames), className);
var formProps = omit(this.props, ['prefixCls', 'className', 'layout', 'form', 'hideRequiredMark']);
return React.createElement('form', _extends({}, formProps, { className: formClassName }));
}
var Group = 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 = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + '-lg', props.size === 'large'), _defineProperty(_classNames, prefixCls + '-sm', props.size === 'small'), _defineProperty(_classNames, prefixCls + '-compact', props.compact), _classNames), className);
return React.createElement(
'span',
{ className: cls, style: props.style },
props.children
);
};
value: function render() {
var _classNames;
var _a = this.props,
prefixCls = _a.prefixCls,
className = _a.className,
theme = _a.theme,
collapsible = _a.collapsible,
reverseArrow = _a.reverseArrow,
trigger = _a.trigger,
style = _a.style,
width = _a.width,
collapsedWidth = _a.collapsedWidth,
others = __rest(_a, ["prefixCls", "className", "theme", "collapsible", "reverseArrow", "trigger", "style", "width", "collapsedWidth"]);
var divProps = omit(others, ['collapsed', 'defaultCollapsed', 'onCollapse', 'breakpoint']);
var rawWidth = this.state.collapsed ? collapsedWidth : width;
// use "px" as fallback unit for width
var siderWidth = typeof rawWidth === 'number' ? rawWidth + 'px' : String(rawWidth || 0);
// special trigger when collapsedWidth == 0
var zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ? React.createElement(
'span',
{ onClick: this.toggle, className: prefixCls + '-zero-width-trigger' },
React.createElement(Icon, { type: 'bars' })
) : null;
var iconObj = {
'expanded': reverseArrow ? React.createElement(Icon, { type: 'right' }) : React.createElement(Icon, { type: 'left' }),
'collapsed': reverseArrow ? React.createElement(Icon, { type: 'left' }) : React.createElement(Icon, { type: 'right' })
};
var status = this.state.collapsed ? 'collapsed' : 'expanded';
var defaultTrigger = iconObj[status];
var triggerDom = trigger !== null ? zeroWidthTrigger || React.createElement(
'div',
{ className: prefixCls + '-trigger', onClick: this.toggle, style: { width: siderWidth } },
trigger || defaultTrigger
) : null;
var divStyle = _extends({}, style, { flex: '0 0 ' + siderWidth, maxWidth: siderWidth, minWidth: siderWidth, width: siderWidth });
var siderCls = classNames(className, prefixCls, prefixCls + '-' + theme, (_classNames = {}, _defineProperty(_classNames, prefixCls + '-collapsed', !!this.state.collapsed), _defineProperty(_classNames, prefixCls + '-has-trigger', collapsible && trigger !== null && !zeroWidthTrigger), _defineProperty(_classNames, prefixCls + '-below', !!this.state.below), _defineProperty(_classNames, prefixCls + '-zero-width', parseFloat(siderWidth) === 0), _classNames));
return React.createElement(
'div',
_extends({ className: siderCls }, divProps, { style: divStyle }),
React.createElement(
'div',
{ className: prefixCls + '-children' },
this.props.children
),
collapsible || this.state.below && zeroWidthTrigger ? triggerDom : null
);
}
value: function _setVisible(shouldShow) {
var _util$triggerElementE,
_this3 = this;
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var action = shouldShow ? 'show' : 'hide';
options = _extends({}, options);
options.animationOptions = util.extend(options.animationOptions || {}, AnimatorFactory.parseAnimationOptionsString(this.getAttribute('animation-options')));
var canceled = false;
util.triggerElementEvent(this, 'pre' + action, (_util$triggerElementE = {}, _defineProperty(_util$triggerElementE, this._selfCamelName, this), _defineProperty(_util$triggerElementE, 'cancel', function cancel() {
return canceled = true;
}), _util$triggerElementE));
if (canceled) {
return _Promise.reject('Canceled in pre' + action + ' event.');
}
return new _Promise(function (resolve) {
_this3._doorLock.waitUnlock(function () {
var unlock = _this3._doorLock.lock();
var animator = _this3._animatorFactory.newAnimator(options);
shouldShow && _this3._toggleStyle(true, options);
_this3._visible = shouldShow;
util.iosPageScrollFix(shouldShow);
contentReady(_this3, function () {
animator[action](_this3, function () {
!shouldShow && _this3._toggleStyle(false, options);
unlock();
util.propagateAction(_this3, '_' + action);
util.triggerElementEvent(_this3, 'post' + action, _defineProperty({}, _this3._selfCamelName, _this3)); // postshow posthide
if (options.callback instanceof Function) {
options.callback(_this3);
}
resolve(_this3);
});
});
});
});
}
_this.renderPicker = function (locale, localeCode) {
var _classNames2;
var props = _this.props;
var prefixCls = props.prefixCls,
inputPrefixCls = props.inputPrefixCls;
var pickerClass = classNames(prefixCls + '-picker', _defineProperty({}, prefixCls + '-picker-' + props.size, !!props.size));
var pickerInputClass = classNames(prefixCls + '-picker-input', inputPrefixCls, (_classNames2 = {}, _defineProperty(_classNames2, inputPrefixCls + '-lg', props.size === 'large'), _defineProperty(_classNames2, inputPrefixCls + '-sm', props.size === 'small'), _defineProperty(_classNames2, inputPrefixCls + '-disabled', props.disabled), _classNames2));
var timeFormat = props.showTime && props.showTime.format || 'HH:mm:ss';
var rcTimePickerProps = _extends({}, generateShowHourMinuteSecond(timeFormat), { format: timeFormat, use12Hours: props.showTime && props.showTime.use12Hours });
var columns = getColumns(rcTimePickerProps);
var timePickerCls = prefixCls + '-time-picker-column-' + columns;
var timePicker = props.showTime ? React.createElement(TimePickerPanel, _extends({}, rcTimePickerProps, props.showTime, { prefixCls: prefixCls + '-time-picker', className: timePickerCls, placeholder: locale.timePickerLocale.placeholder, transitionName: 'slide-up' })) : null;
return React.createElement(Picker, _extends({}, props, { ref: _this.savePicker, pickerClass: pickerClass, pickerInputClass: pickerInputClass, locale: locale, localeCode: localeCode, timePicker: timePicker, onOpenChange: _this.handleOpenChange, onFocus: _this.handleFocus, onBlur: _this.handleBlur }));
};
value: 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 = classNames(prefixCls, _defineProperty({}, 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 React.createElement(
Radio,
{ key: index, disabled: _this2.props.disabled, value: option, onChange: _this2.onRadioChange, checked: _this2.state.value === option },
option
);
} else {
return React.createElement(
Radio,
{ key: index, disabled: option.disabled || _this2.props.disabled, value: option.value, onChange: _this2.onRadioChange, checked: _this2.state.value === option.value },
option.label
);
}
});
}
return React.createElement(
'div',
{ className: classString, style: props.style, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave },
children
);
}
_this.moveTo = function (direction) {
var _this$props = _this.props,
_this$props$targetKey = _this$props.targetKeys,
targetKeys = _this$props$targetKey === undefined ? [] : _this$props$targetKey,
_this$props$dataSourc = _this$props.dataSource,
dataSource = _this$props$dataSourc === undefined ? [] : _this$props$dataSourc,
onChange = _this$props.onChange;
var _this$state = _this.state,
sourceSelectedKeys = _this$state.sourceSelectedKeys,
targetSelectedKeys = _this$state.targetSelectedKeys;
var moveKeys = direction === 'right' ? sourceSelectedKeys : targetSelectedKeys;
// filter the disabled options
var newMoveKeys = moveKeys.filter(function (key) {
return !dataSource.some(function (data) {
return !!(key === data.key && data.disabled);
});
});
// move items to target box
var newTargetKeys = direction === 'right' ? newMoveKeys.concat(targetKeys) : targetKeys.filter(function (targetKey) {
return newMoveKeys.indexOf(targetKey) === -1;
});
// empty checked keys
var oppositeDirection = direction === 'right' ? 'left' : 'right';
_this.setState(_defineProperty({}, _this.getSelectedKeysName(oppositeDirection), []));
_this.handleSelectChange(oppositeDirection, []);
if (onChange) {
onChange(newTargetKeys, direction, newMoveKeys);
}
};
value: 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(React.isValidElement(children) ? children : React.createElement(
'span',
null,
children
));
var childProps = child.props;
var childCls = classNames(childProps.className, _defineProperty({}, openClassName || prefixCls + '-open', true));
return React.createElement(
RcTooltip,
_extends({}, this.props, { getTooltipContainer: getPopupContainer || getTooltipContainer, ref: 'tooltip', builtinPlacements: this.getPlacements(), overlay: overlay || title || '', visible: visible, onVisibleChange: this.onVisibleChange, onPopupAlign: this.onPopupAlign }),
visible ? cloneElement(child, { className: childCls }) : child
);
}
value: 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 = classNames(prefixCls, _defineProperty({}, prefixCls + '-pending', !!pending), className);
// Remove falsy items
var falsylessItems = React.Children.toArray(children).filter(function (item) {
return !!item;
});
var items = React.Children.map(falsylessItems, function (ele, idx) {
return React.cloneElement(ele, {
last: idx === React.Children.count(falsylessItems) - 1
});
});
var pendingItem = !!pending ? React.createElement(
TimelineItem,
{ pending: !!pending, dot: React.createElement(Icon, { type: 'loading' }) },
pendingNode
) : null;
return React.createElement(
'ul',
_extends({}, restProps, { className: classString }),
items,
pendingItem
);
}
value: 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 = classNames((_classNames = {}, _defineProperty(_classNames, prefixCls + '-lg', size === 'large'), _defineProperty(_classNames, prefixCls + '-sm', size === 'small'), _defineProperty(_classNames, className, !!className), _defineProperty(_classNames, prefixCls + '-show-search', true), _defineProperty(_classNames, prefixCls + '-auto-complete', true), _classNames));
var options = void 0;
var childArray = React.Children.toArray(children);
if (childArray.length && isSelectOptionOrSelectOptGroup(childArray[0])) {
options = children;
} else {
options = dataSource ? dataSource.map(function (item) {
if (React.isValidElement(item)) {
return item;
}
switch (typeof item === 'undefined' ? 'undefined' : _typeof(item)) {
case 'string':
return React.createElement(
Option,
{ key: item },
item
);
case 'object':
return React.createElement(
Option,
{ key: item.value },
item.text
);
default:
throw new Error('AutoComplete[dataSource] only supports type `string[] | Object[]`.');
}
}) : [];
}
return React.createElement(
Select,
_extends({}, this.props, { className: cls, mode: 'combobox', optionLabelProp: optionLabelProp, getInputElement: this.getInputElement, notFoundContent: notFoundContent }),
options
);
}
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
);
}
}
value: function getTextAreaClassName() {
var _props = this.props,
prefixCls = _props.prefixCls,
className = _props.className,
disabled = _props.disabled;
return classNames(prefixCls, className, _defineProperty({}, prefixCls + '-disabled', disabled));
}
value: function render() {
var _classNames;
var _props = this.props,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className,
prefixCls = _props.prefixCls,
loading = _props.loading,
placement = _props.placement;
var _state = this.state,
suggestions = _state.suggestions,
focus = _state.focus;
var cls = classNames(className, (_classNames = {}, _defineProperty(_classNames, prefixCls + '-active', focus), _defineProperty(_classNames, prefixCls + '-placement-top', placement === 'top'), _classNames));
var notFoundContent = loading ? React.createElement(Icon, { type: 'loading' }) : this.props.notFoundContent;
return React.createElement(RcMention, _extends({}, this.props, { className: cls, ref: this.mentionRef, onSearchChange: this.onSearchChange, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, suggestions: suggestions, notFoundContent: notFoundContent }));
}
getInkBarNode: function getInkBarNode() {
var _classnames;
var _props = this.props,
prefixCls = _props.prefixCls,
styles = _props.styles,
inkBarAnimated = _props.inkBarAnimated;
var className = prefixCls + '-ink-bar';
var classes = classnames((_classnames = {}, _defineProperty(_classnames, className, true), _defineProperty(_classnames, inkBarAnimated ? className + '-animated' : className + '-no-animated', true), _classnames));
return React.createElement('div', {
style: styles.inkBar,
className: classes,
key: 'inkBar',
ref: this.saveRef('inkBar')
});
}
value: function render() {
var _props = this.props,
prefixCls = _props.prefixCls,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className,
bordered = _props.bordered;
var collapseClassName = classNames(_defineProperty({}, prefixCls + '-borderless', !bordered), className);
return React.createElement(RcCollapse, _extends({}, this.props, { className: collapseClassName }));
}
value: function render() {
var _classNames;
var locale = this.getLocale();
var _a = this.props,
prefixCls = _a.prefixCls,
className = _a.className,
size = _a.size,
_a$notFoundContent = _a.notFoundContent,
notFoundContent = _a$notFoundContent === undefined ? locale.notFoundContent : _a$notFoundContent,
dropdownStyle = _a.dropdownStyle,
restProps = __rest(_a, ["prefixCls", "className", "size", "notFoundContent", "dropdownStyle"]);
var cls = classNames((_classNames = {}, _defineProperty(_classNames, prefixCls + '-lg', size === 'large'), _defineProperty(_classNames, prefixCls + '-sm', size === 'small'), _classNames), className);
var checkable = restProps.treeCheckable;
if (checkable) {
checkable = React.createElement('span', { className: prefixCls + '-tree-checkbox-inner' });
}
return React.createElement(RcTreeSelect, _extends({}, restProps, { prefixCls: prefixCls, className: cls, dropdownStyle: _extends({ maxHeight: '100vh', overflow: 'auto' }, dropdownStyle), treeCheckable: checkable, notFoundContent: notFoundContent }));
}
value: function generateFilteredOptions(prefixCls) {
var _this3 = this,
_ref2;
var _props2 = this.props,
showSearch = _props2.showSearch,
notFoundContent = _props2.notFoundContent,
filedNames = _props2.filedNames;
var names = getFilledFieldNames(filedNames);
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,
_state$flattenOptions = _state.flattenOptions,
flattenOptions = _state$flattenOptions === undefined ? [] : _state$flattenOptions,
inputValue = _state.inputValue;
var filtered = flattenOptions.filter(function (path) {
return filter(_this3.state.inputValue, path, names);
}).sort(function (a, b) {
return sort(a, b, inputValue, names);
});
if (filtered.length > 0) {
return filtered.map(function (path) {
var _ref;
return _ref = {
__IS_FILTERED_OPTION: true,
path: path
}, _defineProperty(_ref, names.label, render(inputValue, path, prefixCls, names)), _defineProperty(_ref, names.value, path.map(function (o) {
return o[names.value];
})), _defineProperty(_ref, 'disabled', path.some(function (o) {
return !!o.disabled;
})), _ref;
});
}
return [(_ref2 = {}, _defineProperty(_ref2, names.label, notFoundContent), _defineProperty(_ref2, names.value, 'ANT_CASCADER_NOT_FOUND'), _defineProperty(_ref2, 'disabled', true), _ref2)];
}
value: function render() {
var _classNames;
var _a = this.props,
className = _a.className,
prefixCls = _a.prefixCls,
inputPrefixCls = _a.inputPrefixCls,
size = _a.size,
enterButton = _a.enterButton,
suffix = _a.suffix,
others = __rest(_a, ["className", "prefixCls", "inputPrefixCls", "size", "enterButton", "suffix"]);
delete others.onSearch;
var buttonOrIcon = enterButton ? React.createElement(
Button,
{ className: prefixCls + '-button', type: 'primary', size: size, onClick: this.onSearch, key: 'enterButton' },
enterButton === true ? React.createElement(Icon, { type: 'search' }) : enterButton
) : React.createElement(Icon, { className: prefixCls + '-icon', type: 'search', key: 'searchIcon' });
var searchSuffix = suffix ? [suffix, buttonOrIcon] : buttonOrIcon;
var inputClassName = classNames(prefixCls, className, (_classNames = {}, _defineProperty(_classNames, prefixCls + '-enter-button', !!enterButton), _defineProperty(_classNames, prefixCls + '-' + size, !!size), _classNames));
return React.createElement(Input, _extends({ onPressEnter: this.onSearch }, others, { size: size, className: inputClassName, prefixCls: inputPrefixCls, suffix: searchSuffix, ref: this.saveInput }));
}
value: function render() {
var _props = this.props,
prefixCls = _props.prefixCls,
href = _props.href,
title = _props.title,
children = _props.children;
var active = this.context.antAnchor.activeLink === href;
var wrapperClassName = classNames(prefixCls + '-link', _defineProperty({}, prefixCls + '-link-active', active));
var titleClassName = classNames(prefixCls + '-link-title', _defineProperty({}, prefixCls + '-link-title-active', active));
return React.createElement(
'div',
{ className: wrapperClassName },
React.createElement(
'a',
{ className: titleClassName, href: href, title: typeof title === 'string' ? title : '', onClick: this.handleClick },
title
),
children
);
}