@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/es/transfer/transfer.js

@@ -13,68 +13,61 @@ import Operation from './operation';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import noDataImg from './img/transfer-empty.png';
-
 var InternalTransfer = function InternalTransfer(props, ref) {
   var _classNames;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps,
-      locale = _useContext.locale;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps,
+    locale = _useContext.locale;
   var transferProps = getCompProps('Transfer', userDefaultProps, props); // 获取穿梭框props
-
   var customPrefixcls = transferProps.prefixCls,
-      className = transferProps.className,
-      dataSource = transferProps.dataSource,
-      _transferProps$target = transferProps.targetKeys,
-      targetKeys = _transferProps$target === void 0 ? [] : _transferProps$target,
-      _transferProps$select = transferProps.selectedKeys,
-      selectedKeys = _transferProps$select === void 0 ? [] : _transferProps$select,
-      disabled = transferProps.disabled,
-      render = transferProps.render,
-      onChange = transferProps.onChange,
-      onSelectChange = transferProps.onSelectChange,
-      style = transferProps.style,
-      listStyle = transferProps.listStyle,
-      operationStyle = transferProps.operationStyle,
-      _transferProps$titles = transferProps.titles,
-      titles = _transferProps$titles === void 0 ? [] : _transferProps$titles,
-      _transferProps$operat = transferProps.operations,
-      operations = _transferProps$operat === void 0 ? [] : _transferProps$operat,
-      _transferProps$search = transferProps.searchPlaceholder,
-      searchPlaceholder = _transferProps$search === void 0 ? [] : _transferProps$search,
-      showSearch = transferProps.showSearch,
-      filterOption = transferProps.filterOption,
-      rowKey = transferProps.rowKey,
-      onSearch = transferProps.onSearch,
-      children = transferProps.children,
-      oneWay = transferProps.oneWay,
-      pagination = transferProps.pagination,
-      showSelectAll = transferProps.showSelectAll,
-      noDataContent = transferProps.noDataContent,
-      footer = transferProps.footer;
+    className = transferProps.className,
+    dataSource = transferProps.dataSource,
+    _transferProps$target = transferProps.targetKeys,
+    targetKeys = _transferProps$target === void 0 ? [] : _transferProps$target,
+    _transferProps$select = transferProps.selectedKeys,
+    selectedKeys = _transferProps$select === void 0 ? [] : _transferProps$select,
+    disabled = transferProps.disabled,
+    render = transferProps.render,
+    onChange = transferProps.onChange,
+    onSelectChange = transferProps.onSelectChange,
+    style = transferProps.style,
+    listStyle = transferProps.listStyle,
+    operationStyle = transferProps.operationStyle,
+    _transferProps$titles = transferProps.titles,
+    titles = _transferProps$titles === void 0 ? [] : _transferProps$titles,
+    _transferProps$operat = transferProps.operations,
+    operations = _transferProps$operat === void 0 ? [] : _transferProps$operat,
+    _transferProps$search = transferProps.searchPlaceholder,
+    searchPlaceholder = _transferProps$search === void 0 ? [] : _transferProps$search,
+    showSearch = transferProps.showSearch,
+    filterOption = transferProps.filterOption,
+    rowKey = transferProps.rowKey,
+    onSearch = transferProps.onSearch,
+    children = transferProps.children,
+    oneWay = transferProps.oneWay,
+    pagination = transferProps.pagination,
+    showSelectAll = transferProps.showSelectAll,
+    noDataContent = transferProps.noDataContent,
+    footer = transferProps.footer;
   var transferLang = locale.getCompLangMsg({
     componentName: 'Transfer'
   });
   var transferPrefixCls = getPrefixCls(prefixCls, 'transfer', customPrefixcls);
   var cls = classNames(transferPrefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(transferPrefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(transferPrefixCls, "-customize-list"), !!children), _classNames), className);
