fastlion-amis
Version:
一种MIS页面生成工具
94 lines (93 loc) • 3.06 kB
TypeScript
import { OptionsControlProps, FormOptionsControl } from './Options';
import React from 'react';
import type { Option } from './Options';
import { SchemaApi, SchemaObject } from '../../Schema';
import { ItemRenderStates } from '../../components/Selection';
import { ItemRenderStates as ResultItemRenderStates } from '../../components/ResultList';
/**
* Transfer
* 文档：https://baidu.gitee.io/amis/docs/components/form/transfer
*/
export interface TransferControlSchema extends FormOptionsControl {
type: 'transfer';
/**
* 是否显示剪头
*/
showArrow?: boolean;
/**
* 可排序？
*/
sortable?: boolean;
/**
* 勾选展示模式
*/
selectMode?: 'table' | 'list' | 'tree' | 'chained' | 'associated';
/**
* 当 selectMode 为 associated 时用来定义左侧的选项
*/
leftOptions?: Array<Option>;
/**
* 当 selectMode 为 associated 时用来定义左侧的选择模式
*/
leftMode?: 'tree' | 'list';
/**
* 当 selectMode 为 associated 时用来定义右侧的选择模式
*/
rightMode?: 'table' | 'list' | 'tree' | 'chained';
/**
* 搜索结果展示模式
*/
searchResultMode?: 'table' | 'list' | 'tree' | 'chained';
/**
* 当 selectMode 为 table 时定义表格列信息。
*/
columns?: Array<any>;
/**
* 当 searchResultMode 为 table 时定义表格列信息。
*/
searchResultColumns?: Array<any>;
/**
* 可搜索？
*/
searchable?: boolean;
/**
* 搜索 API
*/
searchApi?: SchemaApi;
/**
* 左侧的标题文字
*/
selectTitle?: string;
/**
* 右侧结果的标题文字
*/
resultTitle?: string;
/**
* 用来丰富选项展示
*/
menuTpl?: SchemaObject;
/**
* 用来丰富值的展示
*/
valueTpl?: SchemaObject;
}
export interface BaseTransferProps extends OptionsControlProps, Omit<TransferControlSchema, 'type' | 'options' | 'className' | 'descriptionClassName' | 'inputClassName'> {
resultItemRender?: (option: Option) => JSX.Element;
}
export declare class BaseTransferRenderer<T extends OptionsControlProps = BaseTransferProps> extends React.Component<T> {
handleChange(value: Array<Option> | Option, optionModified?: boolean): Promise<void>;
option2value(option: Option): Option;
handleSearch(term: string, cancelExecutor: Function): Promise<any[]>;
optionItemRender(option: Option, states: ItemRenderStates): JSX.Element;
resultItemRender(option: Option, states: ResultItemRenderStates): JSX.Element;
renderCell(column: {
name: string;
label: string;
[propName: string]: any;
}, option: Option, colIndex: number, rowIndex: number): JSX.Element;
render(): JSX.Element;
}
export declare class TransferRender extends BaseTransferRenderer {
}
declare const _default: typeof TransferRender;
export default _default;