tdesign-react 0.18.2 → 0.19.0

package/cjs/transfer/Transfer.js

@@ -0,0 +1,421 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-4c7f195b.js');
+var toConsumableArray = require('../_chunks/dep-90f7aaf9.js');
+var slicedToArray = require('../_chunks/dep-40a2cedf.js');
+var React = require('react');
+var difference = require('../_chunks/dep-b8275f56.js');
+var classNames = require('classnames');
+var tdesignIconsReact = require('tdesign-icons-react');
+var _util_useConfig = require('../_util/useConfig.js');
+var button_index = require('../button/index.js');
+var transfer_TransferList = require('./TransferList.js');
+var transfer_utils = require('./utils.js');
+require('../_chunks/dep-e8ae5c27.js');
+require('../_chunks/dep-56da0f72.js');
+require('../_chunks/dep-7d18dcc4.js');
+require('../_chunks/dep-abac90a1.js');
+require('../_chunks/dep-857a0a77.js');
+require('../_chunks/dep-a67a7b7d.js');
+require('../_chunks/dep-bbf1db9b.js');
+require('../_chunks/dep-b7472311.js');
+require('../_chunks/dep-a3eb13e7.js');
+require('../_chunks/dep-79f85966.js');
+require('../_chunks/dep-cf31b2b3.js');
+require('../_chunks/dep-123db6f2.js');
+require('../_chunks/dep-753d11ad.js');
+require('../_chunks/dep-7f0d9b78.js');
+require('../_chunks/dep-64a234c7.js');
+require('../_chunks/dep-cba23ce0.js');
+require('../_chunks/dep-0ad6381b.js');
+require('../_chunks/dep-4662ee8b.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+require('../button/Button.js');
+require('../_chunks/dep-3d292398.js');
+require('../_util/noop.js');
+require('../_util/useRipple.js');
+require('../_util/setStyle.js');
+require('../loading/index.js');
+require('../loading/loading.js');
+require('react-dom');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-3df5c5b3.js');
+require('../_util/easing.js');
+require('../common/Portal.js');
+require('../_chunks/dep-35d0bd22.js');
+require('../_chunks/dep-de1454af.js');
+require('../checkbox/index.js');
+require('../_chunks/dep-565ea508.js');
+require('../_util/forwardRefWithStatics.js');
+require('hoist-non-react-statics');
+require('../common/Check.js');
+require('../_util/helper.js');
+require('../_chunks/dep-e02361d3.js');
+require('../_chunks/dep-077799eb.js');
+require('../_chunks/dep-d8e0635d.js');
+require('../_util/useDefault.js');
+require('../_chunks/dep-734fb7d2.js');
+require('../input/index.js');
+require('../input/Input.js');
+require('../input/InputGroup.js');
+require('../_util/useDefaultValue.js');
+require('../pagination/index.js');
+require('../pagination/Pagination.js');
+require('../select/index.js');
+require('../select/base/Select.js');
+require('../_chunks/dep-24c744c5.js');
+require('../locale/LocalReceiver.js');
+require('../_util/composeRefs.js');
+require('../select/util/helper.js');
+require('lodash');
+require('../select/base/OptionGroup.js');
+require('../common/FakeArrow.js');
+require('../popup/index.js');
+require('../popup/Popup.js');
+require('react-popper');
+require('../_util/usePrevious.js');
+require('../popup/Portal.js');
+require('../popup/useTriggerProps.js');
+require('../_util/useClickOutside.js');
+require('../tag/index.js');
+require('../tag/Tag.js');
+require('../tag/CheckTag.js');
+require('../select/base/Option.js');
+require('../select/base/PopupContent.js');
+require('../pagination/validators.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var Transfer = function Transfer(props) {
+  var _classnames;
+
+  var _props$data = props.data,
+      data = _props$data === void 0 ? [] : _props$data,
+      _props$search = props.search,
+      search = _props$search === void 0 ? false : _props$search,
+      checked = props.checked,
+      _props$defaultChecked = props.defaultChecked,
+      defaultChecked = _props$defaultChecked === void 0 ? [] : _props$defaultChecked,
+      onCheckedChange = props.onCheckedChange,
+      value = props.value,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
+      onChange = props.onChange,
+      empty = props.empty,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      pagination = props.pagination,
+      title = props.title,
+      operation = props.operation,
+      footer = props.footer,
+      transferItem = props.transferItem,
+      content = props.content;
+
+  var _useState = React.useState(function () {
+    return {
+      source: data.filter(function (item) {
+        return !defaultValue.includes(item.value);
+      }),
+      target: data.filter(function (item) {
+        return defaultValue.includes(item.value);
+      })
+    };
+  }),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var _useState3 = React.useState(function () {
+    return {
+      source: state.source.filter(function (item) {
+        return !item.disabled && defaultChecked.includes(item.value);
+      }).map(function (item) {
+        return item.value;
+      }),
+      target: state.target.filter(function (item) {
+        return !item.disabled && defaultChecked.includes(item.value);
+      }).map(function (item) {
+        return item.value;
+      })
+    };
+  }),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      checkeds = _useState4[0],
+      setCheckeds = _useState4[1];
+
+  var _useState5 = React.useState({
+    source: "",
+    target: ""
+  }),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      searchState = _useState6[0],
+      setSearchState = _useState6[1];
+
+  var isTargetControled = ("value" in props);
+  var isCheckedControled = ("checked" in props);
+
+  var _useConfig = _util_useConfig["default"](),
+      classPrefix = _useConfig.classPrefix;
+
+  var transferClassName = "".concat(classPrefix, "-transfer");
+
+  var _useMemo = React.useMemo(function () {
+    var source = state.source,
+        target = state.target;
+    var searchSource = searchState.source,
+        searchTarget = searchState.target;
+    return [source.filter(function (item) {
+      return !searchSource || item.label.indexOf(searchState.source) > -1;
+    }), target.filter(function (item) {
+      return !searchTarget || item.label.indexOf(searchState.target) > -1;
+    })];
+  }, [searchState, state]),
+      _useMemo2 = slicedToArray._slicedToArray(_useMemo, 2),
+      sourceData = _useMemo2[0],
+      targetData = _useMemo2[1];
+
+  var _getDefaultValue$map = transfer_utils.getDefaultValue(empty, "\u6682\u65E0\u6570\u636E").map(function (item) {
+    return transfer_utils.getJSX(item);
+  }),
+      _getDefaultValue$map2 = slicedToArray._slicedToArray(_getDefaultValue$map, 2),
+      SourceEmptyCmp = _getDefaultValue$map2[0],
+      TargetEmptyCmp = _getDefaultValue$map2[1];
+
+  var _getDefaultValue = transfer_utils.getDefaultValue(disabled, false),
+      _getDefaultValue2 = slicedToArray._slicedToArray(_getDefaultValue, 2),
+      sourceDisable = _getDefaultValue2[0],
+      targetDisable = _getDefaultValue2[1];
+
+  var _getDefaultValue3 = transfer_utils.getDefaultValue(pagination),
+      _getDefaultValue4 = slicedToArray._slicedToArray(_getDefaultValue3, 2),
+      sourcePagonation = _getDefaultValue4[0],
+      targetPagonation = _getDefaultValue4[1];
+
+  var _getDefaultValue$map3 = transfer_utils.getDefaultValue(title).map(function (item) {
+    return transfer_utils.getJSX(item);
+  }),
+      _getDefaultValue$map4 = slicedToArray._slicedToArray(_getDefaultValue$map3, 2),
+      sourceTitle = _getDefaultValue$map4[0],
+      targetTitle = _getDefaultValue$map4[1];
+
+  var _getDefaultValue$map5 = transfer_utils.getDefaultValue(operation, [function () {
+    return /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.ChevronRightIcon, null);
+  }, function () {
+    return /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.ChevronLeftIcon, null);
+  }]).map(function (item) {
+    return transfer_utils.getJSX(item);
+  }),
+      _getDefaultValue$map6 = slicedToArray._slicedToArray(_getDefaultValue$map5, 2),
+      leftOperation = _getDefaultValue$map6[0],
+      rightOperation = _getDefaultValue$map6[1];
+
+  var _getDefaultValue$map7 = transfer_utils.getDefaultValue(footer).map(function (item) {
+    return transfer_utils.getJSX(item);
+  }),
+      _getDefaultValue$map8 = slicedToArray._slicedToArray(_getDefaultValue$map7, 2),
+      sourceFooter = _getDefaultValue$map8[0],
+      targetFooter = _getDefaultValue$map8[1];
+
+  var _getDefaultValue5 = transfer_utils.getDefaultValue(transferItem),
+      _getDefaultValue6 = slicedToArray._slicedToArray(_getDefaultValue5, 2),
+      sourceTransferItem = _getDefaultValue6[0],
+      targetTransferItem = _getDefaultValue6[1];
+
+  var _getDefaultValue7 = transfer_utils.getDefaultValue(content),
+      _getDefaultValue8 = slicedToArray._slicedToArray(_getDefaultValue7, 2),
+      sourceContent = _getDefaultValue8[0],
+      targetContent = _getDefaultValue8[1];
+
+  var transfromSource = function transfromSource() {
+    var source = state.source,
+        target = state.target;
+    var sourceCheckeds = source.filter(function (item) {
+      return checkeds.source.includes(item.value);
+    });
+    var newSoure = difference.difference_1(source, sourceCheckeds);
+    var newTarget = [].concat(toConsumableArray._toConsumableArray(target), toConsumableArray._toConsumableArray(sourceCheckeds));
+
+    if (isTargetControled) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(newTarget.map(function (t) {
+        return t.value;
+      }), {
+        type: "source",
+        movedValue: sourceCheckeds.map(function (s) {
+          return s.value;
+        })
+      });
+    } else {
+      setState(_objectSpread(_objectSpread({}, state), {}, {
+        source: newSoure,
+        target: toConsumableArray._toConsumableArray(newTarget)
+      }));
+      setCheckeds(_objectSpread(_objectSpread({}, checkeds), {}, {
+        source: []
+      }));
+    }
+  };
+
+  var transfromTarget = function transfromTarget() {
+    var source = state.source,
+        target = state.target;
+    var targetCheckeds = target.filter(function (item) {
+      return checkeds.target.includes(item.value);
+    });
+    var newTarget = difference.difference_1(target, targetCheckeds);
+
+    if (isTargetControled) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(newTarget.map(function (t) {
+        return t.value;
+      }), {
+        type: "target",
+        movedValue: targetCheckeds.map(function (s) {
+          return s.value;
+        })
+      });
+    } else {
+      setState(_objectSpread(_objectSpread({}, state), {}, {
+        source: [].concat(toConsumableArray._toConsumableArray(source), toConsumableArray._toConsumableArray(targetCheckeds)),
+        target: newTarget
+      }));
+      setCheckeds(_objectSpread(_objectSpread({}, checkeds), {}, {
+        target: []
+      }));
+    }
+  };
+
+  var OperationsCmp = function OperationsCmp() {
+    var isSourceDisabled = sourceDisable || !checkeds.source.length;
+    var isTargetDisabled = targetDisable || !checkeds.target.length;
+    return /* @__PURE__ */React__default["default"].createElement("div", {
+      className: "".concat(transferClassName, "-operations")
+    }, /* @__PURE__ */React__default["default"].createElement(button_index.Button, {
+      key: isSourceDisabled ? "right-outline" : "right-base",
+      variant: isSourceDisabled ? "outline" : "base",
+      disabled: isSourceDisabled,
+      onClick: transfromSource
+    }, leftOperation), /* @__PURE__ */React__default["default"].createElement(button_index.Button, {
+      key: isSourceDisabled ? "left-outline" : "left-base",
+      variant: isTargetDisabled ? "outline" : "base",
+      disabled: isTargetDisabled,
+      onClick: transfromTarget
+    }, rightOperation));
+  };
+
+  var handleCheckChange = function handleCheckChange(value2, type) {
+    var sourceChecked = checkeds.source,
+        targetChecked = checkeds.target;
+    var inverseMap = {
+      source: "target",
+      target: "source"
+    };
+    isCheckedControled ? onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange({
+      type: type,
+      checked: value2.concat(checkeds[inverseMap[type]]),
+      sourceChecked: sourceChecked,
+      targetChecked: targetChecked
+    }) : setCheckeds(_objectSpread(_objectSpread({}, checkeds), {}, defineProperty._defineProperty({}, type, value2)));
+  };
+
+  React.useEffect(function () {
+    if (isTargetControled && Array.isArray(value)) {
+      var newTarget = data.filter(function (item) {
+        return value.includes(item.value);
+      });
+      var newSource = difference.difference_1(data, newTarget);
+      setState({
+        source: toConsumableArray._toConsumableArray(newSource),
+        target: toConsumableArray._toConsumableArray(newTarget)
+      });
+      setCheckeds({
+        source: [],
+        target: []
+      });
+    }
+  }, [value, data, isTargetControled]);
+  React.useEffect(function () {
+    var source = state.source,
+        target = state.target;
+
+    if (isCheckedControled && Array.isArray(checked)) {
+      var newSourceChecked = source.filter(function (item) {
+        return !item.disabled && checked.includes(item.value);
+      }).map(function (item) {
+        return item.value;
+      });
+      var newTargetChecked = target.filter(function (item) {
+        return !item.disabled && checked.includes(item.value);
+      }).map(function (item) {
+        return item.value;
+      });
+      setCheckeds({
+        source: newSourceChecked,
+        target: newTargetChecked
+      });
+    }
+  }, [checked, state, isCheckedControled]);
+  return /* @__PURE__ */React__default["default"].createElement("div", {
+    className: classNames__default["default"](transferClassName, (_classnames = {}, defineProperty._defineProperty(_classnames, "".concat(transferClassName, "-search"), search), defineProperty._defineProperty(_classnames, "".concat(transferClassName, "-pagination"), pagination), defineProperty._defineProperty(_classnames, "".concat(transferClassName, "-footer"), footer), _classnames))
+  }, /* @__PURE__ */React__default["default"].createElement(transfer_TransferList["default"], {
+    className: "".concat(transferClassName, "-list-source"),
+    data: sourceData,
+    search: search,
+    checked: checkeds.source,
+    empty: SourceEmptyCmp,
+    disabled: sourceDisable,
+    pagination: sourcePagonation,
+    title: sourceTitle,
+    footer: sourceFooter,
+    transferItem: sourceTransferItem,
+    content: sourceContent,
+    onCheckbox: function onCheckbox(value2) {
+      return handleCheckChange(value2, "source");
+    },
+    onSearch: function onSearch(val) {
+      return setSearchState(_objectSpread(_objectSpread({}, searchState), {}, {
+        source: val
+      }));
+    }
+  }), OperationsCmp(), /* @__PURE__ */React__default["default"].createElement(transfer_TransferList["default"], {
+    className: "".concat(transferClassName, "-list-target"),
+    data: targetData,
+    search: search,
+    checked: checkeds.target,
+    empty: TargetEmptyCmp,
+    disabled: targetDisable,
+    pagination: targetPagonation,
+    title: targetTitle,
+    footer: targetFooter,
+    transferItem: targetTransferItem,
+    content: targetContent,
+    onCheckbox: function onCheckbox(value2) {
+      return handleCheckChange(value2, "target");
+    },
+    onSearch: function onSearch(val) {
+      return setSearchState(_objectSpread(_objectSpread({}, searchState), {}, {
+        target: val
+      }));
+    }
+  }));
+};
+
+Transfer.displayName = "Transfer";
+
+exports["default"] = Transfer;
+//# sourceMappingURL=Transfer.js.map

