uiw 4.14.0 → 4.14.1

package/dist/uiw.css

@@ -4627,6 +4627,10 @@ a.w-list-item:hover:not(.w-disabled) {
   text-overflow: ellipsis;
   word-break: keep-all;
 }
+.w-table-has-children {
+  display: flex;
+  align-items: center;
+}
 .w-table-bordered > table tr > th,
 .w-table-bordered > table tr > td,
 .w-table-bordered > table > caption {
@@ -5050,10 +5054,12 @@ a.w-list-item:hover:not(.w-disabled) {
   align-self: center;
   justify-content: space-between;
 }
-.w-transfer-arrow-left:hover,
-.w-transfer-arrow-right:hover {
-  cursor: pointer;
+.w-transfer-arrow {
+  transition: all 0.3s;
   border-radius: 3px;
-  box-shadow: 0 0 0 1px #6e6e6e, 0 0 0 1px rgba(57, 62, 72, 0), inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.w-transfer-arrow:hover {
+  cursor: pointer;
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
 }
 

package/dist/uiw.js

@@ -190,7 +190,6 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-var __webpack_unused_export__;
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -199,7 +198,7 @@ var __webpack_unused_export__;
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-__webpack_require__(382);var f=__webpack_require__(787),g=60103;__webpack_unused_export__=60107;if("function"===typeof Symbol&&Symbol.for){var h=Symbol.for;g=h("react.element");__webpack_unused_export__=h("react.fragment")}var m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n=Object.prototype.hasOwnProperty,p={key:!0,ref:!0,__self:!0,__source:!0};
+__webpack_require__(382);var f=__webpack_require__(787),g=60103;exports.Fragment=60107;if("function"===typeof Symbol&&Symbol.for){var h=Symbol.for;g=h("react.element");exports.Fragment=h("react.fragment")}var m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n=Object.prototype.hasOwnProperty,p={key:!0,ref:!0,__self:!0,__source:!0};
 function q(c,a,k){var b,d={},e=null,l=null;void 0!==k&&(e=""+k);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(l=a.ref);for(b in a)n.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:g,type:c,key:e,ref:l,props:d,_owner:m.current}}exports.jsx=q;exports.jsxs=q;
 
 
@@ -9097,6 +9096,112 @@ function ExpandableComponent(_ref) {
   });
 }
 
+;// CONCATENATED MODULE: ../react-table/esm/TableTr.js
+
+
+
+
+
+
+
+
+
+function TableTr(props) {
+  var {
+    rowKey,
+    data,
+    keys,
+    render,
+    ellipsis,
+    prefixCls,
+    onCell = noop,
+    isExpandedDom,
+    hierarchy,
+    indentSize,
+    childrenColumnName
+  } = props;
+  var [expandIndex, setExpandIndex] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
+  var IconDom = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    return (key, isOpacity) => {
+      var flag = expandIndex.includes(key);
+      return /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+        type: flag ? 'minus-square-o' : 'plus-square-o',
+        style: {
+          marginRight: 10,
+          opacity: isOpacity ? 1 : 0,
+          marginLeft: hierarchy * indentSize
+        },
+        onClick: () => {
+          setExpandIndex(flag ? expandIndex.filter(it => it !== key) : [...expandIndex, key]);
+        }
+      });
+    };
+  }, [expandIndex]);
+
+  if (!Array.isArray(data) || !data.length) {
+    return null;
+  }
+
+  return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
+    children: data.map((trData, rowNum) => {
+      var key = rowKey ? trData[rowKey] : rowNum;
+      return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
+          children: keys.map((keyName, colNum) => {
+            var objs = {
+              children: trData[keyName]
+            };
+
+            if (render[keyName]) {
+              var child = render[keyName](trData[keyName], keyName, trData, rowNum, colNum);
+
+              if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) {
+                objs.children = child;
+              } else {
+                if (child.props) {
+                  objs = _extends({}, child.props, {
+                    children: objs.children
+                  });
+                  if (child.props.rowSpan === 0 || child.props.colSpan === 0) return null;
+                }
+
+                if (child.children) {
+                  objs.children = child.children;
+                }
+              }
+            }
+
+            if (ellipsis && ellipsis[keyName]) {
+              objs.className = prefixCls + "-ellipsis";
+            }
+
+            var isHasChildren = Array.isArray(trData[childrenColumnName]);
+
+            if (colNum === 0 && (hierarchy || isHasChildren)) {
+              objs.className = objs.className + " " + prefixCls + "-has-children";
+              objs.children = /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+                children: [IconDom(key, isHasChildren), objs.children]
+              });
+            }
+
+            return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)("td", _extends({}, objs, {
+              key: colNum,
+              onClick: evn => onCell(trData, {
+                rowNum,
+                colNum,
+                keyName
+              }, evn)
+            }));
+          })
+        }, key), expandIndex.includes(key) && /*#__PURE__*/(0,jsx_runtime.jsx)(TableTr, _extends({}, props, {
+          data: trData[childrenColumnName],
+          hierarchy: hierarchy + 1
+        })), isExpandedDom(trData, rowNum)]
+      }, rowNum);
+    })
+  });
+}
+
 ;// CONCATENATED MODULE: ../react-table/esm/index.js
 
 