-
   var _useState = useState(_filterInstanceProperty(selectedKeys).call(selectedKeys, function (key) {
-    return targetKeys.indexOf(key) === -1;
-  })),
-      _useState2 = _slicedToArray(_useState, 2),
-      sourceSelectedKeys = _useState2[0],
-      setSourceSelectedKeys = _useState2[1];
-
+      return targetKeys.indexOf(key) === -1;
+    })),
+    _useState2 = _slicedToArray(_useState, 2),
+    sourceSelectedKeys = _useState2[0],
+    setSourceSelectedKeys = _useState2[1];
   var _useState3 = useState(_filterInstanceProperty(selectedKeys).call(selectedKeys, function (key) {
-    return targetKeys.indexOf(key) > -1;
-  })),
-      _useState4 = _slicedToArray(_useState3, 2),
-      targetSelectedKeys = _useState4[0],
-      setTargetSelectedKeys = _useState4[1];
-
+      return targetKeys.indexOf(key) > -1;
+    })),
+    _useState4 = _slicedToArray(_useState3, 2),
+    targetSelectedKeys = _useState4[0],
+    setTargetSelectedKeys = _useState4[1];
   var leftListRef = useRef(null);
   var rightListRef = useRef(null);
   var leftActive = targetSelectedKeys.length > 0;
@@ -89,21 +82,17 @@ var InternalTransfer = function InternalTransfer(props, ref) {
       clearSearch: clearSearch
     };
   });
-
   var clearSearch = function clearSearch(position) {
     var _a, _b;
-
     if (position === 'left' || position === undefined) {
       ;
       (_a = leftListRef === null || leftListRef === void 0 ? void 0 : leftListRef.current) === null || _a === void 0 ? void 0 : _a.onClear();
     }
-
     if (position === 'right' || position === undefined) {
       ;
       (_b = rightListRef === null || rightListRef === void 0 ? void 0 : rightListRef.current) === null || _b === void 0 ? void 0 : _b.onClear();
     }
   };
-
   var setStateKeys = function setStateKeys(direction, keys) {
     if (direction === 'left') {
       setSourceSelectedKeys(typeof keys === 'function' ? keys(sourceSelectedKeys || []) : _toConsumableArray(keys));
@@ -111,74 +100,59 @@ var InternalTransfer = function InternalTransfer(props, ref) {
       setTargetSelectedKeys(typeof keys === 'function' ? keys(targetSelectedKeys || []) : _toConsumableArray(keys));
     }
   };
-
   var moveTo = function moveTo(direction) {
-    var moveKeys = direction === 'right' ? sourceSelectedKeys : targetSelectedKeys; // 过滤出disable的选项
-
+    var moveKeys = direction === 'right' ? sourceSelectedKeys : targetSelectedKeys;
+    // 过滤出disable的选项
     var newMoveKeys = _filterInstanceProperty(moveKeys).call(moveKeys, function (key) {
       return !dataSource.some(function (data) {
         return !!(key === data.key && data.disabled);
       });
     });
-
     var newTargetKeys = direction === 'right' ? _concatInstanceProperty(newMoveKeys).call(newMoveKeys, targetKeys) : _filterInstanceProperty(targetKeys).call(targetKeys, function (targetKey) {
       return newMoveKeys.indexOf(targetKey) === -1;
-    }); // 重置选择项
-
+    });
+    // 重置选择项
     var oppositeDirection = direction === 'right' ? 'left' : 'right';
     setStateKeys(oppositeDirection, []);
     handleSelectChange(oppositeDirection, []);
-
     if (onChange) {
       onChange(newTargetKeys, direction, newMoveKeys);
     }
   };
-
   var moveToLeft = function moveToLeft() {
     return moveTo('left');
   };
-
   var moveToRight = function moveToRight() {
     return moveTo('right');
   };
-
   var handleFilter = function handleFilter(direction, e) {
     var value = e.target.value;
-
     if (onSearch) {
       onSearch(direction, value);
     }
   };
-
   var handleLeftFilter = function handleLeftFilter(e) {
     return handleFilter('left', e);
   };
-
   var handleRightFilter = function handleRightFilter(e) {
     return handleFilter('right', e);
   };
-
   var handleClear = function handleClear(direction) {
     if (onSearch) {
       onSearch(direction, '');
     }
   };
-
   var handleLeftClear = function handleLeftClear() {
     return handleClear('left');
   };
-
   var handleRightClear = function handleRightClear() {
     return handleClear('right');
   };
-
   var onItemSelectAll = function onItemSelectAll(direction, selectedKeys, checkAll) {
     setStateKeys(direction, function (prevKeys) {
       var mergedCheckedKeys = [];
-
       if (checkAll) {
         var _context;
-
         //  全选
         mergedCheckedKeys = _toConsumableArray(new _Set(_concatInstanceProperty(_context = []).call(_context, _toConsumableArray(prevKeys), _toConsumableArray(selectedKeys))));
       } else {
@@ -187,81 +161,64 @@ var InternalTransfer = function InternalTransfer(props, ref) {
           return selectedKeys.indexOf(key) === -1;
         });
       }
-
       handleSelectChange(direction, mergedCheckedKeys);
       return mergedCheckedKeys;
     });
   };
