@yuntijs/ui/es/EditableMessage/index.d.ts

☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps

import { type MessageInputProps, type MessageModalProps } from '@lobehub/ui/chat';
import { CSSProperties } from 'react';
import { ChatMarkdownProps } from "../ChatMarkdown";
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'];
    variant?: MessageInputProps['variant'];
    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;
    markdownProps?: Omit<ChatMarkdownProps, 'children'>;
}
export declare const EditableMessage: import("react").NamedExoticComponent<EditableMessageProps>;