uiw 4.13.11 → 4.14.1

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;
 
 
@@ -388,6 +387,7 @@ __webpack_require__.d(__webpack_exports__, {
   "TimePicker": () => (/* reexport */ TimePicker),
   "TimePickerTime": () => (/* reexport */ TimePickerTime),
   "Tooltip": () => (/* reexport */ react_tooltip_esm),
+  "Transfer": () => (/* reexport */ react_transfer_esm),
   "Tree": () => (/* reexport */ Tree),
   "TreeChecked": () => (/* reexport */ TreeChecked),
   "canUseDOM": () => (/* reexport */ canUseDOM),
@@ -9066,16 +9066,155 @@ function getAllColumnsKeys(data, keys) {
   return keys;
 }
 
+;// CONCATENATED MODULE: ../react-table/esm/Expandable.js
+
+
+
+/**
+ * 可展开配置
+ */
+function ExpandableComponent(_ref) {
+  var {
+    defaultExpand,
+    onClick: _onClick,
+    expandIcon
+  } = _ref;
+  var [expand, setExpand] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(defaultExpand);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    onClick: () => {
+      setExpand(!expand);
+
+      _onClick(expand); // record: T, index: number, expanded: boolean
+
+    },
+    children: expandIcon(expand)
+  });
+}
+
+;// 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
 
 
-var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "title", "footer", "bordered", "onCell", "onCellHead", "empty", "children"];
+var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "title", "footer", "bordered", "onCell", "onCellHead", "empty", "children", "expandable", "rowKey"];
+
 
 
 
 
 
 
+ // 展开配置
+
 
 
 function Table(props) {
@@ -9093,17 +9232,123 @@ function Table(props) {
     bordered,
     onCell = noop,
     onCellHead = noop,
-    empty
+    empty,
+    expandable,
+    rowKey
   } = props,
       other = _objectWithoutPropertiesLoose(props, react_table_esm_excluded);
 
+  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)(() => {
+    if (expandable) {
+      if (expandable.defaultExpandAllRows) {
+        setExpandIndex(data.map((it, index) => rowKey ? it[rowKey] : index));
+        return;
+      }
+
+      if (expandable.defaultExpandedRowKeys) {
+        setExpandIndex(expandable.defaultExpandedRowKeys);
+        return;
+      }
+    }
+  }, []);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    if (expandable) {
+      if (expandable.expandedRowKeys && JSON.stringify(expandable.expandedRowKeys) !== JSON.stringify(expandIndex)) {
+        setExpandIndex(expandable.expandedRowKeys);
+      }
+    }
+  }, [expandable == null ? void 0 : expandable.expandedRowKeys]);
+  var isExpandedDom = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    return (record, index) => {
+      if (!expandable) {
+        return false;
+      }
+
+      if (!expandable.expandedRowRender) {
+        return false;
+      }
+
+      var flag = true;
+
+      if (expandable.rowExpandable) {
+        flag = expandable.rowExpandable(record);
+      }
+
+      return flag && /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
+        style: expandIndex.includes(rowKey ? record[rowKey] : index) ? {} : {
+          display: 'none'
+        },
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
+          style: {
+            paddingLeft: 16
+          },
+          colSpan: columns.length + 1,
+          children: expandable.expandedRowRender(record, index, true)
+        })
+      });
+    };
+  }, [expandable, expandIndex]);
+  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 {
+      keys,
+      selfColumns
+    };
+  }, [columns, expandIndex]);
   var cls = [prefixCls, className, bordered ? prefixCls + "-bordered" : null].filter(Boolean).join(' ').trim();
   var {
     header,
     render,
     ellipsis
-  } = getLevelItems(columns);
-  var keys = getAllColumnsKeys(columns);
+  } = getLevelItems(self.selfColumns);
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
       style: {
@@ -9121,45 +9366,19 @@ function Table(props) {
           onCellHead: onCellHead,
           data: header
         }), data && data.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
