tdesign-react 0.19.1 → 0.21.0

package/cjs/transfer/Transfer.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,63 +8,67 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-cbedafdb.js');
-var toConsumableArray = require('../_chunks/dep-24e6d496.js');
-var slicedToArray = require('../_chunks/dep-8f80ce94.js');
+var defineProperty = require('../_chunks/dep-d3bc70e6.js');
+var toConsumableArray = require('../_chunks/dep-b5fa133f.js');
+var slicedToArray = require('../_chunks/dep-da78990d.js');
 var React = require('react');
-var difference = require('../_chunks/dep-8fd8a3e5.js');
+var difference = require('../_chunks/dep-1eac1a2d.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-2c22ada3.js');
-require('../_chunks/dep-6b5e4ff7.js');
-require('../_chunks/dep-ef75128a.js');
-require('../_chunks/dep-9b5ff552.js');
-require('../_chunks/dep-37d490bf.js');
-require('../_chunks/dep-bc7ce7d9.js');
-require('../_chunks/dep-44e3e9bb.js');
-require('../_chunks/dep-d58c0812.js');
-require('../_chunks/dep-3cf89b5c.js');
-require('../_chunks/dep-79109b15.js');
-require('../_chunks/dep-4553e2fd.js');
-require('../_chunks/dep-9ecba42e.js');
-require('../_chunks/dep-13b26ac7.js');
-require('../_chunks/dep-99912346.js');
-require('../_chunks/dep-61673248.js');
-require('../_chunks/dep-cd6b7e8e.js');
-require('../_chunks/dep-0b364e7e.js');
-require('../_chunks/dep-c0a7a7d0.js');
+require('../_chunks/dep-d9282bb5.js');
+require('../_chunks/dep-730b3235.js');
+require('../_chunks/dep-9c880841.js');
+require('../_chunks/dep-9351a106.js');
+require('../_chunks/dep-4e5cf448.js');
+require('../_chunks/dep-9733d1b2.js');
+require('../_chunks/dep-134e03ea.js');
+require('../_chunks/dep-6518d17e.js');
+require('../_chunks/dep-7729ff87.js');
+require('../_chunks/dep-2fd8f7ab.js');
+require('../_chunks/dep-1042649c.js');
+require('../_chunks/dep-ca5c0bd5.js');
+require('../_chunks/dep-597fbc24.js');
+require('../_chunks/dep-8f43c640.js');
+require('../_chunks/dep-4b160964.js');
+require('../_chunks/dep-531831e1.js');
+require('../_chunks/dep-18156ba1.js');
+require('../_chunks/dep-2a02c418.js');
+require('../_chunks/dep-fc960735.js');
+require('../_chunks/dep-bfed6fdf.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../button/Button.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-de61e955.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-9166817e.js');
+require('../_chunks/dep-b9b29dde.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
-require('../_chunks/dep-47c5958a.js');
-require('../_chunks/dep-d86dd68c.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
+require('../_chunks/dep-00b8a2d1.js');
+require('../_chunks/dep-f17d6eda.js');
 require('../checkbox/index.js');
-require('../_chunks/dep-1d475598.js');
+require('../_chunks/dep-f04f391f.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../common/Check.js');
 require('../_util/helper.js');
-require('../_chunks/dep-abe29065.js');
-require('../_chunks/dep-cba485ce.js');
-require('../_chunks/dep-62e1d7f2.js');
+require('../_chunks/dep-2b06a1a0.js');
+require('../_chunks/dep-010aedd2.js');
+require('../_chunks/dep-3707da92.js');
 require('../_util/useDefault.js');
-require('../_chunks/dep-56eca6a0.js');
+require('../_chunks/dep-ea57a529.js');
 require('../input/index.js');
 require('../input/Input.js');
 require('../input/InputGroup.js');
@@ -73,20 +77,22 @@ require('../pagination/index.js');
 require('../pagination/Pagination.js');
 require('../select/index.js');
 require('../select/base/Select.js');
-require('../_chunks/dep-ebdde240.js');
+require('../_chunks/dep-bf483375.js');
+require('lodash');
 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-transition-group');
 require('react-popper');
 require('../_util/usePrevious.js');
 require('../popup/Portal.js');
-require('../popup/useTriggerProps.js');
+require('../popup/hooks/useTriggerProps.js');
 require('../_util/useClickOutside.js');
+require('../popup/hooks/usePopupCssTransition.js');
 require('../tag/index.js');
 require('../tag/Tag.js');
 require('../tag/CheckTag.js');
@@ -99,9 +105,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Transfer = function Transfer(props) {
   var _classnames;
@@ -304,7 +310,7 @@ var Transfer = function Transfer(props) {
     var isSourceDisabled = sourceDisable || !checkeds.source.length;
     var isTargetDisabled = targetDisable || !checkeds.target.length;
     return /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(transferClassName, "-operations")
+      className: "".concat(transferClassName, "__operations")
     }, /* @__PURE__ */React__default["default"].createElement(button_index.Button, {
       key: isSourceDisabled ? "right-outline" : "right-base",
       variant: isSourceDisabled ? "outline" : "base",
@@ -371,9 +377,9 @@ var Transfer = function Transfer(props) {
     }
   }, [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))
+    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"),
+    className: "".concat(transferClassName, "__list-source"),
     data: sourceData,
     search: search,
     checked: checkeds.source,
@@ -393,7 +399,7 @@ var Transfer = function Transfer(props) {
       }));
     }
   }), OperationsCmp(), /* @__PURE__ */React__default["default"].createElement(transfer_TransferList["default"], {
-    className: "".concat(transferClassName, "-list-target"),
+    className: "".concat(transferClassName, "__list-target"),
     data: targetData,
     search: search,
     checked: checkeds.target,

package/cjs/transfer/Transfer.js.map

@@ -1 +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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"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BMA,WAAmD,SAAnDA,QAAmD,CAACC,KAAD,EAAW;AAAA;;oBAkB9DA,MAhBFC;MAAAA,gCAAO;sBAgBLD,MAfFE;MAAAA,oCAAS;MACTC,UAcEH,MAdFG;8BAcEH,MAbFI;MAAAA,oDAAiB;MACjBC,kBAYEL,MAZFK;MACAC,QAWEN,MAXFM;4BAWEN,MAVFO;MAAAA,gDAAe;MACfC,WASER,MATFQ;MACAC,QAQET,MARFS;wBAQET,MAPFU;MAAAA,wCAAW;MACXC,aAMEX,MANFW;MACAC,QAKEZ,MALFY;MACAC,YAIEb,MAJFa;MACAC,SAGEd,MAHFc;MACAC,eAEEf,MAFFe;MACAC,UACEhB,MADFgB;;kBAEwBC,eAAyB;AAAA;AACjDC,MAAAA,QAAQjB,KAAKkB,MAAL,CAAY,UAACC,IAAD;AAAA,eAAU,CAACb,aAAac,QAAb,CAAsBD,KAAKd,KAA3B,CAAX;AAAA,OAAZ;AACRgB,MAAAA,QAAQrB,KAAKkB,MAAL,CAAY,UAACC,IAAD;AAAA,eAAUb,aAAac,QAAb,CAAsBD,KAAKd,KAA3B,CAAV;AAAA,OAAZ;KAFyC;AAAA;;MAA5CiB;MAAOC;;mBAIkBP,eAA2B;AAAA;AACzDC,MAAAA,QAAQK,MAAML,MAAN,CACLC,MADK,CACE,UAACC,IAAD;AAAA,eAAU,CAACA,KAAKV,QAAN,IAAkBN,eAAeiB,QAAf,CAAwBD,KAAKd,KAA7B,CAA5B;AAAA,OADF,EAELmB,GAFK,CAED,UAACL,IAAD;AAAA,eAAUA,KAAKd,KAAf;AAAA,OAFC;AAGRgB,MAAAA,QAAQC,MAAMD,MAAN,CACLH,MADK,CACE,UAACC,IAAD;AAAA,eAAU,CAACA,KAAKV,QAAN,IAAkBN,eAAeiB,QAAf,CAAwBD,KAAKd,KAA7B,CAA5B;AAAA,OADF,EAELmB,GAFK,CAED,UAACL,IAAD;AAAA,eAAUA,KAAKd,KAAf;AAAA,OAFC;KAJiD;AAAA;;MAApDoB;MAAUC;;mBAQqBV,eAA6C;AAAEC,IAAAA,QAAQ,EAAV;AAAcI,IAAAA,QAAQ;AAAtB;;MAA5EM;MAAaC;;MAEdC,qBAAoB,WAAW9B;MAC/B+B,sBAAqB,aAAa/B;;mBAEhBgC;MAAhBC,yBAAAA;;MACFC,8BAAuBD;;iBAEIE,cAAQ,YAAM;QACrCjB,SAAmBK,MAAnBL;QAAQI,SAAWC,MAAXD;QACAc,eAAuCR,YAA/CV;QAA8BmB,eAAiBT,YAAzBN;WACvB,CACLJ,OAAOC,MAAP,CAAc,UAACC,IAAD;AAAA,aAAU,CAACgB,YAAD,IAAiBhB,KAAKkB,KAAL,CAAWC,OAAX,CAAmBX,YAAYV,MAA/B,IAAyC,EAApE;AAAA,KAAd,CADK,EAELI,OAAOH,MAAP,CAAc,UAACC,IAAD;AAAA,aAAU,CAACiB,YAAD,IAAiBjB,KAAKkB,KAAL,CAAWC,OAAX,CAAmBX,YAAYN,MAA/B,IAAyC,EAApE;AAAA,KAAd,CAFK;KAIN,CAACM,WAAD,EAAcL,KAAd;;MAPIiB;MAAYC;;6BASsBC,+BAAgBjC,OAAO,2BAAvB,CAA+BgB,GAA/B,CAAmC,UAACL,IAAD;AAAA,WAAUuB,sBAAOvB,KAAjB;AAAA,GAAnC;;MAAlCwB;MAAgBC;;yBACgBH,+BAAgBhC,UAAU;;MAA1DoC;MAAeC;;0BACuBL,+BAAgB/B;;MAAtDqC;MAAkBC;;8BACUP,+BAAgB9B,MAAhB,CAAuBa,GAAvB,CAA2B,UAACL,IAAD;AAAA,WAAUuB,sBAAOvB,KAAjB;AAAA,GAA3B;;MAA5B8B;MAAaC;;8BACoBT,+BAAgB7B,WAAW,CACjE;AAAA,kEAAOuC,oCAAD,KAAN;AAAA,GADiE,EAEjE;AAAA,kEAAOC,mCAAD,KAAN;AAAA,GAFiE,EAA3B,CAGrC5B,GAHqC,CAGjC,UAACL,IAAD;AAAA,WAAUuB,sBAAOvB,KAAjB;AAAA,GAHiC;;MAAjCkC;MAAeC;;8BAIeb,+BAAgB5B,OAAhB,CAAwBW,GAAxB,CAA4B,UAACL,IAAD;AAAA,WAAUuB,sBAAOvB,KAAjB;AAAA,GAA5B;;MAA9BoC;MAAcC;;0BAC4Bf,+BAAgB3B;;MAA1D2C;MAAoBC;;0BACYjB,+BAAgB1B;;MAAhD4C;MAAeC;;MAEhBC,kBAAkB,SAAlBA,eAAkB,GAAM;QACpB5C,SAAmBK,MAAnBL;QAAQI,SAAWC,MAAXD;QACVyC,iBAAiB7C,OAAOC,MAAP,CAAc,UAACC,IAAD;AAAA,aAAUM,SAASR,MAAT,CAAgBG,QAAhB,CAAyBD,KAAKd,KAA9B,CAAV;AAAA,KAAd;QACjB0D,WAAWC,wBAAW/C,QAAQ6C;QAC9BG,2DAAgB5C,8CAAWyC;;QAE7BjC,mBAAmB;mEAEnBoC,UAAUzC,GAAV,CAAc,UAAC0C,CAAD;AAAA,eAAOA,EAAE7D,KAAT;AAAA,OAAd,GACA;AACE8D,QAAAA,MAAM,QADR;AAEEC,QAAAA,YAAYN,eAAetC,GAAf,CAAmB,UAAC6C,CAAD;AAAA,iBAAOA,EAAEhE,KAAT;AAAA,SAAnB;AAFd;WAKG;+CACSiB;AAAOL,QAAAA,QAAQ8C;AAAU1C,QAAAA,6CAAY4C;;kDAClCxC;AAAUR,QAAAA,QAAQ;;;;;MAGjCqD,kBAAkB,SAAlBA,eAAkB,GAAM;QACpBrD,SAAmBK,MAAnBL;QAAQI,SAAWC,MAAXD;QACVkD,iBAAiBlD,OAAOH,MAAP,CAAc,UAACC,IAAD;AAAA,aAAUM,SAASJ,MAAT,CAAgBD,QAAhB,CAAyBD,KAAKd,KAA9B,CAAV;AAAA,KAAd;QACjB4D,YAAYD,wBAAW3C,QAAQkD;;QAEjC1C,mBAAmB;mEAEnBoC,UAAUzC,GAAV,CAAc,UAAC0C,CAAD;AAAA,eAAOA,EAAE7D,KAAT;AAAA,OAAd,GACA;AACE8D,QAAAA,MAAM,QADR;AAEEC,QAAAA,YAAYG,eAAe/C,GAAf,CAAmB,UAAC6C,CAAD;AAAA,iBAAOA,EAAEhE,KAAT;AAAA,SAAnB;AAFd;WAKG;+CACSiB;AAAOL,QAAAA,uDAAYA,8CAAWsD;AAAiBlD,QAAAA,QAAQ4C;;kDACpDxC;AAAUJ,QAAAA,QAAQ;;;;;MAIjCmD,gBAAgB,SAAhBA,aAAgB,GAAM;QACpBC,mBAAmB5B,iBAAiB,CAACpB,SAASR,MAAT,CAAgByD;QACrDC,mBAAmB7B,iBAAiB,CAACrB,SAASJ,MAAT,CAAgBqD;kEAGxD,OAAD;AAAKE,MAAAA,qBAAc3C;AAAnB,8DACG4C,qBAAD;AACEC,MAAAA,KAAKL,mBAAmB,kBAAkB,YAD5C;AAEEM,MAAAA,SAASN,mBAAmB,YAAY,MAF1C;AAGEhE,MAAAA,UAAUgE,gBAHZ;AAIEO,MAAAA,SAASnB;AAJX,OAMGR,uEAEFwB,qBAAD;AACEC,MAAAA,KAAKL,mBAAmB,iBAAiB,WAD3C;AAEEM,MAAAA,SAASJ,mBAAmB,YAAY,MAF1C;AAGElE,MAAAA,UAAUkE,gBAHZ;AAIEK,MAAAA,SAASV;AAJX,OAMGhB;;;MAMH2B,oBAAoB,SAApBA,iBAAoB,CAACC,MAAD,EAA8Bf,IAA9B,EAAyD;QACjEgB,gBAAyC1D,SAAjDR;QAA+BmE,gBAAkB3D,SAA1BJ;QACzBgE,aAAa;AAAEpE,MAAAA,QAAQ,QAAV;AAAoBI,MAAAA,QAAQ;AAA5B;yBAGfjB,4BAAAA,sCAAAA,gBAAkB;AAChB+D,MAAAA,MAAAA,IADgB;AAEhBjE,MAAAA,SAASgF,OAAMI,MAAN,CAAa7D,SAAS4D,WAAWlB,MAAjC,CAFO;AAGhBgB,MAAAA,eAAAA,aAHgB;AAIhBC,MAAAA,eAAAA;AAJgB,SAMlB1D,4CAAiBD,kDAAW0C,MAAOe;;;kBAI/B,YAAM;QACVrD,qBAAqB0D,MAAMC,OAAN,CAAcnF,KAAd,GAAsB;UACvC4D,YAAYjE,KAAKkB,MAAL,CAAY,UAACC,IAAD;AAAA,eAAUd,MAAMe,QAAN,CAAeD,KAAKd,KAApB,CAAV;AAAA,OAAZ;UACZoF,YAAYzB,wBAAWhE,MAAMiE;eAC1B;AAAEhD,QAAAA,6CAAYwE,UAAd;AAA0BpE,QAAAA,6CAAY4C;AAAtC;kBACG;AAAEhD,QAAAA,QAAQ,EAAV;AAAcI,QAAAA,QAAQ;AAAtB;;KAEb,CAAChB,KAAD,EAAQL,IAAR,EAAc6B,iBAAd;kBAGO,YAAM;QACNZ,SAAmBK,MAAnBL;QAAQI,SAAWC,MAAXD;;QACZS,sBAAsByD,MAAMC,OAAN,CAActF,OAAd,GAAwB;UAC1CwF,mBAAmBzE,OACtBC,MADsB,CACf,UAACC,IAAD;AAAA,eAAU,CAACA,KAAKV,QAAN,IAAkBP,QAAQkB,QAAR,CAAiBD,KAAKd,KAAtB,CAA5B;AAAA,OADe,EAEtBmB,GAFsB,CAElB,UAACL,IAAD;AAAA,eAAUA,KAAKd,KAAf;AAAA,OAFkB;UAGnBsF,mBAAmBtE,OACtBH,MADsB,CACf,UAACC,IAAD;AAAA,eAAU,CAACA,KAAKV,QAAN,IAAkBP,QAAQkB,QAAR,CAAiBD,KAAKd,KAAtB,CAA5B;AAAA,OADe,EAEtBmB,GAFsB,CAElB,UAACL,IAAD;AAAA,eAAUA,KAAKd,KAAf;AAAA,OAFkB;kBAGb;AAAEY,QAAAA,QAAQyE,gBAAV;AAA4BrE,QAAAA,QAAQsE;AAApC;;KAEb,CAACzF,OAAD,EAAUoB,KAAV,EAAiBQ,kBAAjB;gEAGA,OAAD;AACE8C,IAAAA,WAAWgB,+BAAW3D,4FAChBA,gCAA8BhC,+DAC9BgC,oCAAkCvB,mEAClCuB,gCAA8BpB;AAJtC,4DAOGgF,kCAAD;AACEjB,IAAAA,qBAAc3C,mCADhB;AAEEjC,IAAAA,MAAMuC,UAFR;AAGEtC,IAAAA,QAAAA,MAHF;AAIEC,IAAAA,SAASuB,SAASR,MAJpB;AAKET,IAAAA,OAAOmC,cALT;AAMElC,IAAAA,UAAUoC,aANZ;AAOEnC,IAAAA,YAAYqC,gBAPd;AAQEpC,IAAAA,OAAOsC,WART;AASEpC,IAAAA,QAAQ0C,YATV;AAUEzC,IAAAA,cAAc2C,kBAVhB;AAWE1C,IAAAA,SAAS4C,aAXX;AAYEmC,IAAAA,YAAY,oBAACZ,MAAD;AAAA,aAAWD,kBAAkBC,QAAO,SAApC;AAAA,KAZd;AAaEa,IAAAA,UAAU,kBAACC,GAAD;AAAA,aAAiBpE,+CAAoBD;AAAaV,QAAAA,QAAQ+E;SAA1D;AAAA;AAbZ,MAeCxB,wEACAqB,kCAAD;AACEjB,IAAAA,qBAAc3C,mCADhB;AAEEjC,IAAAA,MAAMwC,UAFR;AAGEvC,IAAAA,QAAAA,MAHF;AAIEC,IAAAA,SAASuB,SAASJ,MAJpB;AAKEb,IAAAA,OAAOoC,cALT;AAMEnC,IAAAA,UAAUqC,aANZ;AAOEpC,IAAAA,YAAYsC,gBAPd;AAQErC,IAAAA,OAAOuC,WART;AASErC,IAAAA,QAAQ2C,YATV;AAUE1C,IAAAA,cAAc4C,kBAVhB;AAWE3C,IAAAA,SAAS6C,aAXX;AAYEkC,IAAAA,YAAY,oBAACZ,MAAD;AAAA,aAAWD,kBAAkBC,QAAO,SAApC;AAAA,KAZd;AAaEa,IAAAA,UAAU,kBAACC,GAAD;AAAA,aAAiBpE,+CAAoBD;AAAaN,QAAAA,QAAQ2E;SAA1D;AAAA;AAbZ;;;AAmBNlG,SAASmG,WAAT,GAAuB,UAAvB;;;;"}

package/cjs/transfer/TransferList.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,76 +8,80 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-cbedafdb.js');
-var slicedToArray = require('../_chunks/dep-8f80ce94.js');
+var defineProperty = require('../_chunks/dep-d3bc70e6.js');
+var slicedToArray = require('../_chunks/dep-da78990d.js');
 var React = require('react');
 var classNames = require('classnames');
-var isFunction = require('../_chunks/dep-3cf89b5c.js');
-var isEmpty = require('../_chunks/dep-47c5958a.js');
-var isString = require('../_chunks/dep-9166817e.js');
+var isFunction = require('../_chunks/dep-2fd8f7ab.js');
+var isEmpty = require('../_chunks/dep-00b8a2d1.js');
+var isString = require('../_chunks/dep-b9b29dde.js');
 var tdesignIconsReact = require('tdesign-icons-react');
 var _util_useConfig = require('../_util/useConfig.js');
 var checkbox_index = require('../checkbox/index.js');
 var input_index = require('../input/index.js');
 var pagination_index = require('../pagination/index.js');
-require('../_chunks/dep-2c22ada3.js');
-require('../_chunks/dep-bc7ce7d9.js');
-require('../_chunks/dep-9b5ff552.js');
-require('../_chunks/dep-79109b15.js');
-require('../_chunks/dep-d86dd68c.js');
-require('../_chunks/dep-c0a7a7d0.js');
-require('../_chunks/dep-44e3e9bb.js');
-require('../_chunks/dep-13b26ac7.js');
-require('../_chunks/dep-d58c0812.js');
-require('../_chunks/dep-61673248.js');
-require('../_chunks/dep-ef75128a.js');
-require('../_chunks/dep-0b364e7e.js');
+require('../_chunks/dep-d9282bb5.js');
+require('../_chunks/dep-134e03ea.js');
+require('../_chunks/dep-4e5cf448.js');
+require('../_chunks/dep-1042649c.js');
+require('../_chunks/dep-f17d6eda.js');
+require('../_chunks/dep-bfed6fdf.js');
+require('../_chunks/dep-6518d17e.js');
+require('../_chunks/dep-8f43c640.js');
+require('../_chunks/dep-7729ff87.js');
+require('../_chunks/dep-18156ba1.js');
+require('../_chunks/dep-9351a106.js');
+require('../_chunks/dep-fc960735.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
-require('../_chunks/dep-1d475598.js');
+require('../_chunks/dep-f04f391f.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../common/Check.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-de61e955.js');
 require('../_util/helper.js');
-require('../_chunks/dep-abe29065.js');
-require('../_chunks/dep-9ecba42e.js');
-require('../_chunks/dep-37d490bf.js');
-require('../_chunks/dep-cba485ce.js');
-require('../_chunks/dep-62e1d7f2.js');
+require('../_chunks/dep-2b06a1a0.js');
+require('../_chunks/dep-597fbc24.js');
+require('../_chunks/dep-9733d1b2.js');
+require('../_chunks/dep-010aedd2.js');
+require('../_chunks/dep-3707da92.js');
 require('../_util/useDefault.js');
 require('../_util/noop.js');
-require('../_chunks/dep-56eca6a0.js');
+require('../_chunks/dep-ea57a529.js');
 require('../input/Input.js');
 require('../input/InputGroup.js');
 require('../_util/useDefaultValue.js');
 require('../pagination/Pagination.js');
 require('../select/index.js');
 require('../select/base/Select.js');
-require('../_chunks/dep-ebdde240.js');
-require('../_chunks/dep-6b5e4ff7.js');
-require('../_chunks/dep-4553e2fd.js');
+require('../_chunks/dep-bf483375.js');
+require('../_chunks/dep-9c880841.js');
+require('../_chunks/dep-ca5c0bd5.js');
+require('lodash');
 require('../locale/LocalReceiver.js');
 require('../_util/composeRefs.js');
 require('../select/util/helper.js');
-require('../_chunks/dep-24e6d496.js');
-require('lodash');
+require('../_chunks/dep-b5fa133f.js');
 require('../select/base/OptionGroup.js');
 require('../common/FakeArrow.js');
 require('../loading/index.js');
 require('../loading/loading.js');
-require('react-dom');
 require('../_util/dom.js');
 require('raf');
 require('../_util/easing.js');
 require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
 require('../popup/index.js');
 require('../popup/Popup.js');
+require('react-transition-group');
 require('react-popper');
 require('../_util/usePrevious.js');
 require('../popup/Portal.js');
-require('../popup/useTriggerProps.js');
+require('../popup/hooks/useTriggerProps.js');
 require('../_util/useClickOutside.js');
+require('../popup/hooks/usePopupCssTransition.js');
 require('../tag/index.js');
 require('../tag/Tag.js');
 require('../tag/CheckTag.js');
@@ -131,7 +135,7 @@ var TransferList = function TransferList(props) {
   var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
-  var CLASSPREFIX = "".concat(classPrefix, "-transfer-list");
+  var CLASSPREFIX = "".concat(classPrefix, "-transfer__list");
 
   var handleCheckbox = function handleCheckbox(vals) {
     if (isFunction.isFunction_1(onCheckbox)) onCheckbox(vals);
@@ -145,7 +149,7 @@ var TransferList = function TransferList(props) {
 
   var HeaderCmp = function HeaderCmp() {
     return /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(CLASSPREFIX, "__header")
+      className: "".concat(CLASSPREFIX, "-header")
     }, /* @__PURE__ */React__default["default"].createElement("div", null, /* @__PURE__ */React__default["default"].createElement(checkbox_index.Checkbox, {
       indeterminate: indeterminate,
       checked: allChecked,
@@ -156,7 +160,7 @@ var TransferList = function TransferList(props) {
 
   var SearchCmp = function SearchCmp() {
     return search ? /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(CLASSPREFIX, "-search-wrapper")
+      className: "".concat(classPrefix, "-transfer__search-wrapper")
     }, /* @__PURE__ */React__default["default"].createElement(input_index.Input, {
       placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22",
       suffixIcon: /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.SearchIcon, null),
@@ -176,7 +180,7 @@ var TransferList = function TransferList(props) {
 
   var EmptyCmp = function EmptyCmp() {
     return isString.isString_1(empty) ? /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-transfer-empty")
+      className: "".concat(classPrefix, "-transfer__empty")
     }, /* @__PURE__ */React__default["default"].createElement("span", null, empty || "\u6682\u65E0\u6570\u636E")) : empty;
   };
 
@@ -196,7 +200,7 @@ var TransferList = function TransferList(props) {
         key: item.value,
         value: item.value,
         disabled: item.disabled,
-        className: "".concat(CLASSPREFIX, "__item")
+        className: "".concat(CLASSPREFIX, "-item")
       }, /* @__PURE__ */React__default["default"].createElement("span", null, typeof transferItem === "function" ? transferItem({
         data: item,
         index: index,
@@ -207,9 +211,9 @@ var TransferList = function TransferList(props) {
 
   var BodyCmp = function BodyCmp() {
     return /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classNames__default["default"]("".concat(CLASSPREFIX, "__body"), defineProperty._defineProperty({}, "".concat(CLASSPREFIX, "-with-search"), search))
+      className: classNames__default["default"]("".concat(CLASSPREFIX, "-body"), defineProperty._defineProperty({}, "".concat(CLASSPREFIX, "--with-search"), search))
     }, SearchCmp(), /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(CLASSPREFIX, "__content narrow-scrollbar")
+      className: "".concat(CLASSPREFIX, "-content narrow-scrollbar")
     }, viewData.length ? contentCmp() : EmptyCmp()));
   };
 
@@ -223,7 +227,7 @@ var TransferList = function TransferList(props) {
     };
 
     return pagination ? /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(CLASSPREFIX, "__pagination")
+      className: "".concat(CLASSPREFIX, "-pagination")
     }, /* @__PURE__ */React__default["default"].createElement(pagination_index.Pagination, {
       size: "small",
       theme: "simple",
@@ -237,7 +241,7 @@ var TransferList = function TransferList(props) {
 
   var footerCmp = function footerCmp() {
     return !isEmpty.isEmpty_1(footer) ? /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-transfer-footer")
+      className: "".concat(classPrefix, "-transfer__footer")
     }, footer) : null;
   };
 

package/cjs/transfer/TransferList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransferList.js","sources":["../../src/transfer/TransferList.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport classnames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport isEmpty from 'lodash/isEmpty';\nimport isString from 'lodash/isString';\nimport { SearchIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport { TdTransferProps, TransferValue } from './type';\nimport { TNode, StyledProps } from '../common';\nimport Checkbox from '../checkbox';\nimport Input from '../input';\nimport Pagination, { PaginationProps } from '../pagination';\n\ninterface TransferListProps extends Pick<TdTransferProps, 'data' | 'search' | 'checked' | 'transferItem'>, StyledProps {\n  disabled?: boolean;\n  empty?: TNode | string;\n  title?: TNode;\n  footer?: TNode;\n  content?: TNode;\n  pagination?: Pick<PaginationProps, 'pageSize'> & { onPageChange?: (current: number) => void };\n  onCheckbox?: (checked: Array<TransferValue>) => void;\n  onSearch?: (value: string) => void;\n}\n\nconst TransferList: React.FunctionComponent<TransferListProps> = (props) => {\n  const {\n    className,\n    style,\n    data,\n    search = false,\n    checked = [],\n    empty,\n    title,\n    footer,\n    content,\n    onCheckbox,\n    onSearch,\n    disabled = false,\n    pagination,\n    transferItem,\n  } = props;\n\n  const notDisabledData = data.filter((item) => !item.disabled);\n  const [currentPage, setCurrentPage] = useState<number>(1);\n\n  const [indeterminate, allChecked] = useMemo(() => {\n    const aciveLen = checked.length;\n    const notLen = notDisabledData.length;\n    return [aciveLen && aciveLen < notLen, aciveLen && aciveLen === notLen];\n  }, [checked, notDisabledData]);\n\n  const { classPrefix } = useConfig();\n  const CLASSPREFIX = `${classPrefix}-transfer-list`;\n\n  const handleCheckbox = (vals: Array<TransferValue>) => {\n    if (isFunction(onCheckbox)) onCheckbox(vals);\n  };\n\n  const handleAllCheckbox = (checked: boolean) => {\n    if (isFunction(onCheckbox)) onCheckbox(checked ? notDisabledData.map((item) => item.value) : []);\n  };\n\n  const HeaderCmp = () => (\n    <div className={`${CLASSPREFIX}__header`}>\n      <div>\n        <Checkbox\n          indeterminate={indeterminate}\n          checked={allChecked}\n          disabled={disabled}\n          onChange={handleAllCheckbox}\n        ></Checkbox>\n        <span>\n          {checked.length} / {data.length} 项\n        </span>\n      </div>\n      <span>{title}</span>\n    </div>\n  );\n\n  const SearchCmp = () =>\n    search ? (\n      <div className={`${CLASSPREFIX}-search-wrapper`}>\n        <Input placeholder=\"请输入关键词搜索\" suffixIcon={<SearchIcon></SearchIcon>} onChange={onSearch}></Input>\n      </div>\n    ) : null;\n\n  const viewData = useMemo(() => {\n    if (!isEmpty(pagination)) {\n      const pageSize = pagination.pageSize || 10;\n      const start = (currentPage - 1) * pageSize;\n      return data.slice(start, start + pageSize);\n    }\n    return data;\n  }, [currentPage, data, pagination]);\n\n  const EmptyCmp = () =>\n    isString(empty) ? (\n      <div className={`${classPrefix}-transfer-empty`}>\n        <span>{empty || '暂无数据'}</span>\n      </div>\n    ) : (\n      empty\n    );\n\n  const contentCmp = () => {\n    if (typeof content === 'function') {\n      return content({ data: viewData });\n    }\n    return (\n      <Checkbox.Group value={checked} onChange={handleCheckbox} disabled={disabled}>\n        {viewData.map((item, index) => (\n          <Checkbox key={item.value} value={item.value} disabled={item.disabled} className={`${CLASSPREFIX}__item`}>\n            <span>\n              {typeof transferItem === 'function' ? transferItem({ data: item, index, type: 'source' }) : item.label}\n            </span>\n          </Checkbox>\n        ))}\n      </Checkbox.Group>\n    );\n  };\n  const BodyCmp = () => (\n    <div\n      className={classnames(`${CLASSPREFIX}__body`, {\n        [`${CLASSPREFIX}-with-search`]: search,\n      })}\n    >\n      {SearchCmp()}\n      <div className={`${CLASSPREFIX}__content narrow-scrollbar`}>{viewData.length ? contentCmp() : EmptyCmp()}</div>\n    </div>\n  );\n\n  const PaginationCmp = () => {\n    const handleCurrentPagination = (current: number) => {\n      setCurrentPage(current);\n      if (isFunction(pagination.onPageChange)) {\n        pagination.onPageChange(current);\n      }\n    };\n\n    return pagination ? (\n      <div className={`${CLASSPREFIX}__pagination`}>\n        <Pagination\n          size=\"small\"\n          theme=\"simple\"\n          pageSizeOptions={[]}\n          total={data.length}\n          totalContent={false}\n          onCurrentChange={handleCurrentPagination}\n          pageSize={pagination.pageSize}\n        />\n      </div>\n    ) : null;\n  };\n\n  const footerCmp = () => (!isEmpty(footer) ? <div className={`${classPrefix}-transfer-footer`}>{footer}</div> : null);\n\n  return (\n    <div style={style} className={classnames(CLASSPREFIX, className)}>\n      {HeaderCmp()}\n      {BodyCmp()}\n      {PaginationCmp()}\n      {footerCmp()}\n    </div>\n  );\n};\n\nexport default TransferList;\n"],"names":["TransferList","props","className","style","data","search","checked","empty","title","footer","content","onCheckbox","onSearch","disabled","pagination","transferItem","notDisabledData","filter","item","useState","currentPage","setCurrentPage","useMemo","aciveLen","length","notLen","indeterminate","allChecked","useConfig","classPrefix","CLASSPREFIX","handleCheckbox","vals","isFunction","handleAllCheckbox","checked2","map","value","HeaderCmp","Checkbox","onChange","SearchCmp","Input","placeholder","suffixIcon","SearchIcon","viewData","isEmpty","pageSize","start","slice","EmptyCmp","isString","contentCmp","Group","index","key","type","label","BodyCmp","classnames","PaginationCmp","handleCurrentPagination","current","onPageChange","Pagination","size","theme","pageSizeOptions","total","totalContent","onCurrentChange","footerCmp"],"mappings":"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"}
+{"version":3,"file":"TransferList.js","sources":["../../src/transfer/TransferList.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport classnames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport isEmpty from 'lodash/isEmpty';\nimport isString from 'lodash/isString';\nimport { SearchIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport { TdTransferProps, TransferValue } from './type';\nimport { TNode, StyledProps } from '../common';\nimport Checkbox from '../checkbox';\nimport Input from '../input';\nimport Pagination, { PaginationProps } from '../pagination';\n\ninterface TransferListProps extends Pick<TdTransferProps, 'data' | 'search' | 'checked' | 'transferItem'>, StyledProps {\n  disabled?: boolean;\n  empty?: TNode | string;\n  title?: TNode;\n  footer?: TNode;\n  content?: TNode;\n  pagination?: Pick<PaginationProps, 'pageSize'> & { onPageChange?: (current: number) => void };\n  onCheckbox?: (checked: Array<TransferValue>) => void;\n  onSearch?: (value: string) => void;\n}\n\nconst TransferList: React.FunctionComponent<TransferListProps> = (props) => {\n  const {\n    className,\n    style,\n    data,\n    search = false,\n    checked = [],\n    empty,\n    title,\n    footer,\n    content,\n    onCheckbox,\n    onSearch,\n    disabled = false,\n    pagination,\n    transferItem,\n  } = props;\n\n  const notDisabledData = data.filter((item) => !item.disabled);\n  const [currentPage, setCurrentPage] = useState<number>(1);\n\n  const [indeterminate, allChecked] = useMemo(() => {\n    const aciveLen = checked.length;\n    const notLen = notDisabledData.length;\n    return [aciveLen && aciveLen < notLen, aciveLen && aciveLen === notLen];\n  }, [checked, notDisabledData]);\n\n  const { classPrefix } = useConfig();\n  const CLASSPREFIX = `${classPrefix}-transfer__list`;\n\n  const handleCheckbox = (vals: Array<TransferValue>) => {\n    if (isFunction(onCheckbox)) onCheckbox(vals);\n  };\n\n  const handleAllCheckbox = (checked: boolean) => {\n    if (isFunction(onCheckbox)) onCheckbox(checked ? notDisabledData.map((item) => item.value) : []);\n  };\n\n  const HeaderCmp = () => (\n    <div className={`${CLASSPREFIX}-header`}>\n      <div>\n        <Checkbox\n          indeterminate={indeterminate}\n          checked={allChecked}\n          disabled={disabled}\n          onChange={handleAllCheckbox}\n        ></Checkbox>\n        <span>\n          {checked.length} / {data.length} 项\n        </span>\n      </div>\n      <span>{title}</span>\n    </div>\n  );\n\n  const SearchCmp = () =>\n    search ? (\n      <div className={`${classPrefix}-transfer__search-wrapper`}>\n        <Input placeholder=\"请输入关键词搜索\" suffixIcon={<SearchIcon></SearchIcon>} onChange={onSearch}></Input>\n      </div>\n    ) : null;\n\n  const viewData = useMemo(() => {\n    if (!isEmpty(pagination)) {\n      const pageSize = pagination.pageSize || 10;\n      const start = (currentPage - 1) * pageSize;\n      return data.slice(start, start + pageSize);\n    }\n    return data;\n  }, [currentPage, data, pagination]);\n\n  const EmptyCmp = () =>\n    isString(empty) ? (\n      <div className={`${classPrefix}-transfer__empty`}>\n        <span>{empty || '暂无数据'}</span>\n      </div>\n    ) : (\n      empty\n    );\n\n  const contentCmp = () => {\n    if (typeof content === 'function') {\n      return content({ data: viewData });\n    }\n    return (\n      <Checkbox.Group value={checked} onChange={handleCheckbox} disabled={disabled}>\n        {viewData.map((item, index) => (\n          <Checkbox key={item.value} value={item.value} disabled={item.disabled} className={`${CLASSPREFIX}-item`}>\n            <span>\n              {typeof transferItem === 'function' ? transferItem({ data: item, index, type: 'source' }) : item.label}\n            </span>\n          </Checkbox>\n        ))}\n      </Checkbox.Group>\n    );\n  };\n  const BodyCmp = () => (\n    <div\n      className={classnames(`${CLASSPREFIX}-body`, {\n        [`${CLASSPREFIX}--with-search`]: search,\n      })}\n    >\n      {SearchCmp()}\n      <div className={`${CLASSPREFIX}-content narrow-scrollbar`}>{viewData.length ? contentCmp() : EmptyCmp()}</div>\n    </div>\n  );\n\n  const PaginationCmp = () => {\n    const handleCurrentPagination = (current: number) => {\n      setCurrentPage(current);\n      if (isFunction(pagination.onPageChange)) {\n        pagination.onPageChange(current);\n      }\n    };\n\n    return pagination ? (\n      <div className={`${CLASSPREFIX}-pagination`}>\n        <Pagination\n          size=\"small\"\n          theme=\"simple\"\n          pageSizeOptions={[]}\n          total={data.length}\n          totalContent={false}\n          onCurrentChange={handleCurrentPagination}\n          pageSize={pagination.pageSize}\n        />\n      </div>\n    ) : null;\n  };\n\n  const footerCmp = () => (!isEmpty(footer) ? <div className={`${classPrefix}-transfer__footer`}>{footer}</div> : null);\n\n  return (\n    <div style={style} className={classnames(CLASSPREFIX, className)}>\n      {HeaderCmp()}\n      {BodyCmp()}\n      {PaginationCmp()}\n      {footerCmp()}\n    </div>\n  );\n};\n\nexport default TransferList;\n"],"names":["TransferList","props","className","style","data","search","checked","empty","title","footer","content","onCheckbox","onSearch","disabled","pagination","transferItem","notDisabledData","filter","item","useState","currentPage","setCurrentPage","useMemo","aciveLen","length","notLen","indeterminate","allChecked","useConfig","classPrefix","CLASSPREFIX","handleCheckbox","vals","isFunction","handleAllCheckbox","checked2","map","value","HeaderCmp","Checkbox","onChange","SearchCmp","Input","placeholder","suffixIcon","SearchIcon","viewData","isEmpty","pageSize","start","slice","EmptyCmp","isString","contentCmp","Group","index","key","type","label","BodyCmp","classnames","PaginationCmp","handleCurrentPagination","current","onPageChange","Pagination","size","theme","pageSizeOptions","total","totalContent","onCurrentChange","footerCmp"],"mappings":"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"}