@cainiaofe/cn-ui-m
Version:
119 lines (118 loc) • 2.41 kB
TypeScript
import { BasicComponentProps } from "../../../types";
import { ReactNode } from 'react';
export interface CnSelectDrawerProps extends Omit<BasicComponentProps, 'content'> {
/**
* 抽屉的css类名
*/
drawerClassName?: string;
/**
* 自定义右侧箭头图标,从 icon 中选择
*/
iconType?: string;
/**
* 抽屉内容
*/
content?: string | ReactNode;
/**
* 抽屉标题
*/
drawerTitle?: string;
/**
* 表单项的标题，功能同drawerTitle
*/
formLabel?: string;
/**
* 是否在表单中
* @ignore 内部使用
*/
insideForm?: boolean;
/**
* 是否在顶部筛选中
* @ignore 内部使用
*/
insideFilter?: boolean;
/**
* 占位文案
*/
placeholder?: string;
/**
* 是否禁用
*/
disabled?: boolean;
/**
* 是否只读
*/
readOnly?: boolean;
/**
* 是否显示图标
*/
showIcon?: boolean;
/**
* 是否有清除按钮
*/
hasClear?: boolean;
/**
* 是否展示工具栏
*/
showToolbar?: boolean;
/**
* 是否隐藏按钮
*/
hideButton?: boolean;
/**
* 选项不存在时的内容
*/
notFoundContent?: string | ReactNode;
/**
* 确认按钮文案
*/
okText?: string;
/**
* 取消按钮文案
*/
cancelText?: string;
/**
* 按钮位置
*/
buttonPosition?: 'top' | 'bottom';
/**
* 抽屉类型
*/
type?: 'normal' | 'inverse';
/**
* 对齐方式
*/
align?: 'left' | 'right';
/**
* 手动置顶zIndex
*/
zIndex?: number;
/**
* 取消事件
*/
onCancel?: (reason?: string) => any;
/**
* 确认事件
*/
onOk?: () => any;
/**
* 抽屉可见变化时的回调，返回可见状态和触发可见变化的来源
*/
onVisibleChange?: (visible: boolean, reason: string | undefined) => void;
/**
* 清除事件
*/
onClear?: () => void;
/**
* 抽屉尺寸
*/
size?: 'small' | 'medium' | 'large';
/**
* 判断是否显示清除按钮，解决content返回ReactNode时始终显示清除按钮的的问题
*/
showClear?: () => boolean;
/**
* 开启超出后显示省略号
*/
isOverflowEllipsis?: boolean;
}