@fle-ui/next 3.0.0-alpha.0 → 3.0.0-alpha.2

package/lib/tour/style/index.js

@@ -0,0 +1,189 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _tinycolor = require("@ctrl/tinycolor");
+
+var _internal = require("../../theme/internal");
+
+var _style = require("../../style");
+
+var _placementArrow = _interopRequireWildcard(require("../../style/placementArrow")); // =============================== Base ===============================
+
+
+var genBaseStyle = function genBaseStyle(token) {
+  var _ref3, _ref4, _ref6, _extends2, _ref9;
+
+  var componentCls = token.componentCls,
+      lineHeight = token.lineHeight,
+      padding = token.padding,
+      paddingXS = token.paddingXS,
+      borderRadius = token.borderRadius,
+      borderRadiusXS = token.borderRadiusXS,
+      colorPrimary = token.colorPrimary,
+      colorText = token.colorText,
+      colorFill = token.colorFill,
+      sliderHeight = token.sliderHeight,
+      sliderWidth = token.sliderWidth,
+      boxShadow = token.boxShadow,
+      tourZIndexPopup = token.tourZIndexPopup,
+      fontSize = token.fontSize,
+      colorBgContainer = token.colorBgContainer,
+      fontWeightStrong = token.fontWeightStrong,
+      marginXS = token.marginXS,
+      colorTextLightSolid = token.colorTextLightSolid,
+      tourBorderRadius = token.tourBorderRadius,
+      colorWhite = token.colorWhite,
+      colorBgTextHover = token.colorBgTextHover,
+      tourCloseSize = token.tourCloseSize,
+      motionDurationSlow = token.motionDurationSlow;
+  return [(_ref9 = {}, (0, _defineProperty2["default"])(_ref9, componentCls, (0, _extends3["default"])((0, _extends3["default"])({}, (0, _style.resetComponent)(token)), (_extends2 = {
+    color: colorText,
+    position: 'absolute',
+    zIndex: tourZIndexPopup,
+    display: 'block',
+    visibility: 'visible',
+    fontSize: fontSize,
+    lineHeight: lineHeight,
+    width: 520,
+    '--antd-arrow-background-color': colorBgContainer,
+    '&-pure': {
+      maxWidth: '100%',
+      position: 'relative'
+    }
+  }, (0, _defineProperty2["default"])(_extends2, "&" + componentCls + "-hidden", {
+    display: 'none'
+  }), (0, _defineProperty2["default"])(_extends2, componentCls + "-content", {
+    position: 'relative'
+  }), (0, _defineProperty2["default"])(_extends2, componentCls + "-inner", (_ref4 = {
+    textAlign: 'start',
+    textDecoration: 'none',
+    borderRadius: tourBorderRadius,
+    boxShadow: boxShadow,
+    position: 'relative',
+    backgroundColor: colorBgContainer,
+    border: 'none',
+    backgroundClip: 'padding-box'
+  }, (0, _defineProperty2["default"])(_ref4, componentCls + "-close", {
+    position: 'absolute',
+    top: padding,
+    insetInlineEnd: padding,
+    color: token.colorIcon,
+    outline: 'none',
+    width: tourCloseSize,
+    height: tourCloseSize,
+    borderRadius: token.borderRadiusSM,
+    transition: "background-color " + token.motionDurationMid + ", color " + token.motionDurationMid,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    '&:hover': {
+      color: token.colorIconHover,
+      backgroundColor: token.wireframe ? 'transparent' : token.colorFillContent
+    }
+  }), (0, _defineProperty2["default"])(_ref4, componentCls + "-cover", {
+    textAlign: 'center',
+    padding: padding + tourCloseSize + paddingXS + "px " + padding + "px 0",
+    img: {
+      width: '100%'
+    }
+  }), (0, _defineProperty2["default"])(_ref4, componentCls + "-header", (0, _defineProperty2["default"])({
+    padding: padding + "px " + padding + "px " + paddingXS + "px"
+  }, componentCls + "-title", {
+    lineHeight: lineHeight,
+    fontSize: fontSize,
+    fontWeight: fontWeightStrong
+  })), (0, _defineProperty2["default"])(_ref4, componentCls + "-description", {
+    padding: "0 " + padding + "px",
+    lineHeight: lineHeight,
+    wordWrap: 'break-word'
+  }), (0, _defineProperty2["default"])(_ref4, componentCls + "-footer", (_ref3 = {
+    padding: paddingXS + "px " + padding + "px " + padding + "px",
+    textAlign: 'end',
+    borderRadius: "0 0 " + borderRadiusXS + "px " + borderRadiusXS + "px",
+    display: 'flex',
+    justifyContent: 'space-between'
+  }, (0, _defineProperty2["default"])(_ref3, componentCls + "-sliders", (0, _defineProperty2["default"])({
+    display: 'inline-block'
+  }, componentCls + "-slider", {
+    width: sliderWidth + "px",
+    height: sliderHeight + "px",
+    display: 'inline-block',
+    borderRadius: '50%',
+    background: colorFill,
+    marginInlineEnd: sliderHeight,
+    '&-active': {
+      background: colorPrimary
+    }
+  })), (0, _defineProperty2["default"])(_ref3, componentCls + "-buttons button", {
+    marginInlineStart: marginXS
+  }), _ref3)), _ref4)), (0, _defineProperty2["default"])(_extends2, "&" + componentCls + "-primary", (0, _defineProperty2["default"])({
+    '--antd-arrow-background-color': colorPrimary
+  }, componentCls + "-inner", (_ref6 = {
+    color: colorTextLightSolid,
+    textAlign: 'start',
+    textDecoration: 'none',
+    backgroundColor: colorPrimary,
+    borderRadius: borderRadius,
+    boxShadow: boxShadow
+  }, (0, _defineProperty2["default"])(_ref6, componentCls + "-close", {
+    color: colorTextLightSolid
+  }), (0, _defineProperty2["default"])(_ref6, componentCls + "-sliders", (0, _defineProperty2["default"])({}, componentCls + "-slider", {
+    background: new _tinycolor.TinyColor(colorTextLightSolid).setAlpha(0.15).toRgbString(),
+    '&-active': {
+      background: colorTextLightSolid
+    }
+  })), (0, _defineProperty2["default"])(_ref6, componentCls + "-prev-btn", {
+    color: colorTextLightSolid,
+    borderColor: new _tinycolor.TinyColor(colorTextLightSolid).setAlpha(0.15).toRgbString(),
+    '&:hover': {
+      backgroundColor: new _tinycolor.TinyColor(colorTextLightSolid).setAlpha(0.15).toRgbString(),
+      borderColor: 'transparent'
+    }
+  }), (0, _defineProperty2["default"])(_ref6, componentCls + "-next-btn", {
+    color: colorPrimary,
+    borderColor: 'transparent',
+    background: colorWhite,
+    '&:hover': {
+      background: new _tinycolor.TinyColor(colorBgTextHover).onBackground(colorWhite).toRgbString()
+    }
+  }), _ref6))), _extends2))), (0, _defineProperty2["default"])(_ref9, componentCls + "-mask", (0, _defineProperty2["default"])({}, componentCls + "-placeholder-animated", {
+    transition: "all " + motionDurationSlow
+  })), (0, _defineProperty2["default"])(_ref9, ["&-placement-left", "&-placement-leftTop", "&-placement-leftBottom", "&-placement-right", "&-placement-rightTop", "&-placement-rightBottom"].join(','), (0, _defineProperty2["default"])({}, componentCls + "-inner", {
+    borderRadius: tourBorderRadius > _placementArrow.MAX_VERTICAL_CONTENT_RADIUS ? _placementArrow.MAX_VERTICAL_CONTENT_RADIUS : tourBorderRadius
+  })), _ref9), // ============================= Arrow ===========================
+  (0, _placementArrow["default"])(token, {
+    colorBg: 'var(--antd-arrow-background-color)',
+    showArrowCls: '',
+    contentRadius: tourBorderRadius,
+    limitVerticalRadius: true
+  })];
+}; // ============================== Export ==============================
+
+
+var _default = (0, _internal.genComponentStyleHook)('Tour', function (token) {
+  var borderRadiusLG = token.borderRadiusLG,
+      fontSize = token.fontSize,
+      lineHeight = token.lineHeight;
+  var TourToken = (0, _internal.mergeToken)(token, {
+    tourZIndexPopup: token.zIndexPopupBase + 70,
+    sliderWidth: 6,
+    sliderHeight: 6,
+    tourBorderRadius: borderRadiusLG,
+    tourCloseSize: fontSize * lineHeight
+  });
+  return [genBaseStyle(TourToken)];
+});
+
+exports["default"] = _default;