-
   var onLeftItemSelectAll = function onLeftItemSelectAll(selectedKeys, checkAll) {
     return onItemSelectAll('left', selectedKeys, checkAll);
   };
-
   var onRightItemSelectAll = function onRightItemSelectAll(selectedKeys, checkAll) {
     return onItemSelectAll('right', selectedKeys, checkAll);
   };
-
   var onItemSelect = function onItemSelect(direction, selectedKey, checked) {
     var holder = direction === 'left' ? _toConsumableArray(sourceSelectedKeys) : _toConsumableArray(targetSelectedKeys);
     var index = holder.indexOf(selectedKey);
-
     if (index > -1) {
       _spliceInstanceProperty(holder).call(holder, index, 1);
     }
-
     if (checked) {
       holder.push(selectedKey);
     }
-
     handleSelectChange(direction, holder);
     setStateKeys(direction, holder);
   };
-
   var onLeftItemSelect = function onLeftItemSelect(selectedKey, checked) {
     return onItemSelect('left', selectedKey, checked);
   };
-
   var onRightItemSelect = function onRightItemSelect(selectedKey, checked) {
     return onItemSelect('right', selectedKey, checked);
   };
-
   var onRightItemRemove = function onRightItemRemove(selectedKeys) {
     setStateKeys('right', []);
-
     if (onChange) {
       onChange(_filterInstanceProperty(targetKeys).call(targetKeys, function (key) {
         return !_includesInstanceProperty(selectedKeys).call(selectedKeys, key);
       }), 'left', _toConsumableArray(selectedKeys));
     }
   };
-
   var handleSelectChange = function handleSelectChange(direction, holder) {
     if (!onSelectChange) return;
-
     if (direction === 'left') {
       onSelectChange(holder, targetSelectedKeys);
     } else {
       onSelectChange(sourceSelectedKeys, holder);
     }
   };
-
   var handleListStyle = function handleListStyle(listStyle, direction) {
     if (typeof listStyle === 'function') {
       return listStyle({
         direction: direction
       });
     }
-
     return listStyle;
   };
-
   var handleNoDataContent = function handleNoDataContent(noDataContent, direction) {
     if (typeof noDataContent === 'function') {
       return noDataContent({
         direction: direction
       });
     }
-
     var defaultContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("img", {
       src: noDataImg,
       alt: transferLang.emptyTip,
@@ -270,9 +227,8 @@ var InternalTransfer = function InternalTransfer(props, ref) {
       className: "".concat(transferPrefixCls, "-list-body-not-found-tip")
     }, transferLang.emptyTip));
     return noDataContent || defaultContent;
-  }; // 获取左右数据源
-
-
+  };
+  // 获取左右数据源
   var separateDataSource = function separateDataSource() {
     var leftDataSource = [];
     var rightDataSource = new Array(targetKeys.length);
@@ -280,9 +236,7 @@ var InternalTransfer = function InternalTransfer(props, ref) {
       if (rowKey) {
         record.key = rowKey(record);
       }
-
       var indexOfKey = targetKeys.indexOf(record.key);
-
       if (indexOfKey !== -1) {
         rightDataSource[indexOfKey] = record;
       } else {
@@ -294,11 +248,9 @@ var InternalTransfer = function InternalTransfer(props, ref) {
       rightDataSource: rightDataSource
     };
   };
-
   var _separateDataSource = separateDataSource(),
-      leftDataSource = _separateDataSource.leftDataSource,
-      rightDataSource = _separateDataSource.rightDataSource;
-
+    leftDataSource = _separateDataSource.leftDataSource,
+    rightDataSource = _separateDataSource.rightDataSource;
   return /*#__PURE__*/React.createElement("div", {
     className: cls,
     style: style
@@ -361,7 +313,6 @@ var InternalTransfer = function InternalTransfer(props, ref) {
     ref: rightListRef
   }));
 };
-
 var Transfer = /*#__PURE__*/React.forwardRef(InternalTransfer);
 Transfer.displayName = 'Transfer';
 export default Transfer;