tdesign-react 0.18.2 → 0.19.0

package/lib/transfer/TransferList.js

@@ -0,0 +1,242 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
+import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
+import React__default, { useState, useMemo } from 'react';
+import classNames from 'classnames';
+import { i as isFunction_1 } from '../_chunks/dep-02f1a98a.js';
+import { i as isEmpty_1 } from '../_chunks/dep-cbf06970.js';
+import { i as isString_1 } from '../_chunks/dep-0cdc5a07.js';
+import { SearchIcon } from 'tdesign-icons-react';
+import useConfig from '../_util/useConfig.js';
+import { Checkbox } from '../checkbox/index.js';
+import { Input } from '../input/index.js';
+import { Pagination } from '../pagination/index.js';
+import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-3072ff80.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-204550b9.js';
+import '../_chunks/dep-18e14c45.js';
+import '../_chunks/dep-0d406d60.js';
+import '../_chunks/dep-aa8beec4.js';
+import '../_chunks/dep-bd015982.js';
+import '../_chunks/dep-62256c26.js';
+import '../_chunks/dep-c5b8c162.js';
+import '../_chunks/dep-785f8869.js';
+import '../_chunks/dep-59c3a435.js';
+import '../config-provider/ConfigContext.js';
+import '../locale/zh_CN.js';
+import '../_chunks/dep-2a10530e.js';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+import '../common/Check.js';
+import '../_chunks/dep-b3d60655.js';
+import '../_util/helper.js';
+import '../_chunks/dep-13d556fa.js';
+import '../_chunks/dep-42f70fd8.js';
+import '../_chunks/dep-7f56083b.js';
+import '../_chunks/dep-e89acf5e.js';
+import '../_chunks/dep-44f74e97.js';
+import '../_util/useDefault.js';
+import '../_util/noop.js';
+import '../_chunks/dep-e4edcaa4.js';
+import '../input/Input.js';
+import '../input/InputGroup.js';
+import '../_util/useDefaultValue.js';
+import '../pagination/Pagination.js';
+import '../select/index.js';
+import '../select/base/Select.js';
+import '../_chunks/dep-ca288302.js';
+import '../_chunks/dep-abf70528.js';
+import '../_chunks/dep-31aba762.js';
+import '../locale/LocalReceiver.js';
+import '../_util/composeRefs.js';
+import '../select/util/helper.js';
+import '../_chunks/dep-f405fda4.js';
+import 'lodash';
+import '../select/base/OptionGroup.js';
+import '../common/FakeArrow.js';
+import '../loading/index.js';
+import '../loading/loading.js';
+import 'react-dom';
+import '../_util/dom.js';
+import 'raf';
+import '../_util/easing.js';
+import '../common/Portal.js';
+import '../popup/index.js';
+import '../popup/Popup.js';
+import 'react-popper';
+import '../_util/usePrevious.js';
+import '../popup/Portal.js';
+import '../popup/useTriggerProps.js';
+import '../_util/useClickOutside.js';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../tag/CheckTag.js';
+import '../select/base/Option.js';
+import '../_util/useRipple.js';
+import '../_util/setStyle.js';
+import '../select/base/PopupContent.js';
+import '../pagination/validators.js';
+
+var TransferList = function TransferList(props) {
+  var className = props.className,
+      style = props.style,
+      data = props.data,
+      _props$search = props.search,
+      search = _props$search === void 0 ? false : _props$search,
+      _props$checked = props.checked,
+      checked = _props$checked === void 0 ? [] : _props$checked,
+      empty = props.empty,
+      title = props.title,
+      footer = props.footer,
+      content = props.content,
+      onCheckbox = props.onCheckbox,
+      onSearch = props.onSearch,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      pagination = props.pagination,
+      transferItem = props.transferItem;
+  var notDisabledData = data.filter(function (item) {
+    return !item.disabled;
+  });
+
+  var _useState = useState(1),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentPage = _useState2[0],
+      setCurrentPage = _useState2[1];
+
+  var _useMemo = useMemo(function () {
+    var aciveLen = checked.length;
+    var notLen = notDisabledData.length;
+    return [aciveLen && aciveLen < notLen, aciveLen && aciveLen === notLen];
+  }, [checked, notDisabledData]),
+      _useMemo2 = _slicedToArray(_useMemo, 2),
+      indeterminate = _useMemo2[0],
+      allChecked = _useMemo2[1];
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var CLASSPREFIX = "".concat(classPrefix, "-transfer-list");
+
+  var handleCheckbox = function handleCheckbox(vals) {
+    if (isFunction_1(onCheckbox)) onCheckbox(vals);
+  };
+
+  var handleAllCheckbox = function handleAllCheckbox(checked2) {
+    if (isFunction_1(onCheckbox)) onCheckbox(checked2 ? notDisabledData.map(function (item) {
+      return item.value;
+    }) : []);
+  };
+
+  var HeaderCmp = function HeaderCmp() {
+    return /* @__PURE__ */React__default.createElement("div", {
+      className: "".concat(CLASSPREFIX, "__header")
+    }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement(Checkbox, {
+      indeterminate: indeterminate,
+      checked: allChecked,
+      disabled: disabled,
+      onChange: handleAllCheckbox
+    }), /* @__PURE__ */React__default.createElement("span", null, checked.length, " / ", data.length, " \u9879")), /* @__PURE__ */React__default.createElement("span", null, title));
+  };
+
+  var SearchCmp = function SearchCmp() {
+    return search ? /* @__PURE__ */React__default.createElement("div", {
+      className: "".concat(CLASSPREFIX, "-search-wrapper")
+    }, /* @__PURE__ */React__default.createElement(Input, {
+      placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22",
+      suffixIcon: /* @__PURE__ */React__default.createElement(SearchIcon, null),
+      onChange: onSearch
+    })) : null;
+  };
+
+  var viewData = useMemo(function () {
+    if (!isEmpty_1(pagination)) {
+      var pageSize = pagination.pageSize || 10;
+      var start = (currentPage - 1) * pageSize;
+      return data.slice(start, start + pageSize);
+    }
+
+    return data;
+  }, [currentPage, data, pagination]);
+
+  var EmptyCmp = function EmptyCmp() {
+    return isString_1(empty) ? /* @__PURE__ */React__default.createElement("div", {
+      className: "".concat(classPrefix, "-transfer-empty")
+    }, /* @__PURE__ */React__default.createElement("span", null, empty || "\u6682\u65E0\u6570\u636E")) : empty;
+  };
+
+  var contentCmp = function contentCmp() {
+    if (typeof content === "function") {
+      return content({
+        data: viewData
+      });
+    }
+
+    return /* @__PURE__ */React__default.createElement(Checkbox.Group, {
+      value: checked,
+      onChange: handleCheckbox,
+      disabled: disabled
+    }, viewData.map(function (item, index) {
+      return /* @__PURE__ */React__default.createElement(Checkbox, {
+        key: item.value,
+        value: item.value,
+        disabled: item.disabled,
+        className: "".concat(CLASSPREFIX, "__item")
+      }, /* @__PURE__ */React__default.createElement("span", null, typeof transferItem === "function" ? transferItem({
+        data: item,
+        index: index,
+        type: "source"
+      }) : item.label));
+    }));
+  };
+
+  var BodyCmp = function BodyCmp() {
+    return /* @__PURE__ */React__default.createElement("div", {
+      className: classNames("".concat(CLASSPREFIX, "__body"), _defineProperty({}, "".concat(CLASSPREFIX, "-with-search"), search))
+    }, SearchCmp(), /* @__PURE__ */React__default.createElement("div", {
+      className: "".concat(CLASSPREFIX, "__content narrow-scrollbar")
+    }, viewData.length ? contentCmp() : EmptyCmp()));
+  };
+
+  var PaginationCmp = function PaginationCmp() {
+    var handleCurrentPagination = function handleCurrentPagination(current) {
+      setCurrentPage(current);
+
+      if (isFunction_1(pagination.onPageChange)) {
+        pagination.onPageChange(current);
+      }
+    };
+
+    return pagination ? /* @__PURE__ */React__default.createElement("div", {
+      className: "".concat(CLASSPREFIX, "__pagination")
+    }, /* @__PURE__ */React__default.createElement(Pagination, {
+      size: "small",
+      theme: "simple",
+      pageSizeOptions: [],
+      total: data.length,
+      totalContent: false,
+      onCurrentChange: handleCurrentPagination,
+      pageSize: pagination.pageSize
+    })) : null;
+  };
+
+  var footerCmp = function footerCmp() {
+    return !isEmpty_1(footer) ? /* @__PURE__ */React__default.createElement("div", {
+      className: "".concat(classPrefix, "-transfer-footer")
+    }, footer) : null;
+  };
+
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: style,
+    className: classNames(CLASSPREFIX, className)
+  }, HeaderCmp(), BodyCmp(), PaginationCmp(), footerCmp());
+};
+
+export { TransferList as default };
+//# sourceMappingURL=TransferList.js.map