package/lib/transfer/ListBody.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import type { KeyWiseTransferItem } from '.';
+import type { ElementOf } from '../_util/type';
+import type { RenderedItem, TransferListProps } from './list';
+export declare const OmitProps: ["handleFilter", "handleClear", "checkedKeys"];
+export type OmitProp = ElementOf<typeof OmitProps>;
+type PartialTransferListProps<RecordType> = Omit<TransferListProps<RecordType>, OmitProp>;
+export interface TransferListBodyProps<RecordType> extends PartialTransferListProps<RecordType> {
+    filteredItems: RecordType[];
+    filteredRenderItems: RenderedItem<RecordType>[];
+    selectedKeys: string[];
+}
+interface TransferListBodyState {
+    current: number;
+}
+declare class ListBody<RecordType extends KeyWiseTransferItem> extends React.Component<TransferListBodyProps<RecordType>, TransferListBodyState> {
+    state: {
+        current: number;
+    };
+    static getDerivedStateFromProps<T>({ filteredRenderItems, pagination }: TransferListBodyProps<T>, { current }: TransferListBodyState): {
+        current: number;
+    } | null;
+    onItemSelect: (item: RecordType) => void;
+    onItemRemove: (item: RecordType) => void;
+    onPageChange: (current: number) => void;
+    getItems: () => RenderedItem<RecordType>[];
+    render(): JSX.Element;
+}
+export default ListBody;