@@ -9107,8 +9212,8 @@ var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "ti
 
 
 
- // 展开配置
 
+ // 展开配置
 
 
 
@@ -9184,60 +9289,66 @@ function Table(props) {
       });
     };
   }, [expandable, expandIndex]);
-  var keys = getAllColumnsKeys(columns);
-  var selfColumns = [];
-
-  if (expandable != null && expandable.expandedRowRender) {
-    keys = ['uiw-expanded', ...keys];
-    selfColumns = [{
-      title: '',
-      key: 'uiw-expanded',
-      width: 50,
-      align: 'center',
-      render: (text, key, record, index) => {
-        var _expandable$defaultEx;
-
-        return /*#__PURE__*/(0,jsx_runtime.jsx)(ExpandableComponent, {
-          defaultExpand: expandable.defaultExpandAllRows === undefined ? !!((_expandable$defaultEx = expandable.defaultExpandedRowKeys) != null && _expandable$defaultEx.includes(rowKey ? record[rowKey] : index)) : !!expandable.defaultExpandAllRows,
-          onClick: expand => {
-            expandable.onExpand == null ? void 0 : expandable.onExpand(expand, record, index);
-
-            if (expand) {
-              var result = expandIndex.filter(it => rowKey ? it !== record[rowKey] : it !== index);
-              expandable.onExpandedRowsChange ? expandable.onExpandedRowsChange(result) : setExpandIndex(result);
-            } else {
-              var _result = [...expandIndex, rowKey ? record[rowKey] : index];
-              expandable.onExpandedRowsChange ? expandable.onExpandedRowsChange(_result) : setExpandIndex(_result);
-            }
-          },
-          expandIcon: expand => {
-            if (expandable.rowExpandable && !(expandable.rowExpandable != null && expandable.rowExpandable(record))) {
-              return null;
-            }
-
-            if (expandable.expandIcon) {
-              return expandable.expandIcon(expand, record, index);
+  var self = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    var keys = getAllColumnsKeys(columns);
+    var selfColumns = [];
+
+    if (expandable != null && expandable.expandedRowRender) {
+      keys = ['uiw-expanded', ...keys];
+      selfColumns = [{
+        title: '',
+        key: 'uiw-expanded',
+        width: 50,
+        align: 'center',
+        render: (text, key, record, index) => {
+          var _expandable$defaultEx;
+
+          return /*#__PURE__*/(0,jsx_runtime.jsx)(ExpandableComponent, {
+            defaultExpand: expandable.defaultExpandAllRows === undefined ? !!((_expandable$defaultEx = expandable.defaultExpandedRowKeys) != null && _expandable$defaultEx.includes(rowKey ? record[rowKey] : index)) : !!expandable.defaultExpandAllRows,
+            onClick: expand => {
+              expandable.onExpand == null ? void 0 : expandable.onExpand(expand, record, index);
+
+              if (expand) {
+                var result = expandIndex.filter(it => rowKey ? it !== record[rowKey] : it !== index);
+                expandable.onExpandedRowsChange ? expandable.onExpandedRowsChange(result) : setExpandIndex(result);
+              } else {
+                var _result = [...expandIndex, rowKey ? record[rowKey] : index];
+                expandable.onExpandedRowsChange ? expandable.onExpandedRowsChange(_result) : setExpandIndex(_result);
+              }
+            },
+            expandIcon: expand => {
+              if (expandable.rowExpandable && !(expandable.rowExpandable != null && expandable.rowExpandable(record))) {
+                return null;
+              }
+
+              if (expandable.expandIcon) {
+                return expandable.expandIcon(expand, record, index);
+              }
+
+              return expand ? /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+                type: "minus-square-o"
+              }) : /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+                type: "plus-square-o"
+              });
             }
+          });
+        }
+      }, ...columns];
+    } else {
+      selfColumns = [...columns];
+    }
 
-            return expand ? /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
-              type: "minus-square-o"
-            }) : /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
-              type: "plus-square-o"
-            });
-          }
-        });
-      }
-    }, ...columns];
-  } else {
-    selfColumns = [...columns];
-  }
-
+    return {
+      keys,
+      selfColumns
+    };
+  }, [columns, expandIndex]);
   var cls = [prefixCls, className, bordered ? prefixCls + "-bordered" : null].filter(Boolean).join(' ').trim();
   var {
     header,
     render,
     ellipsis
-  } = getLevelItems(selfColumns);
+  } = getLevelItems(self.selfColumns);
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
       style: {
@@ -9255,48 +9366,18 @@ function Table(props) {
           onCellHead: onCellHead,
           data: header
         }), data && data.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