package/lib/transfer/TransferList.js.map

@@ -0,0 +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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"}

package/lib/transfer/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import './style/index.js';
+export type { TransferProps } from './Transfer';
+export * from './type';
+export declare const Transfer: import("react").FunctionComponent<import("./Transfer").TransferProps>;
+export default Transfer;

package/lib/transfer/index.js

@@ -0,0 +1,97 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import Transfer$1 from './Transfer.js';
+import '../_chunks/dep-53c6c586.js';
+import '../_chunks/dep-f405fda4.js';
+import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-fff59b5a.js';
+import 'react';
+import '../_chunks/dep-dc6405c7.js';
+import '../_chunks/dep-abf70528.js';
+import '../_chunks/dep-785f8869.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-7f56083b.js';
+import '../_chunks/dep-3072ff80.js';
+import '../_chunks/dep-aa8beec4.js';
+import '../_chunks/dep-62256c26.js';
+import '../_chunks/dep-02f1a98a.js';
+import '../_chunks/dep-204550b9.js';
+import '../_chunks/dep-31aba762.js';
+import '../_chunks/dep-42f70fd8.js';
+import '../_chunks/dep-bd015982.js';
+import '../_chunks/dep-b573d9f2.js';
+import '../_chunks/dep-c5b8c162.js';
+import '../_chunks/dep-849a1baf.js';
+import '../_chunks/dep-59c3a435.js';
+import '../_chunks/dep-0d406d60.js';
+import 'classnames';
+import 'tdesign-icons-react';
+import '../_util/useConfig.js';
+import '../config-provider/ConfigContext.js';
+import '../locale/zh_CN.js';
+import '../button/index.js';
+import '../button/Button.js';
+import '../_chunks/dep-b3d60655.js';
+import '../_util/noop.js';
+import '../_util/useRipple.js';
+import '../_util/setStyle.js';
+import '../loading/index.js';
+import '../loading/loading.js';
+import 'react-dom';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-0cdc5a07.js';
+import '../_util/easing.js';
+import '../common/Portal.js';
+import './TransferList.js';
+import '../_chunks/dep-cbf06970.js';
+import '../_chunks/dep-18e14c45.js';
+import '../checkbox/index.js';
+import '../_chunks/dep-2a10530e.js';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+import '../common/Check.js';
+import '../_util/helper.js';
+import '../_chunks/dep-13d556fa.js';
+import '../_chunks/dep-e89acf5e.js';
+import '../_chunks/dep-44f74e97.js';
+import '../_util/useDefault.js';
+import '../_chunks/dep-e4edcaa4.js';
+import '../input/index.js';
+import '../input/Input.js';
+import '../input/InputGroup.js';
+import '../_util/useDefaultValue.js';
+import '../pagination/index.js';
+import '../pagination/Pagination.js';
+import '../select/index.js';
+import '../select/base/Select.js';
+import '../_chunks/dep-ca288302.js';
+import '../locale/LocalReceiver.js';
+import '../_util/composeRefs.js';
+import '../select/util/helper.js';
+import 'lodash';
+import '../select/base/OptionGroup.js';
+import '../common/FakeArrow.js';
+import '../popup/index.js';
+import '../popup/Popup.js';
+import 'react-popper';
+import '../_util/usePrevious.js';
+import '../popup/Portal.js';
+import '../popup/useTriggerProps.js';
+import '../_util/useClickOutside.js';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../tag/CheckTag.js';
+import '../select/base/Option.js';
+import '../select/base/PopupContent.js';
+import '../pagination/validators.js';
+import './utils.js';
+
+var Transfer = Transfer$1;
+
+export { Transfer, Transfer as default };
+//# sourceMappingURL=index.js.map