package/cjs/transfer/Transfer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transfer.js","sources":["../../src/transfer/Transfer.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect } from 'react';\nimport difference from 'lodash/difference';\nimport classnames from 'classnames';\n\nimport { ChevronRightIcon, ChevronLeftIcon } from 'tdesign-icons-react';\nimport { TdTransferProps, DataOption, TransferValue, TransferListType } from './type';\nimport useConfig from '../_util/useConfig';\nimport Button from '../button';\nimport TransferList from './TransferList';\nimport { getDefaultValue, getJSX } from './utils';\nimport { TNode, StyledProps } from '../common';\n\nexport interface TransferProps extends TdTransferProps, StyledProps {\n  content?: Array<TNode>;\n}\n\ninterface StateInterface {\n  source: DataOption[];\n  target: DataOption[];\n}\n\ninterface CheckedInterface {\n  source: Array<TransferValue>;\n  target: Array<TransferValue>;\n}\n\nconst Transfer: React.FunctionComponent<TransferProps> = (props) => {\n  const {\n    data = [],\n    search = false,\n    checked,\n    defaultChecked = [],\n    onCheckedChange,\n    value,\n    defaultValue = [],\n    onChange,\n    empty,\n    disabled = false,\n    pagination,\n    title,\n    operation,\n    footer,\n    transferItem,\n    content,\n  } = props;\n  const [state, setState] = useState<StateInterface>(() => ({\n    source: data.filter((item) => !defaultValue.includes(item.value)),\n    target: data.filter((item) => defaultValue.includes(item.value)),\n  }));\n  const [checkeds, setCheckeds] = useState<CheckedInterface>(() => ({\n    source: state.source\n      .filter((item) => !item.disabled && defaultChecked.includes(item.value))\n      .map((item) => item.value),\n    target: state.target\n      .filter((item) => !item.disabled && defaultChecked.includes(item.value))\n      .map((item) => item.value),\n  }));\n  const [searchState, setSearchState] = useState<{ source: string; target: string }>({ source: '', target: '' });\n\n  const isTargetControled = 'value' in props;\n  const isCheckedControled = 'checked' in props;\n\n  const { classPrefix } = useConfig();\n  const transferClassName = `${classPrefix}-transfer`;\n\n  const [sourceData, targetData] = useMemo(() => {\n    const { source, target } = state;\n    const { source: searchSource, target: searchTarget } = searchState;\n    return [\n      source.filter((item) => !searchSource || item.label.indexOf(searchState.source) > -1),\n      target.filter((item) => !searchTarget || item.label.indexOf(searchState.target) > -1),\n    ];\n  }, [searchState, state]);\n\n  const [SourceEmptyCmp, TargetEmptyCmp] = getDefaultValue(empty, '暂无数据').map((item) => getJSX(item));\n  const [sourceDisable, targetDisable] = getDefaultValue(disabled, false);\n  const [sourcePagonation, targetPagonation] = getDefaultValue(pagination);\n  const [sourceTitle, targetTitle] = getDefaultValue(title).map((item) => getJSX(item));\n  const [leftOperation, rightOperation] = getDefaultValue(operation, [\n    () => <ChevronRightIcon />,\n    () => <ChevronLeftIcon />,\n  ]).map((item) => getJSX(item));\n  const [sourceFooter, targetFooter] = getDefaultValue(footer).map((item) => getJSX(item));\n  const [sourceTransferItem, targetTransferItem] = getDefaultValue(transferItem);\n  const [sourceContent, targetContent] = getDefaultValue(content);\n\n  const transfromSource = () => {\n    const { source, target } = state;\n    const sourceCheckeds = source.filter((item) => checkeds.source.includes(item.value));\n    const newSoure = difference(source, sourceCheckeds);\n    const newTarget = [...target, ...sourceCheckeds];\n\n    if (isTargetControled) {\n      onChange?.(\n        newTarget.map((t) => t.value),\n        {\n          type: 'source',\n          movedValue: sourceCheckeds.map((s) => s.value),\n        },\n      );\n    } else {\n      setState({ ...state, source: newSoure, target: [...newTarget] });\n      setCheckeds({ ...checkeds, source: [] });\n    }\n  };\n  const transfromTarget = () => {\n    const { source, target } = state;\n    const targetCheckeds = target.filter((item) => checkeds.target.includes(item.value));\n    const newTarget = difference(target, targetCheckeds);\n\n    if (isTargetControled) {\n      onChange?.(\n        newTarget.map((t) => t.value),\n        {\n          type: 'target',\n          movedValue: targetCheckeds.map((s) => s.value),\n        },\n      );\n    } else {\n      setState({ ...state, source: [...source, ...targetCheckeds], target: newTarget });\n      setCheckeds({ ...checkeds, target: [] });\n    }\n  };\n\n  const OperationsCmp = () => {\n    const isSourceDisabled = sourceDisable || !checkeds.source.length;\n    const isTargetDisabled = targetDisable || !checkeds.target.length;\n\n    return (\n      <div className={`${transferClassName}-operations`}>\n        <Button\n          key={isSourceDisabled ? 'right-outline' : 'right-base'}\n          variant={isSourceDisabled ? 'outline' : 'base'}\n          disabled={isSourceDisabled}\n          onClick={transfromSource}\n        >\n          {leftOperation}\n        </Button>\n        <Button\n          key={isSourceDisabled ? 'left-outline' : 'left-base'}\n          variant={isTargetDisabled ? 'outline' : 'base'}\n          disabled={isTargetDisabled}\n          onClick={transfromTarget}\n        >\n          {rightOperation}\n        </Button>\n      </div>\n    );\n  };\n\n  const handleCheckChange = (value: Array<TransferValue>, type: TransferListType) => {\n    const { source: sourceChecked, target: targetChecked } = checkeds;\n    const inverseMap = { source: 'target', target: 'source' };\n\n    isCheckedControled\n      ? onCheckedChange?.({\n          type,\n          checked: value.concat(checkeds[inverseMap[type]]),\n          sourceChecked,\n          targetChecked,\n        })\n      : setCheckeds({ ...checkeds, [type]: value });\n  };\n\n  // value 受控\n  useEffect(() => {\n    if (isTargetControled && Array.isArray(value)) {\n      const newTarget = data.filter((item) => value.includes(item.value));\n      const newSource = difference(data, newTarget);\n      setState({ source: [...newSource], target: [...newTarget] });\n      setCheckeds({ source: [], target: [] });\n    }\n  }, [value, data, isTargetControled]);\n\n  // checked 受控\n  useEffect(() => {\n    const { source, target } = state;\n    if (isCheckedControled && Array.isArray(checked)) {\n      const newSourceChecked = source\n        .filter((item) => !item.disabled && checked.includes(item.value))\n        .map((item) => item.value);\n      const newTargetChecked = target\n        .filter((item) => !item.disabled && checked.includes(item.value))\n        .map((item) => item.value);\n      setCheckeds({ source: newSourceChecked, target: newTargetChecked });\n    }\n  }, [checked, state, isCheckedControled]);\n\n  return (\n    <div\n      className={classnames(transferClassName, {\n        [`${transferClassName}-search`]: search,\n        [`${transferClassName}-pagination`]: pagination,\n        [`${transferClassName}-footer`]: footer,\n      })}\n    >\n      <TransferList\n        className={`${transferClassName}-list-source`}\n        data={sourceData}\n        search={search}\n        checked={checkeds.source}\n        empty={SourceEmptyCmp}\n        disabled={sourceDisable}\n        pagination={sourcePagonation}\n        title={sourceTitle}\n        footer={sourceFooter}\n        transferItem={sourceTransferItem}\n        content={sourceContent}\n        onCheckbox={(value) => handleCheckChange(value, 'source')}\n        onSearch={(val: string) => setSearchState({ ...searchState, source: val })}\n      ></TransferList>\n      {OperationsCmp()}\n      <TransferList\n        className={`${transferClassName}-list-target`}\n        data={targetData}\n        search={search}\n        checked={checkeds.target}\n        empty={TargetEmptyCmp}\n        disabled={targetDisable}\n        pagination={targetPagonation}\n        title={targetTitle}\n        footer={targetFooter}\n        transferItem={targetTransferItem}\n        content={targetContent}\n        onCheckbox={(value) => handleCheckChange(value, 'target')}\n        onSearch={(val: string) => setSearchState({ ...searchState, target: val })}\n      ></TransferList>\n    </div>\n  );\n};\n\nTransfer.displayName = 'Transfer';\n\nexport default Transfer;\n"],"names":["Transfer","props","data","search","checked","defaultChecked","onCheckedChange","value","defaultValue","onChange","empty","disabled","pagination","title","operation","footer","transferItem","content","useState","source","filter","item","includes","target","state","setState","map","checkeds","setCheckeds","searchState","setSearchState","isTargetControled","isCheckedControled","useConfig","classPrefix","transferClassName","useMemo","searchSource","searchTarget","label","indexOf","sourceData","targetData","getDefaultValue","getJSX","SourceEmptyCmp","TargetEmptyCmp","sourceDisable","targetDisable","sourcePagonation","targetPagonation","sourceTitle","targetTitle","ChevronRightIcon","ChevronLeftIcon","leftOperation","rightOperation","sourceFooter","targetFooter","sourceTransferItem","targetTransferItem","sourceContent","targetContent","transfromSource","sourceCheckeds","newSoure","difference","newTarget","t","type","movedValue","s","transfromTarget","targetCheckeds","OperationsCmp","isSourceDisabled","length","isTargetDisabled","className","Button","key","variant","onClick","handleCheckChange","value2","sourceChecked","targetChecked","inverseMap","concat","Array","isArray","newSource","newSourceChecked","newTargetChecked","classnames","TransferList","onCheckbox","onSearch","val","displayName"],"mappings":"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"}

package/cjs/transfer/TransferList.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TdTransferProps, TransferValue } from './type';
+import { TNode, StyledProps } from '../common';
+import { PaginationProps } from '../pagination';
+interface TransferListProps extends Pick<TdTransferProps, 'data' | 'search' | 'checked' | 'transferItem'>, StyledProps {
+    disabled?: boolean;
+    empty?: TNode | string;
+    title?: TNode;
+    footer?: TNode;
+    content?: TNode;
+    pagination?: Pick<PaginationProps, 'pageSize'> & {
+        onPageChange?: (current: number) => void;
+    };
+    onCheckbox?: (checked: Array<TransferValue>) => void;
+    onSearch?: (value: string) => void;
+}
+declare const TransferList: React.FunctionComponent<TransferListProps>;
+export default TransferList;