@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
79 lines (78 loc) • 2.42 kB
TypeScript
import { CSSProperties } from 'react';
import { type MarkdownProps } from "../../Markdown";
import { type MessageInputProps } from "../MessageInput";
import { type MessageModalProps } from "../MessageModal";
export interface EditableMessageProps {
/**
* @title The class name for the Markdown and MessageInput component
*/
classNames?: {
/**
* @title The class name for the MessageInput component
*/
input?: string;
/**
* @title The class name for the Markdown component
*/
markdown?: string;
textarea?: string;
};
editButtonSize?: MessageInputProps['editButtonSize'];
/**
* @title Whether the component is in edit mode or not
* @default false
*/
editing?: boolean;
fontSize?: number;
fullFeaturedCodeBlock?: boolean;
height?: MessageInputProps['height'];
inputType?: MessageInputProps['type'];
markdownProps?: Omit<MarkdownProps, 'className' | 'style' | 'children'>;
model?: {
extra?: MessageModalProps['extra'];
footer?: MessageModalProps['footer'];
};
/**
* @title Callback function when the value changes
* @param value - The new value
*/
onChange?: (value: string) => void;
/**
* @title Callback function when the editing state changes
* @param editing - Whether the component is in edit mode or not
*/
onEditingChange?: (editing: boolean) => void;
/**
* @title Callback function when the modal open state changes
* @param open - Whether the modal is open or not
*/
onOpenChange?: (open: boolean) => void;
/**
* @title Whether the modal is open or not
* @default false
*/
openModal?: boolean;
placeholder?: string;
/**
* @title Whether to show the edit button when the text value is empty
* @default false
*/
showEditWhenEmpty?: boolean;
styles?: {
/**
* @title The style for the MessageInput component
*/
input?: CSSProperties;
/**
* @title The style for the Markdown component
*/
markdown?: CSSProperties;
};
text?: MessageModalProps['text'];
/**
* @title The current text value
*/
value: string;
}
declare const EditableMessage: import("react").NamedExoticComponent<EditableMessageProps>;
export default EditableMessage;