package/lib/transfer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/transfer/index.ts"],"sourcesContent":["import _Transfer from './Transfer';\n\nimport './style/index.js';\n\nexport type { TransferProps } from './Transfer';\nexport * from './type';\n\nexport const Transfer = _Transfer;\nexport default Transfer;\n"],"names":["Transfer","_Transfer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,WAAWC;;;;"}

package/lib/transfer/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/transfer/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/transfer/type.d.ts

@@ -0,0 +1,158 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-06 18:23:02
+ * */
+import { CheckboxProps } from '../checkbox';
+import { PaginationProps, PageInfo } from '../pagination';
+import { InputProps } from '../input';
+import { TNode, KeysType } from '../common';
+import { KeyboardEvent, FormEvent } from 'react';
+export interface TdTransferProps<T extends DataOption = DataOption> {
+    /**
+     * 用于控制复选框属性
+     */
+    checkboxProps?: CheckboxProps;
+    /**
+     * 数据列表选中项
+     * @default []
+     */
+    checked?: Array<TransferValue>;
+    /**
+     * 数据列表选中项，非受控属性
+     * @default []
+     */
+    defaultChecked?: Array<TransferValue>;
+    /**
+     * 全量数据
+     * @default []
+     */
+    data?: Array<T>;
+    /**
+     * 穿梭框可操作方向
+     * @default both
+     */
+    direction?: 'left' | 'right' | 'both';
+    /**
+     * 禁用全部操作：搜索、选中、移动、分页等。[源列表, 目标列表]，示例：[true, false] 或者 true
+     * @default false
+     */
+    disabled?: boolean | Array<boolean>;
+    /**
+     * 列表为空时呈现的内容。值类型为数组，则表示分别控制源列表和目标列表数据为空的呈现内容
+     * @default ''
+     */
+    empty?: EmptyType | Array<EmptyType> | TNode;
+    /**
+     * 穿梭框底部内容
+     */
+    footer?: Array<string | TNode> | TNode<{
+        type: TransferListType;
+    }>;
+    /**
+     * 用来定义选项文本和选项值字段，示例：{ label: 'text', value: 'id' }，表示选项文本取 `text` 字段，选项值取 `id` 字段
+     */
+    keys?: KeysType;
+    /**
+     * 方向操作按钮。默认显示组件内置操作图标。自定义操作图标示例：['向左', '向右'] 或者 `[() => <i class='left' />, () => <i class='left' />]` 或者 `(h, direction) => direction === 'left' ? '《' : '》'`
+     */
+    operation?: Array<string | TNode> | TNode<{
+        direction: 'left' | 'right';
+    }>;
+    /**
+     * 分页配置，值为空则不显示。具体 API 参考分页组件。值类型为数组，表示可分别控制源列表和目标列表分页组件
+     */
+    pagination?: PaginationProps | Array<PaginationProps>;
+    /**
+     * 搜索框配置，值为 false 表示不显示搜索框；值为 true 表示显示默认搜索框；值类型为对象，用于透传 Props 到 Input 组件；值类型为数组，则分别表示控制两侧搜索框
+     * @default false
+     */
+    search?: SearchOption | Array<SearchOption>;
+    /**
+     * 是否显示全选，值类型为数组则表示分别控制源列表和目标列表
+     * @default true
+     */
+    showCheckAll?: boolean | Array<boolean>;
+    /**
+     * 目标数据列表排列顺序
+     * @default original
+     */
+    targetSort?: 'original' | 'push' | 'unshift';
+    /**
+     * 穿梭框标题，示例：['源列表', '目标列表'] 或者 `[() => 'A', () => 'B']` 或者 `({ type }) => type === 'source' ? '源' : '目标'`
+     * @default []
+     */
+    title?: Array<TitleType> | TNode<{
+        type: TransferListType;
+    }>;
+    /**
+     * 自定义渲染节点
+     */
+    transferItem?: TNode<TransferItem<T>>;
+    /**
+     * 目标数据列表数据
+     * @default []
+     */
+    value?: Array<TransferValue>;
+    /**
+     * 目标数据列表数据，非受控属性
+     * @default []
+     */
+    defaultValue?: Array<TransferValue>;
+    /**
+     * 数据列表发生变化时触发，`type` 值为 `source`，表示源列表移动到目标列表，值为 `target` 表示目标列表移动到源列表，movedValue 则表示被移动的选项
+     */
+    onChange?: (targetValue: Array<TransferValue>, context: TargetParams) => void;
+    /**
+     * 源数据列表或目标数据列表的选中项发生变化时触发，`context.type` 可以区分触发来源是目标列表，还是源列表
+     */
+    onCheckedChange?: (options: CheckedOptions) => void;
+    /**
+     * 分页发生变化时触发
+     */
+    onPageChange?: (page: PageInfo, context: {
+        type: TransferListType;
+    }) => void;
+    /**
+     * 列表滚动时触发，bottomDistance 表示元素滚动到底部的距离
+     */
+    onScroll?: (options: {
+        e: Event;
+        bottomDistance: number;
+        type: TransferListType;
+    }) => void;
+    /**
+     * 搜索时触发，options.query 表示用户输入的内容
+     */
+    onSearch?: (options: SearchContext) => void;
+}
+export declare type EmptyType = string | TNode;
+export declare type SearchOption = boolean | InputProps;
+export declare type TitleType = string | TNode;
+export declare type TransferListType = 'source' | 'target';
+export interface TransferItem<T extends DataOption = DataOption> {
+    data: T;
+    index: number;
+    type: TransferListType;
+}
+export interface TargetParams {
+    type: TransferListType;
+    movedValue: Array<TransferValue>;
+}
+export interface CheckedOptions {
+    checked: Array<TransferValue>;
+    sourceChecked: Array<TransferValue>;
+    targetChecked: Array<TransferValue>;
+    type: TransferListType;
+}
+export interface SearchContext {
+    query: string;
+    type: TransferListType;
+    trigger: 'input' | 'enter';
+    e: FormEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>;
+}
+export declare type DataOption = {
+    label?: string;
+    value?: TransferValue;
+    disabled?: boolean;
+} & Record<string, any>;
+export declare type TransferValue = string | number;

