ListItem.js
2.45 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import * as React from 'react';
import classNames from 'classnames';
import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
import defaultLocale from '../locale/default';
import Checkbox from '../checkbox';
import TransButton from '../_util/transButton';
import LocaleReceiver from '../locale-provider/LocaleReceiver';
var ListItem = function ListItem(props) {
var _classNames;
var renderedText = props.renderedText,
renderedEl = props.renderedEl,
item = props.item,
checked = props.checked,
disabled = props.disabled,
prefixCls = props.prefixCls,
onClick = props.onClick,
onRemove = props.onRemove,
showRemove = props.showRemove;
var className = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-content-item"), true), _defineProperty(_classNames, "".concat(prefixCls, "-content-item-disabled"), disabled || item.disabled), _defineProperty(_classNames, "".concat(prefixCls, "-content-item-checked"), checked), _classNames));
var title;
if (typeof renderedText === 'string' || typeof renderedText === 'number') {
title = String(renderedText);
}
return /*#__PURE__*/React.createElement(LocaleReceiver, {
componentName: "Transfer",
defaultLocale: defaultLocale.Transfer
}, function (transferLocale) {
var liProps = {
className: className,
title: title
};
var labelNode = /*#__PURE__*/React.createElement("span", {
className: "".concat(prefixCls, "-content-item-text")
}, renderedEl); // Show remove
if (showRemove) {
return /*#__PURE__*/React.createElement("li", liProps, labelNode, /*#__PURE__*/React.createElement(TransButton, {
disabled: disabled || item.disabled,
className: "".concat(prefixCls, "-content-item-remove"),
"aria-label": transferLocale.remove,
onClick: function onClick() {
onRemove === null || onRemove === void 0 ? void 0 : onRemove(item);
}
}, /*#__PURE__*/React.createElement(DeleteOutlined, null)));
} // Default click to select
liProps.onClick = disabled || item.disabled ? undefined : function () {
return onClick(item);
};
return /*#__PURE__*/React.createElement("li", liProps, /*#__PURE__*/React.createElement(Checkbox, {
checked: checked,
disabled: disabled || item.disabled
}), labelNode);
});
};
export default /*#__PURE__*/React.memo(ListItem);