@cainiaofe/cn-ui-m
Version:
55 lines (54 loc) • 1.16 kB
TypeScript
import React, { ReactElement } from 'react';
import type { Placement } from '@floating-ui/dom';
import type { GetContainer } from './get-container';
export interface CnPopoverProps {
/**
* 默认是否显隐
*/
defaultVisible?: boolean;
/**
* 受控模式下，是否展示弹出内容
*/
visible?: boolean;
/**
* 显示隐藏的回调
*/
onVisibleChange?: (visible: boolean) => void;
/**
* 浮层渲染父节点，默认渲染到 body 上
*/
getContainer?: GetContainer;
/**
* 隐藏时，是否销毁 tooltip 内容
* @default true
*/
destroyOnHide?: boolean;
/**
* 触发 popover 的元素
*/
children: ReactElement;
/**
* 设置亮色模式或者黑色模式
*/
mode?: 'light' | 'dark';
/**
* 触发方式
*/
trigger?: 'click';
/**
* 气泡框位置
*/
placement?: Placement;
/**
* 弹出内容
*/
content: React.ReactNode;
/**
* 自定义类名
*/
className?: string;
/**
* 自定义内联样式
*/
style?: React.CSSProperties;
}