package/lib/transfer/type.js

@@ -0,0 +1,7 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+//# sourceMappingURL=type.js.map

package/lib/transfer/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/lib/transfer/utils.d.ts

@@ -0,0 +1,3 @@
+import { TNode } from '../common';
+export declare const getDefaultValue: <T>(value: T | T[], defaultValue?: T) => T[];
+export declare const getJSX: (value: string | TNode) => any;

package/lib/transfer/utils.js

@@ -0,0 +1,39 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import { i as isEmpty_1 } from '../_chunks/dep-cbf06970.js';
+import { i as isFunction_1 } from '../_chunks/dep-02f1a98a.js';
+import { i as isString_1 } from '../_chunks/dep-0cdc5a07.js';
+import React__default from 'react';
+import '../_chunks/dep-18e14c45.js';
+import '../_chunks/dep-3072ff80.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-0d406d60.js';
+import '../_chunks/dep-aa8beec4.js';
+import '../_chunks/dep-bd015982.js';
+import '../_chunks/dep-62256c26.js';
+import '../_chunks/dep-204550b9.js';
+import '../_chunks/dep-c5b8c162.js';
+import '../_chunks/dep-785f8869.js';
+import '../_chunks/dep-59c3a435.js';
+
+var getDefaultValue = function getDefaultValue(value, defaultValue) {
+  if (isEmpty_1(value)) {
+    return Array.isArray(defaultValue) ? defaultValue : [defaultValue, defaultValue];
+  }
+
+  if (Array.isArray(value)) return value;
+  return [defaultValue, defaultValue];
+};
+var getJSX = function getJSX(value) {
+  if (isString_1(value)) return value;
+  if (isFunction_1(value)) return value();
+  if ( /*#__PURE__*/React__default.isValidElement(value)) return value;
+  return value;
+};
+
+export { getDefaultValue, getJSX };
+//# sourceMappingURL=utils.js.map

