uiw 4.14.0 → 4.15.0

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;
 
 
@@ -322,6 +321,7 @@ __webpack_require__.d(__webpack_exports__, {
   "ButtonGroup": () => (/* reexport */ react_button_group_esm),
   "Calendar": () => (/* reexport */ Calendar),
   "Card": () => (/* reexport */ react_card_esm),
+  "Carousel": () => (/* reexport */ react_carousel_esm),
   "Checkbox": () => (/* reexport */ react_checkbox_esm),
   "CheckboxGroup": () => (/* reexport */ CheckboxGroup),
   "Col": () => (/* reexport */ Col),
@@ -4022,6 +4022,108 @@ var react_card_esm_excluded = ["prefixCls", "className", "title", "extra", "foot
   }));
 }));
 
+;// CONCATENATED MODULE: ../react-carousel/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const react_carousel_esm_style = ({});
+;// CONCATENATED MODULE: ../react-carousel/esm/index.js
+
+
+
+
+
+function Carousel(props, ref) {
+  var {
+    position = 0,
+    width = 400,
+    height = 200,
+    palyTime = 2000,
+    scrollTime = 200,
+    autoPlay = true,
+    prefixCls = 'w-carousel',
+    className,
+    style
+  } = props;
+  var cls = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => [prefixCls, className].filter(Boolean).join(' ').trim(), [prefixCls, className]);
+  var [currentPosition, currentPositionSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(position);
+  var positionRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(currentPosition);
+  var childCount = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.count(props.children);
+
+  var _stopPlay = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(() => {});
+
+  external_root_React_commonjs2_react_commonjs_react_amd_react_default().useImperativeHandle(ref, () => ({
+    gotoSlide,
+    prevSlide: () => gotoSlide(positionRef.current - 1),
+    nextSlide: () => gotoSlide(positionRef.current + 1),
+    stopPlay: () => _stopPlay.current()
+  }), [ref]);
+
+  var gotoSlide = slidNumber => {
+    _stopPlay.current();
+
+    var maxSlid = childCount - 1;
+    var slidNumberTemp = slidNumber > maxSlid ? maxSlid : slidNumber;
+    slidNumberTemp = slidNumber < 0 ? 0 : slidNumberTemp;
+    positionRef.current = slidNumberTemp;
+    currentPositionSet(slidNumberTemp);
+    play();
+  };
+
+  var play = function play(ms) {
+    if (ms === void 0) {
+      ms = palyTime;
+    }
+
+    if (autoPlay) {
+      var time = setInterval(() => {
+        positionRef.current++;
+
+        if (positionRef.current >= childCount) {
+          positionRef.current = 0;
+        }
+
+        currentPositionSet(positionRef.current);
+      }, ms);
+
+      _stopPlay.current = () => {
+        clearInterval(time);
+      };
+    }
+  };
+
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    play();
+    return () => {
+      _stopPlay.current();
+    };
+  }, [autoPlay]);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    className: cls,
+    style: {
+      width,
+      height
+    },
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: cls + "-content",
+      style: {
+        width: width * childCount,
+        transform: "translate3d(" + -(currentPosition * width) + "px, 0px, 0px)",
+        transition: scrollTime * 0.001 + "s ease-in-out"
+      },
+      children: external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(props.children, child => {
+        return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          style: _extends({
+            width,
+            height
+          }, style),
+          children: child
+        });
+      })
+    })
+  });
+}
+
+/* harmony default export */ const react_carousel_esm = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(Carousel));
+
 ;// CONCATENATED MODULE: ../react-radio/esm/RadioAbstract.js
 
 