package/lib/transfer/ListBody.js

@@ -0,0 +1,190 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.OmitProps = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _pagination = _interopRequireDefault(require("../pagination"));
+
+var _type = require("../_util/type");
+
+var _ListItem = _interopRequireDefault(require("./ListItem"));
+
+var OmitProps = (0, _type.tuple)('handleFilter', 'handleClear', 'checkedKeys');
+exports.OmitProps = OmitProps;
+
+function parsePagination(pagination) {
+  if (!pagination) {
+    return null;
+  }
+
+  var defaultPagination = {
+    pageSize: 10,
+    simple: true,
+    showSizeChanger: false,
+    showLessItems: false
+  };
+
+  if ((0, _typeof2["default"])(pagination) === 'object') {
+    return (0, _extends2["default"])((0, _extends2["default"])({}, defaultPagination), pagination);
+  }
+
+  return defaultPagination;
+}
+
+var ListBody = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ListBody, _React$Component);
+
+  var _super = (0, _createSuper2["default"])(ListBody);
+
+  function ListBody() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, ListBody);
+    _this = _super.apply(this, arguments);
+    _this.state = {
+      current: 1
+    };
+
+    _this.onItemSelect = function (item) {
+      var _this$props = _this.props,
+          onItemSelect = _this$props.onItemSelect,
+          selectedKeys = _this$props.selectedKeys;
+      var checked = selectedKeys.includes(item.key);
+      onItemSelect(item.key, !checked);
+    };
+
+    _this.onItemRemove = function (item) {
+      var onItemRemove = _this.props.onItemRemove;
+      onItemRemove === null || onItemRemove === void 0 ? void 0 : onItemRemove([item.key]);
+    };
+
+    _this.onPageChange = function (current) {
+      _this.setState({
+        current: current
+      });
+    };
+
+    _this.getItems = function () {
+      var current = _this.state.current;
+      var _this$props2 = _this.props,
+          pagination = _this$props2.pagination,
+          filteredRenderItems = _this$props2.filteredRenderItems;
+      var mergedPagination = parsePagination(pagination);
+      var displayItems = filteredRenderItems;
+
+      if (mergedPagination) {
+        displayItems = filteredRenderItems.slice((current - 1) * mergedPagination.pageSize, current * mergedPagination.pageSize);
+      }
+
+      return displayItems;
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2["default"])(ListBody, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var current = this.state.current;
+      var _this$props3 = this.props,
+          prefixCls = _this$props3.prefixCls,
+          onScroll = _this$props3.onScroll,
+          filteredRenderItems = _this$props3.filteredRenderItems,
+          selectedKeys = _this$props3.selectedKeys,
+          globalDisabled = _this$props3.disabled,
+          showRemove = _this$props3.showRemove,
+          pagination = _this$props3.pagination;
+      var mergedPagination = parsePagination(pagination);
+      var paginationNode = null;
+
+      if (mergedPagination) {
+        paginationNode = /*#__PURE__*/React.createElement(_pagination["default"], {
+          simple: mergedPagination.simple,
+          showSizeChanger: mergedPagination.showSizeChanger,
+          showLessItems: mergedPagination.showLessItems,
+          size: "small",
+          disabled: globalDisabled,
+          className: prefixCls + "-pagination",
+          total: filteredRenderItems.length,
+          pageSize: mergedPagination.pageSize,
+          current: current,
+          onChange: this.onPageChange
+        });
+      }
+
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ul", {
+        className: (0, _classnames["default"])(prefixCls + "-content", (0, _defineProperty2["default"])({}, prefixCls + "-content-show-remove", showRemove)),
+        onScroll: onScroll
+      }, this.getItems().map(function (_ref) {
+        var renderedEl = _ref.renderedEl,
+            renderedText = _ref.renderedText,
+            item = _ref.item;
+        var disabled = item.disabled;
+        var checked = selectedKeys.includes(item.key);
+        return /*#__PURE__*/React.createElement(_ListItem["default"], {
+          disabled: globalDisabled || disabled,
+          key: item.key,
+          item: item,
+          renderedText: renderedText,
+          renderedEl: renderedEl,
+          checked: checked,
+          prefixCls: prefixCls,
+          onClick: _this2.onItemSelect,
+          onRemove: _this2.onItemRemove,
+          showRemove: showRemove
+        });
+      })), paginationNode);
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(_ref2, _ref3) {
+      var filteredRenderItems = _ref2.filteredRenderItems,
+          pagination = _ref2.pagination;
+      var current = _ref3.current;
+      var mergedPagination = parsePagination(pagination);
+
+      if (mergedPagination) {
+        // Calculate the page number
+        var maxPageCount = Math.ceil(filteredRenderItems.length / mergedPagination.pageSize);
+
+        if (current > maxPageCount) {
+          return {
+            current: maxPageCount
+          };
+        }
+      }
+
+      return null;
+    }
+  }]);
+  return ListBody;
+}(React.Component);
+
+var _default = ListBody;
+exports["default"] = _default;