-          children: data.map((trData, rowNum) => /*#__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)
-              }));
-            })
-          }, 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", {
             children: /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
@@ -9308,7 +9527,7 @@ function Tabs(props) {
     if (activeItem.current && type === 'line') {
       setSlideStyle({
         width: activeItem.current.clientWidth,
-        left: activeItem.current.offsetLeft
+        left: activeItem.current.offsetLeft + 15
       });
     }
   }
@@ -10268,6 +10487,323 @@ function SearchTree(props) {
 
 /* harmony default export */ const react_search_tree_esm = (SearchTree);
 
+;// CONCATENATED MODULE: ../react-transfer/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const react_transfer_esm_style = ({});
+;// CONCATENATED MODULE: ../react-transfer/esm/index.js
+
+
+
+
+
+
+
+
+
+
+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,
+    prefixCls = 'w-transfer'
+  } = props;
+  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+  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)));
+  }, [JSON.stringify(value)]);
+
+  var hiddenNode = callBackfn => {
+    selectedOptionsShowCount.current = 0;
+
+    var hiddenNodeForSeach = childrens => {
+      childrens.forEach(child => {
+        var _child$children;
+
+        var isHide = callBackfn(child); // && parentIsHide;
+
+        if (!!((_child$children = child.children) != null && _child$children.length)) {
+          hiddenNodeForSeach(child.children);
+          var find = child.children.find(item => !item.hideNode);
+          child.hideNode = isHide && !find;
+        } else {
+          child.hideNode = isHide;
+        }
+
+        if (!child.hideNode) {
+          selectedOptionsShowCount.current++;
+        }
+      });
+    };
+
+    hiddenNodeForSeach(selectedOptions);
+    selectedOptionSet([...selectedOptions]);
+  };
+
+  var getOptionsRecursion = (childrens, selectOption, isAdd) => {
+    var addOrDel = (key, label, isAdd) => {
+      if (isAdd) {
+        selectOption.set(key, label);
+      } else {
+        selectOption.delete(key);
+      }
+    };
+
+    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);
+        iteratorParent(child.parent);
+      }
+    };
+
+    childrens.forEach(child => {
+      var _child$children2, _child$label;
+
+      if (!!((_child$children2 = child.children) != null && _child$children2.length)) {
+        selectOption = getOptionsRecursion(child.children, selectOption, isAdd);
+      }
+
+      addOrDel(child.key, (_child$label = child.label) == null ? void 0 : _child$label.toString(), isAdd);
+      iteratorParent(child);
+    });
+    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 = [];
+    selectOptionTemp.forEach((label, key) => option.push({
+      key,
+      label
+    }));
+    props.onChange == null ? void 0 : props.onChange(transferType, option);
+  };
+
+  var searchValueLeftChange = searchValue => {
+    hiddenNode(child => {
+      var searchIsMatch = !child.label.includes(searchValue.trim());
+
+      if (!searchIsMatch) {
+        var isSekected = rightOpions.find(selected => selected.key === child.key);
+        searchIsMatch = !!isSekected;
+      }
+
+      return searchIsMatch;
+    });
+    searchValueLeftSet(searchValue);
+    props.onSearch == null ? void 0 : props.onSearch('left', searchValue);
+  };
+
+  var searchValueRightChange = searchValue => {
+    searchValueRightSet(searchValue);
+    rightOpions.forEach(option => {
+      var isHide = !option.label.includes(searchValue.trim());
+      option.hideNode = isHide;
+    });
+    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({
+      width: 400
+    }, style),
+    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(react_card_esm, {
+      bodyStyle: {
+        padding: 5
+      },
+      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,
+        value: searchValueLeft,
+        onChange: e => searchValueLeftChange(e.target.value)
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: prefixCls + "-cheked-content",
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(TreeChecked, {
+          defaultExpandAll: true,
+          placeholder: placeholder || '搜索选项',
+          data: selectedOptions,
+          selectedKeys: leftSelectedKeys,
+          onSelected: leftTreeOnSelected
+        })
+      })]
+    }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      className: prefixCls + "-arrow-content",
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Arrow, {
+        click: () => transferClick('left'),
+        style: {
+          transform: 'rotate(-90deg)'
+        }
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)(Arrow, {
+        click: () => transferClick('right'),
+        style: {
+          transform: 'rotate(90deg)'
+        }
+      })]
+    }), /*#__PURE__*/(0,jsx_runtime.jsxs)(react_card_esm, {
+      bodyStyle: {
+        padding: 5
+      },
+      className: prefixCls + "-card",
+      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,
+        onChange: e => searchValueRightChange(e.target.value)
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: prefixCls + "-cheked-content",
+        style: bodyStyle,
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(TreeChecked, {
+          data: rightOpions,
+          selectedKeys: rightSelectedKeys,
+          onSelected: rightTreeOnSelected
+        })
+      })]
+    })]
+  });
+}
+
+/* harmony default export */ const react_transfer_esm = (Transfer);
+
 ;// CONCATENATED MODULE: ./src/index.ts
 
 })();