@@ -7820,6 +7922,8 @@ var react_search_select_esm_excluded = ["allowClear", "disabled", "size", "maxTa
 
 
 function SearchSelect(props) {
+  var _style$width;
+
   var {
     allowClear = false,
     disabled = false,
@@ -7996,6 +8100,9 @@ function SearchSelect(props) {
     style: {
       marginTop: 5
     },
+    overlayStyl: {
+      width: 100
+    },
     disabled: option && option.length > 0 ? false : true
   }, others, {
     onVisibleChange: onVisibleChange,
@@ -8005,9 +8112,9 @@ function SearchSelect(props) {
       style: {
         minHeight: 25,
         maxHeight: 280,
-        minWidth: 200,
+        minWidth: (_style$width = style == null ? void 0 : style.width) != null ? _style$width : 200,
         overflowY: 'scroll',
-        width: divRef.current ? divRef.current.offsetWidth : 'auto'
+        width: style == null ? void 0 : style.width
       },
       children: !option || option.length === 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         style: {
@@ -8895,9 +9002,9 @@ function TheadComponent(props) {
           thProps.className = (thProps.className || '') + " " + prefixCls + "-ellipsis";
         }
 
-        return /*#__PURE__*/(0,jsx_runtime.jsx)("th", _extends({
-          onClick: evn => onCellHead(item, colNum, rowNum, evn)
-        }, thProps, {
+        return /*#__PURE__*/(0,jsx_runtime.jsx)("th", _extends({}, thProps, {
+          className: prefixCls + "-tr-children-" + ((item == null ? void 0 : item.align) || 'left') + " " + (className || ''),
+          onClick: evn => onCellHead(item, colNum, rowNum, evn),
           children: titleNode
         }), colNum);
       })
@@ -9060,7 +9167,7 @@ function getAllColumnsKeys(data, keys) {
     if (data[i].children) {
       keys = keys.concat(getAllColumnsKeys(data[i].children || []));
     } else if (data[i].key) {
-      keys.push(data[i].key);
+      keys.push(data[i]);
     }
   }
 
@@ -9097,18 +9204,135 @@ 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 [isOpacity, setIsOpacity] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
+  var [expandIndex, setExpandIndex] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    setIsOpacity(!!(data != null && data.find(it => it[childrenColumnName])));
+  }, [data]);
+  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,
+          float: 'left',
+          marginTop: 3.24
+        },
+        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.key]
+            };
+
+            if (render[keyName.key]) {
+              var child = render[keyName.key](trData[keyName.key], keyName.key, 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.key]) {
+              objs.className = prefixCls + "-ellipsis";
+            }
+
+            var isHasChildren = Array.isArray(trData[childrenColumnName]);
+
+            if (colNum === 0 && (isOpacity || hierarchy || isHasChildren)) {
+              objs.children = /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+                children: [IconDom(key, isHasChildren), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+                  style: {
+                    paddingLeft: hierarchy * indentSize
+                  }
+                }), objs.children]
+              });
+            }
+
+            return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)("td", _extends({}, objs, {
+              key: colNum // style={keyName?.style}
+              ,
+              className: (objs.className || '') + " " + prefixCls + "-tr-children-" + (keyName.align || 'left') + "  " + (keyName.className || ''),
+              onClick: evn => onCell(trData, {
+                rowNum,
+                colNum,
+                keyName: keyName.key
+              }, 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
 
 
-var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "title", "footer", "bordered", "onCell", "onCellHead", "empty", "children", "expandable", "rowKey"];
+var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "title", "footer", "bordered", "onCell", "onCellHead", "empty", "children", "expandable", "rowKey", "scroll"];
 
 
 
 
 
 
- // 展开配置
 
+ // 展开配置
 
 
 
@@ -9129,7 +9353,8 @@ function Table(props) {
     onCellHead = noop,
     empty,
     expandable,
-    rowKey
+    rowKey,
+    scroll
   } = props,
       other = _objectWithoutPropertiesLoose(props, react_table_esm_excluded);
 
@@ -9184,119 +9409,118 @@ 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;
+  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 = [{
+        key: 'uiw-expanded',
+        align: 'center'
+      }, ...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];
+    }
 
-            if (expandable.expandIcon) {
-              return expandable.expandIcon(expand, record, index);
-            }
+    return {
+      keys,
+      selfColumns
+    };
+  }, [columns, expandIndex]);
+  var style = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    var style = {
+      table: {},
+      div: {}
+    };
 
-            return expand ? /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
-              type: "minus-square-o"
-            }) : /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
-              type: "plus-square-o"
-            });
-          }
-        });
+    if (scroll) {
+      if (scroll.x !== undefined) {
+        style.table.minWidth = '100%';
+        style.table.width = scroll.x;
+        style.div.overflowX = 'auto';
+        style.div.overflowY = 'hidden';
       }
-    }, ...columns];
-  } else {
-    selfColumns = [...columns];
-  }
 
