antd
Version:
An enterprise-class UI design language and React components implementation
59 lines (58 loc) • 2.03 kB
TypeScript
import * as React from 'react';
import { ConfigConsumerProps } from '../config-provider';
export declare type MentionPlacement = 'top' | 'bottom';
declare type SuggestionItme = React.ReactElement<{
value?: string;
}> | string;
export interface MentionProps {
prefixCls?: string;
suggestionStyle?: React.CSSProperties;
defaultSuggestions?: Array<SuggestionItme>;
suggestions?: Array<React.ReactElement<any>>;
onSearchChange?: (value: string, trigger: string) => any;
onChange?: (contentState: any) => void;
notFoundContent?: any;
loading?: boolean;
style?: React.CSSProperties;
defaultValue?: any;
value?: any;
className?: string;
multiLines?: boolean;
prefix?: string | string[];
placeholder?: string;
getSuggestionContainer?: (triggerNode: Element) => HTMLElement;
onFocus?: React.FocusEventHandler<HTMLElement>;
onBlur?: React.FocusEventHandler<HTMLElement>;
onSelect?: (suggestion: string, data?: any) => void;
readOnly?: boolean;
disabled?: boolean;
placement?: MentionPlacement;
}
export interface MentionState {
filteredSuggestions?: Array<any>;
focus?: Boolean;
}
declare class Mention extends React.Component<MentionProps, MentionState> {
static getMentions: any;
static defaultProps: {
notFoundContent: string;
loading: boolean;
multiLines: boolean;
placement: "top" | "bottom";
};
static Nav: any;
static toString: any;
static toContentState: any;
private mentionEle;
constructor(props: MentionProps);
mentionRef: (ele: any) => void;
onSearchChange: (value: string, prefix: string) => any;
onChange: (editorState: any) => void;
onFocus: (ev: React.FocusEvent<HTMLElement>) => void;
onBlur: (ev: React.FocusEvent<HTMLElement>) => void;
focus: () => void;
defaultSearchChange(value: string): void;
renderMention: ({ getPrefixCls }: ConfigConsumerProps) => JSX.Element;
render(): JSX.Element;
}
export default Mention;