package/lib/transfer/ListItem.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { KeyWiseTransferItem } from '.';
+type ListItemProps<RecordType> = {
+    renderedText?: string | number;
+    renderedEl: React.ReactNode;
+    disabled?: boolean;
+    checked?: boolean;
+    prefixCls: string;
+    onClick: (item: RecordType) => void;
+    onRemove?: (item: RecordType) => void;
+    item: RecordType;
+    showRemove?: boolean;
+};
+declare const _default: React.MemoExoticComponent<(<RecordType extends KeyWiseTransferItem>(props: ListItemProps<RecordType>) => JSX.Element)>;
+export default _default;

package/lib/transfer/ListItem.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _DeleteOutlined = _interopRequireDefault(require("@ant-design/icons/DeleteOutlined"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _checkbox = _interopRequireDefault(require("../checkbox"));
+
+var _LocaleReceiver = _interopRequireDefault(require("../locale-provider/LocaleReceiver"));
+
+var _en_US = _interopRequireDefault(require("../locale/en_US"));
+
+var _transButton = _interopRequireDefault(require("../_util/transButton"));
+
+var ListItem = function ListItem(props) {
+  var _classNames;
+
+  var renderedText = props.renderedText,
+      renderedEl = props.renderedEl,
+      item = props.item,
+      checked = props.checked,
+      disabled = props.disabled,
+      prefixCls = props.prefixCls,
+      onClick = props.onClick,
+      onRemove = props.onRemove,
+      showRemove = props.showRemove;
+  var className = (0, _classnames["default"])((_classNames = {}, (0, _defineProperty2["default"])(_classNames, prefixCls + "-content-item", true), (0, _defineProperty2["default"])(_classNames, prefixCls + "-content-item-disabled", disabled || item.disabled), (0, _defineProperty2["default"])(_classNames, prefixCls + "-content-item-checked", checked), _classNames));
+  var title;
+
+  if (typeof renderedText === 'string' || typeof renderedText === 'number') {
+    title = String(renderedText);
+  }
+
+  return /*#__PURE__*/React.createElement(_LocaleReceiver["default"], {
+    componentName: "Transfer",
+    defaultLocale: _en_US["default"].Transfer
+  }, function (contextLocale) {
+    var liProps = {
+      className: className,
+      title: title
+    };
+    var labelNode = /*#__PURE__*/React.createElement("span", {
+      className: prefixCls + "-content-item-text"
+    }, renderedEl); // Show remove
+
+    if (showRemove) {
+      return /*#__PURE__*/React.createElement("li", (0, _extends2["default"])({}, liProps), labelNode, /*#__PURE__*/React.createElement(_transButton["default"], {
+        disabled: disabled || item.disabled,
+        className: prefixCls + "-content-item-remove",
+        "aria-label": contextLocale.remove,
+        onClick: function onClick() {
+          onRemove === null || onRemove === void 0 ? void 0 : onRemove(item);
+        }
+      }, /*#__PURE__*/React.createElement(_DeleteOutlined["default"], null)));
+    } // Default click to select
+
+
+    liProps.onClick = disabled || item.disabled ? undefined : function () {
+      return onClick(item);
+    };
+    return /*#__PURE__*/React.createElement("li", (0, _extends2["default"])({}, liProps), /*#__PURE__*/React.createElement(_checkbox["default"], {
+      className: prefixCls + "-checkbox",
+      checked: checked,
+      disabled: disabled || item.disabled
+    }), labelNode);
+  });
+};
+
+var _default = /*#__PURE__*/React.memo(ListItem);
+
+exports["default"] = _default;

package/lib/transfer/index.d.ts

@@ -0,0 +1,140 @@
+import * as React from 'react';
+import type { RenderEmptyHandler } from '../config-provider';
+import type { InputStatus } from '../_util/statusUtils';
+import type { PaginationType } from './interface';
+import type { TransferListProps } from './list';
+import List from './list';
+import type { TransferListBodyProps } from './ListBody';
+import Search from './search';
+export type { TransferListProps } from './list';
+export type { TransferOperationProps } from './operation';
+export type { TransferSearchProps } from './search';
+export type TransferDirection = 'left' | 'right';
+export interface RenderResultObject {
+    label: React.ReactElement;
+    value: string;
+}
+export type RenderResult = React.ReactElement | RenderResultObject | string | null;
+export interface TransferItem {
+    key?: string;
+    title?: string;
+    description?: string;
+    disabled?: boolean;
+    [name: string]: any;
+}
+export type KeyWise<T> = T & {
+    key: string;
+};
+export type KeyWiseTransferItem = KeyWise<TransferItem>;
+type TransferRender<RecordType> = (item: RecordType) => RenderResult;
+export interface ListStyle {
+    direction: TransferDirection;
+}
+export type SelectAllLabel = React.ReactNode | ((info: {
+    selectedCount: number;
+    totalCount: number;
+}) => React.ReactNode);
+export interface TransferLocale {
+    titles?: React.ReactNode[];
+    notFoundContent?: React.ReactNode | React.ReactNode[];
+    searchPlaceholder: string;
+    itemUnit: string;
+    itemsUnit: string;
+    remove?: string;
+    selectAll?: string;
+    selectCurrent?: string;
+    selectInvert?: string;
+    removeAll?: string;
+    removeCurrent?: string;
+}
+export interface TransferProps<RecordType> {
+    prefixCls?: string;
+    className?: string;
+    disabled?: boolean;
+    dataSource?: RecordType[];
+    targetKeys?: string[];
+    selectedKeys?: string[];
+    render?: TransferRender<RecordType>;
+    onChange?: (targetKeys: string[], direction: TransferDirection, moveKeys: string[]) => void;
+    onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void;
+    style?: React.CSSProperties;
+    listStyle?: ((style: ListStyle) => React.CSSProperties) | React.CSSProperties;
+    operationStyle?: React.CSSProperties;
+    titles?: React.ReactNode[];
+    operations?: string[];
+    showSearch?: boolean;
+    filterOption?: (inputValue: string, item: RecordType) => boolean;
+    locale?: Partial<TransferLocale>;
+    footer?: (props: TransferListProps<RecordType>, info?: {
+        direction: TransferDirection;
+    }) => React.ReactNode;
+    rowKey?: (record: RecordType) => string;
+    onSearch?: (direction: TransferDirection, value: string) => void;
+    onScroll?: (direction: TransferDirection, e: React.SyntheticEvent<HTMLUListElement>) => void;
+    children?: (props: TransferListBodyProps<RecordType>) => React.ReactNode;
+    showSelectAll?: boolean;
+    selectAllLabels?: SelectAllLabel[];
+    oneWay?: boolean;
+    pagination?: PaginationType;
+    status?: InputStatus;
+}
+interface TransferState {
+    sourceSelectedKeys: string[];
+    targetSelectedKeys: string[];
+}
+declare class Transfer<RecordType extends TransferItem = TransferItem> extends React.Component<TransferProps<RecordType>, TransferState> {
+    static List: typeof List;
+    static Operation: ({ disabled, moveToLeft, moveToRight, leftArrowText, rightArrowText, leftActive, rightActive, className, style, direction, oneWay, }: import("./operation").TransferOperationProps) => JSX.Element;
+    static Search: typeof Search;
+    static getDerivedStateFromProps<T>({ selectedKeys, targetKeys, pagination, children, }: TransferProps<T>): {
+        sourceSelectedKeys: string[];
+        targetSelectedKeys: string[];
+    } | null;
+    separatedDataSource: {
+        leftDataSource: RecordType[];
+        rightDataSource: RecordType[];
+    } | null;
+    constructor(props: TransferProps<RecordType>);
+    setStateKeys: (direction: TransferDirection, keys: string[] | ((prevKeys: string[]) => string[])) => void;
+    getTitles(transferLocale: TransferLocale): React.ReactNode[];
+    getLocale: (transferLocale: TransferLocale, renderEmpty: RenderEmptyHandler) => {
+        titles?: React.ReactNode[] | undefined;
+        notFoundContent: React.ReactNode;
+        searchPlaceholder: string;
+        itemUnit: string;
+        itemsUnit: string;
+        remove?: string | undefined;
+        selectAll?: string | undefined;
+        selectCurrent?: string | undefined;
+        selectInvert?: string | undefined;
+        removeAll?: string | undefined;
+        removeCurrent?: string | undefined;
+    };
+    moveTo: (direction: TransferDirection) => void;
+    moveToLeft: () => void;
+    moveToRight: () => void;
+    onItemSelectAll: (direction: TransferDirection, selectedKeys: string[], checkAll: boolean) => void;
+    onLeftItemSelectAll: (selectedKeys: string[], checkAll: boolean) => void;
+    onRightItemSelectAll: (selectedKeys: string[], checkAll: boolean) => void;
+    handleFilter: (direction: TransferDirection, e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleLeftFilter: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleRightFilter: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleClear: (direction: TransferDirection) => void;
+    handleLeftClear: () => void;
+    handleRightClear: () => void;
+    onItemSelect: (direction: TransferDirection, selectedKey: string, checked: boolean) => void;
+    onLeftItemSelect: (selectedKey: string, checked: boolean) => void;
+    onRightItemSelect: (selectedKey: string, checked: boolean) => void;
+    onRightItemRemove: (selectedKeys: string[]) => void;
+    handleScroll: (direction: TransferDirection, e: React.SyntheticEvent<HTMLUListElement>) => void;
+    handleLeftScroll: (e: React.SyntheticEvent<HTMLUListElement>) => void;
+    handleRightScroll: (e: React.SyntheticEvent<HTMLUListElement>) => void;
+    handleSelectChange(direction: TransferDirection, holder: string[]): void;
+    handleListStyle: (listStyle: TransferProps<RecordType>['listStyle'], direction: TransferDirection) => React.CSSProperties | undefined;
+    separateDataSource(): {
+        leftDataSource: KeyWise<RecordType>[];
+        rightDataSource: KeyWise<RecordType>[];
+    };
+    render(): JSX.Element;
+}
+export default Transfer;