///
import * as React from 'react';
import CommonProps from '../util';
interface HTMLAttributesWeak extends React.HTMLAttributes {
defaultValue?: any;
onChange?: any;
}
export interface TransferProps extends HTMLAttributesWeak, CommonProps {
/**
* 移动选项模式
*/
mode?: 'normal' | 'simple';
/**
* 数据源
*/
dataSource?: Array;
/**
* (用于受控)当前值
*/
value?: Array;
/**
* (用于非受控)初始值
*/
defaultValue?: Array;
/**
* 值发生改变的时候触发的回调函数
*/
onChange?: (value: Array, data: Array, extra: {}) => void;
/**
* 是否禁用
*/
disabled?: boolean;
/**
* 是否禁用左侧面板
*/
leftDisabled?: boolean;
/**
* 是否禁用右侧面板
*/
rightDisabled?: boolean;
/**
* 列表项渲染函数
*/
itemRender?: (data: any) => React.ReactNode;
/**
* 左右面板是否显示搜索框
*/
showSearch?: boolean | boolean[];
/**
* 左右面板搜索框配置
*/
searchProps?: Record | Record[];
/**
* 自定义搜索函数
*/
filter?: (searchedValue: string, data: any) => boolean;
/**
* 搜索框输入时触发的回调函数
*/
onSearch?: (searchedValue: string, position: string) => void;
/**
* 是否开启虚拟滚动
*/
useVirtual?: boolean,
/**
* 搜索框占位符
*/
searchPlaceholder?: string;
/**
* 列表为空显示内容
*/
notFoundContent?: React.ReactNode | React.ReactNode[];
/**
* 左右面板标题
*/
titles?: Array;
/**
* 向右向左移动按钮显示内容
*/
operations?: Array;
/**
* 左面板默认选中值
*/
defaultLeftChecked?: Array;
/**
* 右面板默认选中值
*/
defaultRightChecked?: Array;
/**
* 左右面板列表自定义样式类名
*/
listClassName?: string;
/**
* 左右面板列表自定义样式对象
*/
listStyle?: React.CSSProperties;
/**
* 是否允许拖拽排序
*/
sortable?: boolean;
/**
* 拖拽排序时触发的回调函数
*/
onSort?: (value: Array, position: string) => void;
/**
* 请设置 id 以保证transfer的可访问性
*/
id?: string;
}
export default class Transfer extends React.Component {}