package/lib/transfer/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/transfer/utils.ts"],"sourcesContent":["import isEmpty from 'lodash/isEmpty';\nimport isFunction from 'lodash/isFunction';\nimport isString from 'lodash/isString';\nimport React from 'react';\nimport { TNode } from '../common';\n\nexport const getDefaultValue = <T>(value: T | T[], defaultValue?: T): T[] => {\n  if (isEmpty(value)) {\n    return Array.isArray(defaultValue) ? defaultValue : [defaultValue, defaultValue];\n  }\n\n  if (Array.isArray(value)) return value;\n\n  return [defaultValue, defaultValue];\n};\n\nexport const getJSX = (value: string | TNode) => {\n  if (isString(value)) return value;\n\n  if (isFunction(value)) return value();\n\n  if (React.isValidElement(value)) return value;\n\n  return value;\n};\n"],"names":["getDefaultValue","value","defaultValue","isEmpty","Array","isArray","getJSX","isString","isFunction","React","isValidElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAMaA,kBAAkB,SAAlBA,eAAkB,CAAIC,KAAJ,EAAoBC,YAApB,EAA8C;MACvEC,UAAQF,QAAQ;WACXG,MAAMC,OAAN,CAAcH,YAAd,IAA8BA,YAA9B,GAA6C,CAACA,YAAD,EAAeA,YAAf;;;MAGlDE,MAAMC,OAAN,CAAcJ,KAAd,UAA6BA;SAE1B,CAACC,YAAD,EAAeA,YAAf;;IAGII,SAAS,SAATA,MAAS,CAACL,KAAD,EAA2B;MAC3CM,WAASN,eAAeA;MAExBO,aAAWP,eAAeA;oBAE1BQ,eAAMC,cAAN,CAAqBT,KAArB,UAAoCA;SAEjCA;;;;;"}

package/lib/tree/Tree.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TreeOptionData } from '../_type';
-import { TreeInstanceFunctions, TdTreeProps } from '../_type/components/tree';
+import { TreeOptionData } from '../common';
+import { TreeInstanceFunctions, TdTreeProps } from './type';
 export declare type TreeProps = TdTreeProps;
 /**
  * 树组件