feat: add onItemGroupClick

Author: bplok20010

src/ListBox.js

@@ -38,6 +38,7 @@ export default class ListBox extends React.Component {
         tabIndex: PropTypes.number,
         enableDownUpSelect: PropTypes.bool,
         onItemClick: PropTypes.func,
+        onItemGroupClick: PropTypes.func,
         onChange: PropTypes.func,
         onFocus: PropTypes.func,
         onBlur: PropTypes.func,
@@ -156,11 +157,19 @@ export default class ListBox extends React.Component {
         if (e) {
             scrollIntoView(e.target, this.getListViewBody());
         }
-        //this.getListView().scrollIntoView(e.target);
 
         if (onItemClick) onItemClick(item);
     }
 
+    onItemGroupClick = (item, e) => {
+        const { onItemGroupClick } = this.props;
+        if (e) {
+            scrollIntoView(e.target, this.getListViewBody());
+        }
+
+        if (onItemGroupClick) onItemGroupClick(item);
+    }
+
     transformChangeValue(value) {
         const { labelInValue } = this.props;
         const { itemsMap } = this.state;
@@ -365,6 +374,7 @@ export default class ListBox extends React.Component {
                     <ListItemGroup
                         prefixCls={`${itemPrefixCls}-group`}
                         key={item[labelField]}
+                        onClick={this.onItemGroupClick}
                         label={renderMenuGroup ? renderMenuGroup(item[labelField], item) : item[labelField]}
                     >
                         {this.renderListItems(item[childrenField] || [], selectedMap)}
@@ -374,7 +384,7 @@ export default class ListBox extends React.Component {
     }
 
     renderListChild(children, selectedMap) {
-        const { labelField, valueField, childrenField, prefixCls, disabled } = this.props;
+        const { labelField, valueField, prefixCls, disabled } = this.props;
         const { itemsMap } = this.state;
 
         const itemPrefixCls = `${prefixCls}-item`;

src/ListItemGroup.js

@@ -1,20 +1,45 @@
 import React from 'react';
-//import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 
 export default class ItemGroup extends React.Component {
 
+    static propTypes = {
+        label: PropTypes.node,
+        value: PropTypes.any,
+        children: PropTypes.node,
+        prefixCls: PropTypes.string,
+    }
+
     static defaultProps = {
         prefixCls: 'rw-listbox-item-group',
         label: '',
     };
 
     static isListItemGroup = true;
 
+    handleClick = (e) => {
+        const {
+            value,
+            label,
+            children
+        } = this.props;
+
+        if (onClick) {
+            onClick({
+                value, label, children
+            }, e);
+        }
+    }
+
     render() {
-        const { prefixCls, label, children } = this.props;
+        const { prefixCls, label, children, ...others } = this.props;
         return (
             <div className={prefixCls}>
-                <div className={`${prefixCls}-title`}>{label}</div>
+                <div
+                    {...others}
+                    className={`${prefixCls}-title`}
+                    onClick={this.handleClick}
+                >{label}</div>
                 <div className={`${prefixCls}-list`}>
                     {children}
                 </div>