-          children: data.map((trData, rowNum) => {
-            return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
-              children: [/*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
-                children: keys.map((keyName, colNum) => {
-                  var objs = {
-                    children: trData[keyName]
-                  };
-
-                  if (render[keyName]) {
-                    var child = render[keyName](trData[keyName], keyName, trData, rowNum, colNum);
-
-                    if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) {
-                      objs.children = child;
-                    } else {
-                      if (child.props) {
-                        objs = _extends({}, child.props, {
-                          children: objs.children
-                        });
-                        if (child.props.rowSpan === 0 || child.props.colSpan === 0) return null;
-                      }
-
-                      if (child.children) {
-                        objs.children = child.children;
-                      }
-                    }
-                  }
-
-                  if (ellipsis && ellipsis[keyName]) {
-                    objs.className = prefixCls + "-ellipsis";
-                  }
-
-                  return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)("td", _extends({}, objs, {
-                    key: colNum,
-                    onClick: evn => onCell(trData, {
-                      rowNum,
-                      colNum,
-                      keyName
-                    }, evn)
-                  }));
-                })
-              }, rowKey ? trData[rowKey] + '' : rowNum), isExpandedDom(trData, rowNum)]
-            }, rowNum);
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)(TableTr, {
+            rowKey: rowKey,
+            data: data,
+            keys: self.keys,
+            render: render,
+            ellipsis: ellipsis,
+            prefixCls: prefixCls,
+            onCell: onCell,
+            hierarchy: 0,
+            isExpandedDom: isExpandedDom,
+            indentSize: (expandable == null ? void 0 : expandable.indentSize) || 16,
+            childrenColumnName: (expandable == null ? void 0 : expandable.childrenColumnName) || 'children'
           })
         }), data && data.length === 0 && empty && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
           children: /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
@@ -10420,12 +10501,21 @@ function SearchTree(props) {
 
 
 
+var CheckedStatus;
+
+(function (CheckedStatus) {
+  CheckedStatus[CheckedStatus["UnChecked"] = 0] = "UnChecked";
+  CheckedStatus[CheckedStatus["AllChecked"] = 1] = "AllChecked";
+  CheckedStatus[CheckedStatus["Indeterminate"] = 2] = "Indeterminate";
+})(CheckedStatus || (CheckedStatus = {}));
+
 function Transfer(props) {
   var {
     placeholder,
     options,
     value,
     showSearch = false,
+    selectedAll = false,
     bodyStyle,
     style,
     className,
@@ -10435,10 +10525,16 @@ function Transfer(props) {
   var [searchValueLeft, searchValueLeftSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)('');
   var [searchValueRight, searchValueRightSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)('');
   var [selectedOptions, selectedOptionSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(options || []);
+  var selectedOptionsShowCount = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(0);
   var [selectOption, selectOptionSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(new Map());
+  var [leftSelectOption, leftSelectOptionSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(new Map());
   var [leftSelectedKeys, leftSelectedKeySet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
   var [rightSelectedKeys, rightSelectedKeySet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
   var [rightOpions, rightOpionSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
+  var [selectAllChecked, selectAllCheckedSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
+    left: CheckedStatus.UnChecked,
+    right: CheckedStatus.UnChecked
+  });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
     leftSelectedKeySet([]);
     rightSelectedKeySet([]);
@@ -10448,6 +10544,8 @@ function Transfer(props) {
   }, [JSON.stringify(value)]);
 
   var hiddenNode = callBackfn => {
+    selectedOptionsShowCount.current = 0;
+
     var hiddenNodeForSeach = childrens => {
       childrens.forEach(child => {
         var _child$children;
@@ -10461,6 +10559,10 @@ function Transfer(props) {
         } else {
           child.hideNode = isHide;
         }
+
+        if (!child.hideNode) {
+          selectedOptionsShowCount.current++;
+        }
       });
     };
 
@@ -10468,20 +10570,6 @@ function Transfer(props) {
     selectedOptionSet([...selectedOptions]);
   };
 
-  var leftTreeOnSelected = (selectedKeys, _1, isChecked, evn) => {
-    leftSelectedKeySet(selectedKeys);
-    var selectOptionTemp = getOptionsRecursion([evn], selectOption, isChecked);
-    selectOptionSet(selectOptionTemp);
-  };
-
-  var rightTreeOnSelected = (selectedKeys, _1, _2, evn) => {
-    rightSelectedKeySet(selectedKeys);
-    selectedKeys.forEach(key => {
-      selectOption.delete(key);
-    });
-    selectOptionSet(selectOption);
-  };
-
   var getOptionsRecursion = (childrens, selectOption, isAdd) => {
     var addOrDel = (key, label, isAdd) => {
       if (isAdd) {
@@ -10492,7 +10580,6 @@ function Transfer(props) {
     };
 
     var iteratorParent = child => {
-      // 向上迭代
       if (child.parent) {
         var selectCount = child.parent.children.filter(child => !selectOption.get(child.key)).length;
         addOrDel(child.parent.key, child.parent.label, selectCount === 0);
@@ -10513,9 +10600,33 @@ function Transfer(props) {
     return selectOption;
   };
 
+  var leftTreeOnSelected = (selectedKeys, _1, isChecked, evn) => {
+    leftSelectedKeySet(selectedKeys);
+    var selectOptionTemp = getOptionsRecursion([evn], leftSelectOption, isChecked);
+    leftSelectOptionSet(selectOptionTemp);
+  };
+
+  var rightTreeOnSelected = selectedKeys => {
+    rightSelectedKeySet(selectedKeys);
+  };
+
   var transferClick = transferType => {
+    var selectOptionTemp = selectOption;
+
+    if (transferType === 'left') {
+      leftSelectOption.forEach((value, key) => {
+        selectOptionTemp.set(key, value);
+      });
+    } else {
+      rightSelectedKeys.forEach(key => {
+        selectOption.delete(key);
+      });
+    }
+
+    selectOptionSet(selectOptionTemp); // leftSelectOptionSet(selectOptionTemp);
+
     var option = [];
-    selectOption.forEach((label, key) => option.push({
+    selectOptionTemp.forEach((label, key) => option.push({
       key,
       label
     }));
@@ -10543,11 +10654,71 @@ function Transfer(props) {
       var isHide = !option.label.includes(searchValue.trim());
       option.hideNode = isHide;
     });
-    console.log('rightOpions', rightOpions);
     rightOpionSet(rightOpions);
     props.onSearch == null ? void 0 : props.onSearch('right', searchValue);
   };
 
+  var selectAllLeftChange = e => {
+    var isChecked = e.target.checked;
+    selectAllChecked.left = isChecked ? 1 : 0;
+
+    if (isChecked) {
+      var keys = [];
+
+      var selectedOptionsRecursion = selectedOptions => {
+        selectedOptions.forEach(child => {
+          var _child$children3;
+
+          if ((_child$children3 = child.children) != null && _child$children3.length) {
+            selectedOptionsRecursion(child.children);
+          } else {
+            if (!child.hideNode) {
+              selectOption.set(child.key, child.label);
+              keys.push(child.key);
+            }
+          }
+        });
+      };
+
+      selectedOptionsRecursion(selectedOptions);
+      leftSelectedKeySet(keys);
+    } else {
+      leftSelectedKeySet([]);
+    }
+
+    selectOptionSet(selectOption);
+    selectAllCheckedSet(selectAllChecked);
+  };
+
+  var selectAllRightChange = e => {
+    var isChecked = e.target.checked;
+    selectAllChecked.right = isChecked ? 1 : 0;
+
+    if (isChecked) {
+      var keys = rightOpions.map(child => {
+        selectOption.delete(child.key);
+        return child.key;
+      });
+      rightSelectedKeySet(keys);
+    } else {
+      rightSelectedKeySet([]);
+    }
+
+    selectOptionSet(selectOption);
+    selectAllCheckedSet(selectAllChecked);
+  };
+
+  var Arrow = props => /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+    onClick: () => props.click(),
+    type: "down-square-o",
+    className: prefixCls + "-arrow",
+    style: _extends({
+      fontSize: 20,
+      stroke: '#e9e9e9',
+      fill: '#333'
+    }, props.style)
+  });
+
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: cls,
     style: _extends({
@@ -10557,7 +10728,18 @@ function Transfer(props) {
       bodyStyle: {
         padding: 5
       },
-      title: leftSelectedKeys.length + "/" + selectedOptions.length,
+      title: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        children: [selectedAll && /*#__PURE__*/(0,jsx_runtime.jsx)(react_checkbox_esm, {
+          indeterminate: leftSelectedKeys.length < selectedOptionsShowCount.current && !!leftSelectedKeys.length,
+          checked: leftSelectedKeys.length >= selectedOptionsShowCount.current && !!leftSelectedKeys.length,
+          onChange: selectAllLeftChange
+        }), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
+          style: {
+            marginLeft: 10
+          },
+          children: [leftSelectedKeys.length, "/", selectedOptionsShowCount.current]
+        })]
+      }),
       className: prefixCls + "-card",
       children: [showSearch && /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
         placeholder: placeholder,
@@ -10575,21 +10757,15 @@ function Transfer(props) {
       })]
     }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: prefixCls + "-arrow-content",
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
-        onClick: () => transferClick('left'),
-        type: "down-square-o",
-        className: prefixCls + "-arrow-left",
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Arrow, {
+        click: () => transferClick('left'),
         style: {
-          transform: 'rotate(-90deg)',
-          fontSize: 20
+          transform: 'rotate(-90deg)'
         }
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
-        onClick: () => transferClick('right'),
-        type: "down-square-o",
-        className: prefixCls + "-arrow-right",
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)(Arrow, {
+        click: () => transferClick('right'),
         style: {
-          transform: 'rotate(90deg)',
-          fontSize: 20
+          transform: 'rotate(90deg)'
         }
       })]
     }), /*#__PURE__*/(0,jsx_runtime.jsxs)(react_card_esm, {
@@ -10597,7 +10773,18 @@ function Transfer(props) {
         padding: 5
       },
       className: prefixCls + "-card",
-      title: rightSelectedKeys.length + "/" + rightOpions.length,
+      title: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        children: [selectedAll && /*#__PURE__*/(0,jsx_runtime.jsx)(react_checkbox_esm, {
+          indeterminate: rightSelectedKeys.length < rightOpions.length && !!rightSelectedKeys.length,
+          checked: rightSelectedKeys.length === rightOpions.length && !!rightSelectedKeys.length,
+          onChange: selectAllRightChange
+        }), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
+          style: {
+            marginLeft: 10
+          },
+          children: [rightSelectedKeys.length, "/", rightOpions.length]
+        })]
+      }),
       children: [showSearch && /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
         placeholder: placeholder,
         value: searchValueRight,