itemClick itemGroupClick参数传递原始数据对象

Author: bplok20010

src/ListBox.js

@@ -62,7 +62,7 @@ export default class ListBox extends React.Component {
         labelInValue: false,
         tabIndex: 0,
         items: [],
-        emptyLabel: null,
+        emptyLabel: 'Not Found',
         enableDownUpSelect: true,
         onFocus: noop,
         onBlur: noop,
@@ -367,14 +367,17 @@ export default class ListBox extends React.Component {
                     onDeselect={this.onItemDeselect}
                     onMouseEnter={onMouseEnter}
                     onMouseLeave={onMouseLeave}
+                    item={item}
                 >
                     {renderMenuItem ? renderMenuItem(item[labelField], item) : item[labelField]}
                 </ListItem>
             ) : (
                     <ListItemGroup
                         prefixCls={`${itemPrefixCls}-group`}
                         key={item[labelField]}
+                        value={item[valueField]}
                         onClick={this.onItemGroupClick}
+                        item={item}
                         label={renderMenuGroup ? renderMenuGroup(item[labelField], item) : item[labelField]}
                     >
                         {this.renderListItems(item[childrenField] || [], selectedMap)}
@@ -457,6 +460,10 @@ export default class ListBox extends React.Component {
         this._indexValueMap = {};
         this._activeIndex = null;
 
+        if (!items.length && !React.Children.count(children)) {
+            return emptyLabel;
+        }
+
         const childs = items.length ?
             this.renderListItems(items, selectedMap) :
             this.renderListChild(children, selectedMap);

src/ListItem.js

@@ -14,6 +14,7 @@ export default class ListItem extends React.Component {
         onClick: PropTypes.func,
         selected: PropTypes.bool,
         disabled: PropTypes.bool,
+        item: PropTypes.object,
     }
 
     static defaultProps = {
@@ -31,22 +32,22 @@ export default class ListItem extends React.Component {
     }
 
     handleItemClick = (e) => {
-        const { onSelect, onDeselect, onClick, selected, disabled, value, children } = this.props;
+        const { onSelect, onDeselect, onClick, selected, disabled, value, children, item } = this.props;
         if (disabled) return;
 
-        const item = {
+        const newItem = item || {
             value,
             label: children
         };
 
         if (onClick) {
-            onClick(item, e);
+            onClick(newItem, e);
         }
 
         if (!selected) {
-            onSelect && onSelect(item, this.refs.item)
+            onSelect && onSelect(newItem, this.refs.item)
         } else {
-            onDeselect && onDeselect(item, this.refs.item)
+            onDeselect && onDeselect(newItem, this.refs.item)
         }
     }
 

src/ListItemGroup.js

@@ -8,6 +8,8 @@ export default class ItemGroup extends React.Component {
         value: PropTypes.any,
         children: PropTypes.node,
         prefixCls: PropTypes.string,
+        onClick: PropTypes.func,
+        item: PropTypes.object,
     }
 
     static defaultProps = {
@@ -21,11 +23,13 @@ export default class ItemGroup extends React.Component {
         const {
             value,
             label,
-            children
+            children,
+            onClick,
+            item
         } = this.props;
 
         if (onClick) {
-            onClick({
+            onClick(item || {
                 value, label, children
             }, e);
         }