+      if (scroll.y !== undefined) {
+        style.div.maxHeight = scroll.y;
+        style.div.overflowY = 'scroll';
+      }
+    }
+
+    return style;
+  }, [scroll]);
   var cls = [prefixCls, className, bordered ? prefixCls + "-bordered" : null].filter(Boolean).join(' ').trim();
   var {
     header,
     render,
     ellipsis
-  } = getLevelItems(selfColumns);
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  } = getLevelItems(self.selfColumns);
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
-      style: {
-        overflowY: 'scroll'
-      },
       className: cls
     }, other, {
+      style: _extends({}, other.style, style.div),
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-        style: ellipsis ? {
-          tableLayout: 'fixed'
-        } : {},
+        style: _extends({
+          tableLayout: ellipsis ? 'fixed' : 'auto'
+        }, style.table),
         children: [title && /*#__PURE__*/(0,jsx_runtime.jsx)("caption", {
           children: title
         }), columns && columns.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(TheadComponent, {
           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", {
@@ -9446,7 +9670,7 @@ function Tabs(props) {
     if (activeItem.current && type === 'line') {
       setSlideStyle({
         width: activeItem.current.clientWidth,
-        left: activeItem.current.offsetLeft + 15
+        left: activeItem.current.offsetLeft
       });
     }
   }
@@ -9465,17 +9689,17 @@ function Tabs(props) {
         children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           className: prefixCls + "-bar",
           ref: divContentRef,
-          children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
             className: prefixCls + "-nav",
             style: {
               width: 'max-content'
             },
-            children: renderNav(children)
+            children: [renderNav(children), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+              style: slideStyle,
+              className: prefixCls + "-slide"
+            })]
           })
         })
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        style: slideStyle,
-        className: prefixCls + "-slide"
       }), hiddenNav.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(Popover, {
         trigger: "click",
         placement: "bottomRight",
@@ -9697,6 +9921,9 @@ function TreeNode(props) {
           children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
             className: prefixCls + "-label",
             children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+              style: {
+                display: noChild ? 'none' : 'auto'
+              },
               className: prefixCls + "-switcher",
               onClick: evn => onItemClick(item, evn),
               children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
@@ -9777,7 +10004,10 @@ var getChildKeys = function getChildKeys(childs, result, depth) {
   }
 
   childs.forEach(item => {
-    result.push(item.key);
+    if (!item.hideNode) {
+      result.push(item.key);
+    }
+
     if (typeof depth === 'number' && !(depth - 1)) return;
 
     if (item.children && item.children.length > 0) {
@@ -10420,12 +10650,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,
+    value = [],
     showSearch = false,
+    selectedAll = false,
     bodyStyle,
     style,
     className,
@@ -10435,19 +10674,27 @@ 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([]);
-    rightOpionSet(value || []);
-    value == null ? void 0 : value.forEach(selectd => selectOption.set(selectd.key, selectd.label));
-    hiddenNode(child => !!(value != null && value.find(selectd => child.key === selectd.key)));
+    if (value) {
+      rightOpionSet(value || []);
+      value == null ? void 0 : value.forEach(selectd => selectOption.set(selectd.key, selectd.label));
+      hiddenNode(child => !!(value != null && value.find(selectd => child.key === selectd.key)));
+    }
   }, [JSON.stringify(value)]);
 
   var hiddenNode = callBackfn => {
+    selectedOptionsShowCount.current = 0;
+
     var hiddenNodeForSeach = childrens => {
       childrens.forEach(child => {
         var _child$children;
@@ -10461,6 +10708,10 @@ function Transfer(props) {
         } else {
           child.hideNode = isHide;
         }
+
+        if (!child.hideNode) {
+          selectedOptionsShowCount.current++;
+        }
       });
     };
 
@@ -10468,20 +10719,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,9 +10729,8 @@ function Transfer(props) {
     };
 
     var iteratorParent = child => {
-      // 向上迭代
       if (child.parent) {
-        var selectCount = child.parent.children.filter(child => !selectOption.get(child.key)).length;
+        var selectCount = child.parent.children.filter(child => !selectOption.get(child.key) && !child.hideNode).length;
         addOrDel(child.parent.key, child.parent.label, selectCount === 0);
         iteratorParent(child.parent);
       }
@@ -10513,7 +10749,31 @@ 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 => {
+    if (transferType === 'left') {
+      leftSelectOption.forEach((value, key) => {
+        selectOption.set(key, value);
+      });
+      leftSelectOptionSet(new Map());
+      leftSelectedKeySet([]);
+    } else {
+      rightSelectedKeys.forEach(key => {
+        selectOption.delete(key);
+      });
+      rightSelectedKeySet([]);
+    }
+
+    selectOptionSet(selectOption);
     var option = [];
     selectOption.forEach((label, key) => option.push({
       key,
@@ -10543,11 +10803,68 @@ 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);
+          }
+
+          if (!child.hideNode) {
+            leftSelectOption.set(child.key, child.label);
+            keys.push(child.key);
+          }
+        });
+      };
+
+      selectedOptionsRecursion(selectedOptions);
+      leftSelectOptionSet(leftSelectOption);
+      leftSelectedKeySet(keys);
+    } else {
+      leftSelectedKeySet([]);
+      leftSelectOptionSet(new Map());
+    }
+
+    selectAllCheckedSet(selectAllChecked);
+  };
+
+  var selectAllRightChange = e => {
+    var isChecked = e.target.checked;
+    selectAllChecked.right = isChecked ? 1 : 0;
+
+    if (isChecked) {
+      var keys = rightOpions.map(child => child.key);
+      rightSelectedKeySet(keys);
+    } else {
+      rightSelectedKeySet([]);
+    }
+
+    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({
@@ -10555,9 +10872,20 @@ function Transfer(props) {
     }, style),
     children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(react_card_esm, {
       bodyStyle: {
-        padding: 5
+        padding: '5px 9px'
       },
-      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)("label", {
+          style: {
+            marginLeft: 3
+          },
+          children: [leftSelectedKeys.length, "/", selectedOptionsShowCount.current]
+        })]
+      }),
       className: prefixCls + "-card",
       children: [showSearch && /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
         placeholder: placeholder,
@@ -10575,29 +10903,36 @@ 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
+          background: leftSelectedKeys.length > 0 ? '#393E48' : 'none'
         }
-      }), /*#__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
+          background: rightSelectedKeys.length > 0 ? '#393E48' : 'none'
         }
       })]
     }), /*#__PURE__*/(0,jsx_runtime.jsxs)(react_card_esm, {
       bodyStyle: {
-        padding: 5
+        padding: '5px 9px'
       },
       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)("label", {
+          style: {
+            marginLeft: 3
+          },
+          children: [rightSelectedKeys.length, "/", rightOpions.length]
+        })]
+      }),
       children: [showSearch && /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
         placeholder: placeholder,
         value: searchValueRight,