import { CanvasElementData } from '../../types';
declare const __VLS_export: import('vue').DefineComponent<{}, {
    loadData: (data: CanvasElementData[] | {
        options?: any;
        elements: CanvasElementData[];
    }) => void;
    loadSlides: (slides: any[]) => void;
    play: (autoPlay?: boolean) => void;
    pause: () => void;
    stop: () => void;
    prev: () => void | undefined;
    next: () => void | undefined;
    fullscreen: () => void | undefined;
    exitFullscreen: () => void | undefined;
    editor: import('vue').Ref<({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: {
            readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
            readonly initialElements?: CanvasElementData[] | undefined;
            readonly ratio?: import('../../types').CanvasRatio | undefined;
            readonly showRulers?: boolean | undefined;
            readonly showToolbar?: boolean | undefined;
            readonly customComponents?: Record<string, any> | undefined;
            readonly mode?: import('../../types').CanvasMode | undefined;
            readonly enableShortcuts?: boolean | undefined;
            readonly showGuides?: boolean | undefined;
            readonly theme?: import('../../types').CanvasTheme | undefined;
            readonly background?: string | undefined;
            readonly autoStep?: boolean | undefined;
            readonly showElementDescription?: boolean | undefined;
            readonly language?: import('../../types').CanvasLanguage | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
        $attrs: import('vue').Attrs;
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: (event: string, ...args: any[]) => void;
        $el: any;
        $options: import('vue').ComponentOptionsBase<Readonly<{
            initialElements?: CanvasElementData[];
            ratio?: import('../../types').CanvasRatio;
            showRulers?: boolean;
            showToolbar?: boolean;
            customComponents?: Record<string, any>;
            mode?: import('../../types').CanvasMode;
            enableShortcuts?: boolean;
            showGuides?: boolean;
            theme?: import('../../types').CanvasTheme;
            background?: string;
            autoStep?: boolean;
            showElementDescription?: boolean;
            language?: import('../../types').CanvasLanguage;
        }> & Readonly<{
            [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
        }>, {
            usePlugin: (plugin: import('../../types').CanvasPlugin, options?: Record<string, any>) => void;
            state: {
                document: {
                    id?: string | undefined;
                    meta?: Record<string, any> | undefined;
                    config: {
                        ratio: import('../../types').CanvasRatio;
                        width?: number | undefined;
                        height?: number | undefined;
                        background: string;
                        bgm?: string | {
                            [x: string]: unknown;
                            url: string;
                            volume?: number | undefined;
                        } | null | undefined;
                        enterSound?: string | {
                            [x: string]: unknown;
                            url: string;
                            volume?: number | undefined;
                        } | null | undefined;
                        animationJson?: string | undefined;
                        autoPlay?: boolean | undefined;
                        autoStep?: boolean | undefined;
                        watermark?: {
                            text: string;
                            color?: string | undefined;
                            fontSize?: number | undefined;
                            fontFamily?: string | undefined;
                            opacity?: number | undefined;
                            angle?: number | undefined;
                            repeat?: boolean | undefined;
                            position?: "center" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
                        } | null | undefined;
                    };
                    slides: {
                        config?: {
                            background?: string | undefined;
                            bgm?: string | {
                                [x: string]: unknown;
                                url: string;
                                volume?: number | undefined;
                            } | null | undefined;
                            enterSound?: string | {
                                [x: string]: unknown;
                                url: string;
                                volume?: number | undefined;
                            } | null | undefined;
                            transition?: string | undefined;
                            animationJson?: string | undefined;
                        } | undefined;
                        elements: {
                            id: string;
                            name?: string | undefined;
                            type: string;
                            x: number;
                            y: number;
                            width?: number | undefined;
                            height?: number | undefined;
                            rotation?: number | undefined;
                            groupId?: string | undefined;
                            isEditable?: boolean | undefined;
                            props?: Record<string, unknown> | undefined;
                            propValues?: Record<string, any> | undefined;
                            slots?: Record<string, any> | undefined;
                            animations?: {
                                id: string;
                                type?: "in" | "emphasis" | "out" | undefined;
                                animate?: string | undefined;
                                duration?: number | undefined;
                                delay?: number | undefined;
                                step?: number | undefined;
                                audio?: string | {
                                    [x: string]: unknown;
                                    url: string;
                                    volume?: number | undefined;
                                } | undefined;
                            }[] | undefined;
                            enterStep?: number | undefined;
                            exitStep?: number | undefined;
                            delay?: number | undefined;
                            description?: string | undefined;
                            events?: Record<string, string> | undefined;
                            methods?: Record<string, string> | undefined;
                            model?: {
                                [x: string]: any;
                                value?: any;
                                default?: any;
                                field?: string | undefined;
                                checked?: boolean | undefined;
                            } | undefined;
                        }[];
                    }[];
                    pluginDatas?: Record<string, any> | undefined;
                };
                runtime: {
                    activeElements: {
                        id: string;
                        name?: string | undefined;
                        type: string;
                        x: number;
                        y: number;
                        width?: number | undefined;
                        height?: number | undefined;
                        rotation?: number | undefined;
                        groupId?: string | undefined;
                        isEditable?: boolean | undefined;
                        props?: Record<string, unknown> | undefined;
                        propValues?: Record<string, any> | undefined;
                        slots?: Record<string, any> | undefined;
                        animations?: {
                            id: string;
                            type?: "in" | "emphasis" | "out" | undefined;
                            animate?: string | undefined;
                            duration?: number | undefined;
                            delay?: number | undefined;
                            step?: number | undefined;
                            audio?: string | {
                                [x: string]: unknown;
                                url: string;
                                volume?: number | undefined;
                            } | undefined;
                        }[] | undefined;
                        enterStep?: number | undefined;
                        exitStep?: number | undefined;
                        delay?: number | undefined;
                        description?: string | undefined;
                        events?: Record<string, string> | undefined;
                        methods?: Record<string, string> | undefined;
                        model?: {
                            [x: string]: any;
                            value?: any;
                            default?: any;
                            field?: string | undefined;
                            checked?: boolean | undefined;
                        } | undefined;
                    }[];
                    currentSlideIndex: number;
                    mode: import('../../types').CanvasMode;
                    presentationMode: import('../../types').PresentationMode;
                    currentStep: number;
                    scale: number;
                    offsetX: number;
                    offsetY: number;
                    width: number;
                    height: number;
                    selectedIds: Set<string> & Omit<Set<string>, keyof Set<any>>;
                    lockedIds?: (Set<string> & Omit<Set<string>, keyof Set<any>>) | undefined;
                    drawingMode: string;
                    snapLines: {
                        axis: "x" | "y";
                        value: number;
                    }[];
                    isSpacePressed: boolean;
                    isMobile?: boolean | undefined;
                    isDragging?: boolean | undefined;
                };
                editor: {
                    [x: string]: any;
                    theme: import('../../types').CanvasTheme;
                    language: import('../../types').CanvasLanguage;
                    showRoughToolbar: boolean;
                    showPreviewControls: boolean;
                    showRulers: boolean;
                    showGuides: boolean;
                    showGrid: boolean;
                    gridSize: number;
                    enableShortcuts: boolean;
                    disablePan: boolean;
                    disableBgm: boolean;
                    muteAll: boolean;
                    fullScreen: boolean;
                    autoStep: boolean;
                    showElementDescription: boolean;
                    defaultRoughProps?: Record<string, any> | undefined;
                };
            };
            getParams: () => import('../../types').CanvasParams;
            setParams: (params: Partial<import('../../types').CanvasParams>) => void;
            resetParams: () => void;
            setMode: (mode: import('../../types').CanvasMode) => void;
            setShowRulers: (showRulers: boolean) => void;
            setScale: (scale: number) => void;
            setEnableShortcuts: (enable: boolean) => void;
            setBackground: (bg: string) => void;
            setDisablePan: (disable: boolean) => void;
            setAnimation: (animation: string | null) => void;
            setAudio: (type: "bgm" | "slide" | "element", audio: string | import('../../types').AudioConfig | null) => void;
            setLanguage: (lang: import('../../types').CanvasLanguage) => void;
            setPresentationMode: (mode: "default" | "ppt") => void;
            nextStep: () => void;
            prevStep: () => void;
            goStep: (step: number) => void;
            stopStep: () => void;
            pauseStep: () => void;
            presentation: (options?: boolean | import('../../types').PresentationOptions) => void;
            getData: any;
            loadData: any;
            loadSlides: any;
            nextSlide: () => void;
            prevSlide: () => void;
            goSlide: (index: number) => void;
            fullscreen: () => void;
            exitFullscreen: () => void;
            clearData: any;
            loadElements: (components: Record<string, any>) => void;
            exportData: any;
            addElement: (el: CanvasElementData | CanvasElementData[], skipHistory?: boolean) => void;
            insertElementBefore: (element: CanvasElementData, targetId: string) => void;
            insertElementAfter: (element: CanvasElementData, targetId: string) => void;
            updateElement: (id: string, props: Partial<CanvasElementData>, skipHistory?: boolean) => void;
            removeElement: (id: string | string[], skipHistory?: boolean) => void;
            selectAll: () => void;
            select: (ids: string | string[]) => void;
            clearSelection: () => void;
            groupSelected: () => void;
            unGroupSelected: () => void;
            deleteSelect: () => void;
            undo: () => void;
            redo: () => void;
            save: () => void;
            load: (data: CanvasElementData[] | import('../../types').CanvasDocumentData | any) => boolean | void;
            alignSelected: (direction: "top" | "bottom" | "left" | "right" | "center" | "middle") => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
            [x: string]: any;
        }, string, {
            theme: import('../../types').CanvasTheme;
            language: import('../../types').CanvasLanguage;
            showRulers: boolean;
            showGuides: boolean;
            enableShortcuts: boolean;
            autoStep: boolean;
            showElementDescription: boolean;
            ratio: import('../../types').CanvasRatio;
            mode: import('../../types').CanvasMode;
            initialElements: CanvasElementData[];
            customComponents: Record<string, any>;
            showToolbar: boolean;
        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof import('vue').nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
    } & Readonly<{
        theme: import('../../types').CanvasTheme;
        language: import('../../types').CanvasLanguage;
        showRulers: boolean;
        showGuides: boolean;
        enableShortcuts: boolean;
        autoStep: boolean;
        showElementDescription: boolean;
        ratio: import('../../types').CanvasRatio;
        mode: import('../../types').CanvasMode;
        initialElements: CanvasElementData[];
        customComponents: Record<string, any>;
        showToolbar: boolean;
    }> & Omit<Readonly<{
        initialElements?: CanvasElementData[];
        ratio?: import('../../types').CanvasRatio;
        showRulers?: boolean;
        showToolbar?: boolean;
        customComponents?: Record<string, any>;
        mode?: import('../../types').CanvasMode;
        enableShortcuts?: boolean;
        showGuides?: boolean;
        theme?: import('../../types').CanvasTheme;
        background?: string;
        autoStep?: boolean;
        showElementDescription?: boolean;
        language?: import('../../types').CanvasLanguage;
    }> & Readonly<{
        [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
    }>, "select" | "save" | "load" | "undo" | "redo" | "state" | "updateElement" | "addElement" | "setParams" | "removeElement" | "loadElements" | "insertElementBefore" | "insertElementAfter" | "alignSelected" | "clearSelection" | "getParams" | "resetParams" | "setMode" | "setShowRulers" | "setScale" | "setEnableShortcuts" | "setDisablePan" | "fullscreen" | "exitFullscreen" | "setLanguage" | "setBackground" | "nextSlide" | "prevSlide" | "goSlide" | "usePlugin" | "setAnimation" | "setAudio" | "setPresentationMode" | "nextStep" | "prevStep" | "goStep" | "stopStep" | "pauseStep" | "presentation" | "getData" | "loadData" | "loadSlides" | "clearData" | "exportData" | "selectAll" | "groupSelected" | "unGroupSelected" | "deleteSelect" | ("theme" | "language" | "showRulers" | "showGuides" | "enableShortcuts" | "autoStep" | "showElementDescription" | "ratio" | "mode" | "initialElements" | "customComponents" | "showToolbar")> & {
        usePlugin: (plugin: import('../../types').CanvasPlugin, options?: Record<string, any>) => void;
        state: {
            document: {
                id?: string | undefined;
                meta?: Record<string, any> | undefined;
                config: {
                    ratio: import('../../types').CanvasRatio;
                    width?: number | undefined;
                    height?: number | undefined;
                    background: string;
                    bgm?: string | {
                        [x: string]: unknown;
                        url: string;
                        volume?: number | undefined;
                    } | null | undefined;
                    enterSound?: string | {
                        [x: string]: unknown;
                        url: string;
                        volume?: number | undefined;
                    } | null | undefined;
                    animationJson?: string | undefined;
                    autoPlay?: boolean | undefined;
                    autoStep?: boolean | undefined;
                    watermark?: {
                        text: string;
                        color?: string | undefined;
                        fontSize?: number | undefined;
                        fontFamily?: string | undefined;
                        opacity?: number | undefined;
                        angle?: number | undefined;
                        repeat?: boolean | undefined;
                        position?: "center" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
                    } | null | undefined;
                };
                slides: {
                    config?: {
                        background?: string | undefined;
                        bgm?: string | {
                            [x: string]: unknown;
                            url: string;
                            volume?: number | undefined;
                        } | null | undefined;
                        enterSound?: string | {
                            [x: string]: unknown;
                            url: string;
                            volume?: number | undefined;
                        } | null | undefined;
                        transition?: string | undefined;
                        animationJson?: string | undefined;
                    } | undefined;
                    elements: {
                        id: string;
                        name?: string | undefined;
                        type: string;
                        x: number;
                        y: number;
                        width?: number | undefined;
                        height?: number | undefined;
                        rotation?: number | undefined;
                        groupId?: string | undefined;
                        isEditable?: boolean | undefined;
                        props?: Record<string, unknown> | undefined;
                        propValues?: Record<string, any> | undefined;
                        slots?: Record<string, any> | undefined;
                        animations?: {
                            id: string;
                            type?: "in" | "emphasis" | "out" | undefined;
                            animate?: string | undefined;
                            duration?: number | undefined;
                            delay?: number | undefined;
                            step?: number | undefined;
                            audio?: string | {
                                [x: string]: unknown;
                                url: string;
                                volume?: number | undefined;
                            } | undefined;
                        }[] | undefined;
                        enterStep?: number | undefined;
                        exitStep?: number | undefined;
                        delay?: number | undefined;
                        description?: string | undefined;
                        events?: Record<string, string> | undefined;
                        methods?: Record<string, string> | undefined;
                        model?: {
                            [x: string]: any;
                            value?: any;
                            default?: any;
                            field?: string | undefined;
                            checked?: boolean | undefined;
                        } | undefined;
                    }[];
                }[];
                pluginDatas?: Record<string, any> | undefined;
            };
            runtime: {
                activeElements: {
                    id: string;
                    name?: string | undefined;
                    type: string;
                    x: number;
                    y: number;
                    width?: number | undefined;
                    height?: number | undefined;
                    rotation?: number | undefined;
                    groupId?: string | undefined;
                    isEditable?: boolean | undefined;
                    props?: Record<string, unknown> | undefined;
                    propValues?: Record<string, any> | undefined;
                    slots?: Record<string, any> | undefined;
                    animations?: {
                        id: string;
                        type?: "in" | "emphasis" | "out" | undefined;
                        animate?: string | undefined;
                        duration?: number | undefined;
                        delay?: number | undefined;
                        step?: number | undefined;
                        audio?: string | {
                            [x: string]: unknown;
                            url: string;
                            volume?: number | undefined;
                        } | undefined;
                    }[] | undefined;
                    enterStep?: number | undefined;
                    exitStep?: number | undefined;
                    delay?: number | undefined;
                    description?: string | undefined;
                    events?: Record<string, string> | undefined;
                    methods?: Record<string, string> | undefined;
                    model?: {
                        [x: string]: any;
                        value?: any;
                        default?: any;
                        field?: string | undefined;
                        checked?: boolean | undefined;
                    } | undefined;
                }[];
                currentSlideIndex: number;
                mode: import('../../types').CanvasMode;
                presentationMode: import('../../types').PresentationMode;
                currentStep: number;
                scale: number;
                offsetX: number;
                offsetY: number;
                width: number;
                height: number;
                selectedIds: Set<string> & Omit<Set<string>, keyof Set<any>>;
                lockedIds?: (Set<string> & Omit<Set<string>, keyof Set<any>>) | undefined;
                drawingMode: string;
                snapLines: {
                    axis: "x" | "y";
                    value: number;
                }[];
                isSpacePressed: boolean;
                isMobile?: boolean | undefined;
                isDragging?: boolean | undefined;
            };
            editor: {
                [x: string]: any;
                theme: import('../../types').CanvasTheme;
                language: import('../../types').CanvasLanguage;
                showRoughToolbar: boolean;
                showPreviewControls: boolean;
                showRulers: boolean;
                showGuides: boolean;
                showGrid: boolean;
                gridSize: number;
                enableShortcuts: boolean;
                disablePan: boolean;
                disableBgm: boolean;
                muteAll: boolean;
                fullScreen: boolean;
                autoStep: boolean;
                showElementDescription: boolean;
                defaultRoughProps?: Record<string, any> | undefined;
            };
        };
        getParams: () => import('../../types').CanvasParams;
        setParams: (params: Partial<import('../../types').CanvasParams>) => void;
        resetParams: () => void;
        setMode: (mode: import('../../types').CanvasMode) => void;
        setShowRulers: (showRulers: boolean) => void;
        setScale: (scale: number) => void;
        setEnableShortcuts: (enable: boolean) => void;
        setBackground: (bg: string) => void;
        setDisablePan: (disable: boolean) => void;
        setAnimation: (animation: string | null) => void;
        setAudio: (type: "bgm" | "slide" | "element", audio: string | import('../../types').AudioConfig | null) => void;
        setLanguage: (lang: import('../../types').CanvasLanguage) => void;
        setPresentationMode: (mode: "default" | "ppt") => void;
        nextStep: () => void;
        prevStep: () => void;
        goStep: (step: number) => void;
        stopStep: () => void;
        pauseStep: () => void;
        presentation: (options?: boolean | import('../../types').PresentationOptions) => void;
        getData: any;
        loadData: any;
        loadSlides: any;
        nextSlide: () => void;
        prevSlide: () => void;
        goSlide: (index: number) => void;
        fullscreen: () => void;
        exitFullscreen: () => void;
        clearData: any;
        loadElements: (components: Record<string, any>) => void;
        exportData: any;
        addElement: (el: CanvasElementData | CanvasElementData[], skipHistory?: boolean) => void;
        insertElementBefore: (element: CanvasElementData, targetId: string) => void;
        insertElementAfter: (element: CanvasElementData, targetId: string) => void;
        updateElement: (id: string, props: Partial<CanvasElementData>, skipHistory?: boolean) => void;
        removeElement: (id: string | string[], skipHistory?: boolean) => void;
        selectAll: () => void;
        select: (ids: string | string[]) => void;
        clearSelection: () => void;
        groupSelected: () => void;
        unGroupSelected: () => void;
        deleteSelect: () => void;
        undo: () => void;
        redo: () => void;
        save: () => void;
        load: (data: CanvasElementData[] | import('../../types').CanvasDocumentData | any) => boolean | void;
        alignSelected: (direction: "top" | "bottom" | "left" | "right" | "center" | "middle") => void;
    } & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: {
            default?: (props: {}) => any;
        };
    }) | null, ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: {
            readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
            readonly initialElements?: CanvasElementData[] | undefined;
            readonly ratio?: import('../../types').CanvasRatio | undefined;
            readonly showRulers?: boolean | undefined;
            readonly showToolbar?: boolean | undefined;
            readonly customComponents?: Record<string, any> | undefined;
            readonly mode?: import('../../types').CanvasMode | undefined;
            readonly enableShortcuts?: boolean | undefined;
            readonly showGuides?: boolean | undefined;
            readonly theme?: import('../../types').CanvasTheme | undefined;
            readonly background?: string | undefined;
            readonly autoStep?: boolean | undefined;
            readonly showElementDescription?: boolean | undefined;
            readonly language?: import('../../types').CanvasLanguage | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
        $attrs: import('vue').Attrs;
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: (event: string, ...args: any[]) => void;
        $el: any;
        $options: import('vue').ComponentOptionsBase<Readonly<{
            initialElements?: CanvasElementData[];
            ratio?: import('../../types').CanvasRatio;
            showRulers?: boolean;
            showToolbar?: boolean;
            customComponents?: Record<string, any>;
            mode?: import('../../types').CanvasMode;
            enableShortcuts?: boolean;
            showGuides?: boolean;
            theme?: import('../../types').CanvasTheme;
            background?: string;
            autoStep?: boolean;
            showElementDescription?: boolean;
            language?: import('../../types').CanvasLanguage;
        }> & Readonly<{
            [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
        }>, {
            usePlugin: (plugin: import('../../types').CanvasPlugin, options?: Record<string, any>) => void;
            state: {
                document: {
                    id?: string | undefined;
                    meta?: Record<string, any> | undefined;
                    config: {
                        ratio: import('../../types').CanvasRatio;
                        width?: number | undefined;
                        height?: number | undefined;
                        background: string;
                        bgm?: string | {
                            [x: string]: unknown;
                            url: string;
                            volume?: number | undefined;
                        } | null | undefined;
                        enterSound?: string | {
                            [x: string]: unknown;
                            url: string;
                            volume?: number | undefined;
                        } | null | undefined;
                        animationJson?: string | undefined;
                        autoPlay?: boolean | undefined;
                        autoStep?: boolean | undefined;
                        watermark?: {
                            text: string;
                            color?: string | undefined;
                            fontSize?: number | undefined;
                            fontFamily?: string | undefined;
                            opacity?: number | undefined;
                            angle?: number | undefined;
                            repeat?: boolean | undefined;
                            position?: "center" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
                        } | null | undefined;
                    };
                    slides: {
                        config?: {
                            background?: string | undefined;
                            bgm?: string | {
                                [x: string]: unknown;
                                url: string;
                                volume?: number | undefined;
                            } | null | undefined;
                            enterSound?: string | {
                                [x: string]: unknown;
                                url: string;
                                volume?: number | undefined;
                            } | null | undefined;
                            transition?: string | undefined;
                            animationJson?: string | undefined;
                        } | undefined;
                        elements: {
                            id: string;
                            name?: string | undefined;
                            type: string;
                            x: number;
                            y: number;
                            width?: number | undefined;
                            height?: number | undefined;
                            rotation?: number | undefined;
                            groupId?: string | undefined;
                            isEditable?: boolean | undefined;
                            props?: Record<string, unknown> | undefined;
                            propValues?: Record<string, any> | undefined;
                            slots?: Record<string, any> | undefined;
                            animations?: {
                                id: string;
                                type?: "in" | "emphasis" | "out" | undefined;
                                animate?: string | undefined;
                                duration?: number | undefined;
                                delay?: number | undefined;
                                step?: number | undefined;
                                audio?: string | {
                                    [x: string]: unknown;
                                    url: string;
                                    volume?: number | undefined;
                                } | undefined;
                            }[] | undefined;
                            enterStep?: number | undefined;
                            exitStep?: number | undefined;
                            delay?: number | undefined;
                            description?: string | undefined;
                            events?: Record<string, string> | undefined;
                            methods?: Record<string, string> | undefined;
                            model?: {
                                [x: string]: any;
                                value?: any;
                                default?: any;
                                field?: string | undefined;
                                checked?: boolean | undefined;
                            } | undefined;
                        }[];
                    }[];
                    pluginDatas?: Record<string, any> | undefined;
                };
                runtime: {
                    activeElements: {
                        id: string;
                        name?: string | undefined;
                        type: string;
                        x: number;
                        y: number;
                        width?: number | undefined;
                        height?: number | undefined;
                        rotation?: number | undefined;
                        groupId?: string | undefined;
                        isEditable?: boolean | undefined;
                        props?: Record<string, unknown> | undefined;
                        propValues?: Record<string, any> | undefined;
                        slots?: Record<string, any> | undefined;
                        animations?: {
                            id: string;
                            type?: "in" | "emphasis" | "out" | undefined;
                            animate?: string | undefined;
                            duration?: number | undefined;
                            delay?: number | undefined;
                            step?: number | undefined;
                            audio?: string | {
                                [x: string]: unknown;
                                url: string;
                                volume?: number | undefined;
                            } | undefined;
                        }[] | undefined;
                        enterStep?: number | undefined;
                        exitStep?: number | undefined;
                        delay?: number | undefined;
                        description?: string | undefined;
                        events?: Record<string, string> | undefined;
                        methods?: Record<string, string> | undefined;
                        model?: {
                            [x: string]: any;
                            value?: any;
                            default?: any;
                            field?: string | undefined;
                            checked?: boolean | undefined;
                        } | undefined;
                    }[];
                    currentSlideIndex: number;
                    mode: import('../../types').CanvasMode;
                    presentationMode: import('../../types').PresentationMode;
                    currentStep: number;
                    scale: number;
                    offsetX: number;
                    offsetY: number;
                    width: number;
                    height: number;
                    selectedIds: Set<string> & Omit<Set<string>, keyof Set<any>>;
                    lockedIds?: (Set<string> & Omit<Set<string>, keyof Set<any>>) | undefined;
                    drawingMode: string;
                    snapLines: {
                        axis: "x" | "y";
                        value: number;
                    }[];
                    isSpacePressed: boolean;
                    isMobile?: boolean | undefined;
                    isDragging?: boolean | undefined;
                };
                editor: {
                    [x: string]: any;
                    theme: import('../../types').CanvasTheme;
                    language: import('../../types').CanvasLanguage;
                    showRoughToolbar: boolean;
                    showPreviewControls: boolean;
                    showRulers: boolean;
                    showGuides: boolean;
                    showGrid: boolean;
                    gridSize: number;
                    enableShortcuts: boolean;
                    disablePan: boolean;
                    disableBgm: boolean;
                    muteAll: boolean;
                    fullScreen: boolean;
                    autoStep: boolean;
                    showElementDescription: boolean;
                    defaultRoughProps?: Record<string, any> | undefined;
                };
            };
            getParams: () => import('../../types').CanvasParams;
            setParams: (params: Partial<import('../../types').CanvasParams>) => void;
            resetParams: () => void;
            setMode: (mode: import('../../types').CanvasMode) => void;
            setShowRulers: (showRulers: boolean) => void;
            setScale: (scale: number) => void;
            setEnableShortcuts: (enable: boolean) => void;
            setBackground: (bg: string) => void;
            setDisablePan: (disable: boolean) => void;
            setAnimation: (animation: string | null) => void;
            setAudio: (type: "bgm" | "slide" | "element", audio: string | import('../../types').AudioConfig | null) => void;
            setLanguage: (lang: import('../../types').CanvasLanguage) => void;
            setPresentationMode: (mode: "default" | "ppt") => void;
            nextStep: () => void;
            prevStep: () => void;
            goStep: (step: number) => void;
            stopStep: () => void;
            pauseStep: () => void;
            presentation: (options?: boolean | import('../../types').PresentationOptions) => void;
            getData: any;
            loadData: any;
            loadSlides: any;
            nextSlide: () => void;
            prevSlide: () => void;
            goSlide: (index: number) => void;
            fullscreen: () => void;
            exitFullscreen: () => void;
            clearData: any;
            loadElements: (components: Record<string, any>) => void;
            exportData: any;
            addElement: (el: CanvasElementData | CanvasElementData[], skipHistory?: boolean) => void;
            insertElementBefore: (element: CanvasElementData, targetId: string) => void;
            insertElementAfter: (element: CanvasElementData, targetId: string) => void;
            updateElement: (id: string, props: Partial<CanvasElementData>, skipHistory?: boolean) => void;
            removeElement: (id: string | string[], skipHistory?: boolean) => void;
            selectAll: () => void;
            select: (ids: string | string[]) => void;
            clearSelection: () => void;
            groupSelected: () => void;
            unGroupSelected: () => void;
            deleteSelect: () => void;
            undo: () => void;
            redo: () => void;
            save: () => void;
            load: (data: CanvasElementData[] | import('../../types').CanvasDocumentData | any) => boolean | void;
            alignSelected: (direction: "top" | "bottom" | "left" | "right" | "center" | "middle") => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
            [x: string]: any;
        }, string, {
            theme: import('../../types').CanvasTheme;
            language: import('../../types').CanvasLanguage;
            showRulers: boolean;
            showGuides: boolean;
            enableShortcuts: boolean;
            autoStep: boolean;
            showElementDescription: boolean;
            ratio: import('../../types').CanvasRatio;
            mode: import('../../types').CanvasMode;
            initialElements: CanvasElementData[];
            customComponents: Record<string, any>;
            showToolbar: boolean;
        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof import('vue').nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
    } & Readonly<{
        theme: import('../../types').CanvasTheme;
        language: import('../../types').CanvasLanguage;
        showRulers: boolean;
        showGuides: boolean;
        enableShortcuts: boolean;
        autoStep: boolean;
        showElementDescription: boolean;
        ratio: import('../../types').CanvasRatio;
        mode: import('../../types').CanvasMode;
        initialElements: CanvasElementData[];
        customComponents: Record<string, any>;
        showToolbar: boolean;
    }> & Omit<Readonly<{
        initialElements?: CanvasElementData[];
        ratio?: import('../../types').CanvasRatio;
        showRulers?: boolean;
        showToolbar?: boolean;
        customComponents?: Record<string, any>;
        mode?: import('../../types').CanvasMode;
        enableShortcuts?: boolean;
        showGuides?: boolean;
        theme?: import('../../types').CanvasTheme;
        background?: string;
        autoStep?: boolean;
        showElementDescription?: boolean;
        language?: import('../../types').CanvasLanguage;
    }> & Readonly<{
        [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
    }>, "select" | "save" | "load" | "undo" | "redo" | "state" | "updateElement" | "addElement" | "setParams" | "removeElement" | "loadElements" | "insertElementBefore" | "insertElementAfter" | "alignSelected" | "clearSelection" | "getParams" | "resetParams" | "setMode" | "setShowRulers" | "setScale" | "setEnableShortcuts" | "setDisablePan" | "fullscreen" | "exitFullscreen" | "setLanguage" | "setBackground" | "nextSlide" | "prevSlide" | "goSlide" | "usePlugin" | "setAnimation" | "setAudio" | "setPresentationMode" | "nextStep" | "prevStep" | "goStep" | "stopStep" | "pauseStep" | "presentation" | "getData" | "loadData" | "loadSlides" | "clearData" | "exportData" | "selectAll" | "groupSelected" | "unGroupSelected" | "deleteSelect" | ("theme" | "language" | "showRulers" | "showGuides" | "enableShortcuts" | "autoStep" | "showElementDescription" | "ratio" | "mode" | "initialElements" | "customComponents" | "showToolbar")> & {
        usePlugin: (plugin: import('../../types').CanvasPlugin, options?: Record<string, any>) => void;
        state: {
            document: {
                id?: string | undefined;
                meta?: Record<string, any> | undefined;
                config: {
                    ratio: import('../../types').CanvasRatio;
                    width?: number | undefined;
                    height?: number | undefined;
                    background: string;
                    bgm?: string | {
                        [x: string]: unknown;
                        url: string;
                        volume?: number | undefined;
                    } | null | undefined;
                    enterSound?: string | {
                        [x: string]: unknown;
                        url: string;
                        volume?: number | undefined;
                    } | null | undefined;
                    animationJson?: string | undefined;
                    autoPlay?: boolean | undefined;
                    autoStep?: boolean | undefined;
                    watermark?: {
                        text: string;
                        color?: string | undefined;
                        fontSize?: number | undefined;
                        fontFamily?: string | undefined;
                        opacity?: number | undefined;
                        angle?: number | undefined;
                        repeat?: boolean | undefined;
                        position?: "center" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
                    } | null | undefined;
                };
                slides: {
                    config?: {
                        background?: string | undefined;
                        bgm?: string | {
                            [x: string]: unknown;
                            url: string;
                            volume?: number | undefined;
                        } | null | undefined;
                        enterSound?: string | {
                            [x: string]: unknown;
                            url: string;
                            volume?: number | undefined;
                        } | null | undefined;
                        transition?: string | undefined;
                        animationJson?: string | undefined;
                    } | undefined;
                    elements: {
                        id: string;
                        name?: string | undefined;
                        type: string;
                        x: number;
                        y: number;
                        width?: number | undefined;
                        height?: number | undefined;
                        rotation?: number | undefined;
                        groupId?: string | undefined;
                        isEditable?: boolean | undefined;
                        props?: Record<string, unknown> | undefined;
                        propValues?: Record<string, any> | undefined;
                        slots?: Record<string, any> | undefined;
                        animations?: {
                            id: string;
                            type?: "in" | "emphasis" | "out" | undefined;
                            animate?: string | undefined;
                            duration?: number | undefined;
                            delay?: number | undefined;
                            step?: number | undefined;
                            audio?: string | {
                                [x: string]: unknown;
                                url: string;
                                volume?: number | undefined;
                            } | undefined;
                        }[] | undefined;
                        enterStep?: number | undefined;
                        exitStep?: number | undefined;
                        delay?: number | undefined;
                        description?: string | undefined;
                        events?: Record<string, string> | undefined;
                        methods?: Record<string, string> | undefined;
                        model?: {
                            [x: string]: any;
                            value?: any;
                            default?: any;
                            field?: string | undefined;
                            checked?: boolean | undefined;
                        } | undefined;
                    }[];
                }[];
                pluginDatas?: Record<string, any> | undefined;
            };
            runtime: {
                activeElements: {
                    id: string;
                    name?: string | undefined;
                    type: string;
                    x: number;
                    y: number;
                    width?: number | undefined;
                    height?: number | undefined;
                    rotation?: number | undefined;
                    groupId?: string | undefined;
                    isEditable?: boolean | undefined;
                    props?: Record<string, unknown> | undefined;
                    propValues?: Record<string, any> | undefined;
                    slots?: Record<string, any> | undefined;
                    animations?: {
                        id: string;
                        type?: "in" | "emphasis" | "out" | undefined;
                        animate?: string | undefined;
                        duration?: number | undefined;
                        delay?: number | undefined;
                        step?: number | undefined;
                        audio?: string | {
                            [x: string]: unknown;
                            url: string;
                            volume?: number | undefined;
                        } | undefined;
                    }[] | undefined;
                    enterStep?: number | undefined;
                    exitStep?: number | undefined;
                    delay?: number | undefined;
                    description?: string | undefined;
                    events?: Record<string, string> | undefined;
                    methods?: Record<string, string> | undefined;
                    model?: {
                        [x: string]: any;
                        value?: any;
                        default?: any;
                        field?: string | undefined;
                        checked?: boolean | undefined;
                    } | undefined;
                }[];
                currentSlideIndex: number;
                mode: import('../../types').CanvasMode;
                presentationMode: import('../../types').PresentationMode;
                currentStep: number;
                scale: number;
                offsetX: number;
                offsetY: number;
                width: number;
                height: number;
                selectedIds: Set<string> & Omit<Set<string>, keyof Set<any>>;
                lockedIds?: (Set<string> & Omit<Set<string>, keyof Set<any>>) | undefined;
                drawingMode: string;
                snapLines: {
                    axis: "x" | "y";
                    value: number;
                }[];
                isSpacePressed: boolean;
                isMobile?: boolean | undefined;
                isDragging?: boolean | undefined;
            };
            editor: {
                [x: string]: any;
                theme: import('../../types').CanvasTheme;
                language: import('../../types').CanvasLanguage;
                showRoughToolbar: boolean;
                showPreviewControls: boolean;
                showRulers: boolean;
                showGuides: boolean;
                showGrid: boolean;
                gridSize: number;
                enableShortcuts: boolean;
                disablePan: boolean;
                disableBgm: boolean;
                muteAll: boolean;
                fullScreen: boolean;
                autoStep: boolean;
                showElementDescription: boolean;
                defaultRoughProps?: Record<string, any> | undefined;
            };
        };
        getParams: () => import('../../types').CanvasParams;
        setParams: (params: Partial<import('../../types').CanvasParams>) => void;
        resetParams: () => void;
        setMode: (mode: import('../../types').CanvasMode) => void;
        setShowRulers: (showRulers: boolean) => void;
        setScale: (scale: number) => void;
        setEnableShortcuts: (enable: boolean) => void;
        setBackground: (bg: string) => void;
        setDisablePan: (disable: boolean) => void;
        setAnimation: (animation: string | null) => void;
        setAudio: (type: "bgm" | "slide" | "element", audio: string | import('../../types').AudioConfig | null) => void;
        setLanguage: (lang: import('../../types').CanvasLanguage) => void;
        setPresentationMode: (mode: "default" | "ppt") => void;
        nextStep: () => void;
        prevStep: () => void;
        goStep: (step: number) => void;
        stopStep: () => void;
        pauseStep: () => void;
        presentation: (options?: boolean | import('../../types').PresentationOptions) => void;
        getData: any;
        loadData: any;
        loadSlides: any;
        nextSlide: () => void;
        prevSlide: () => void;
        goSlide: (index: number) => void;
        fullscreen: () => void;
        exitFullscreen: () => void;
        clearData: any;
        loadElements: (components: Record<string, any>) => void;
        exportData: any;
        addElement: (el: CanvasElementData | CanvasElementData[], skipHistory?: boolean) => void;
        insertElementBefore: (element: CanvasElementData, targetId: string) => void;
        insertElementAfter: (element: CanvasElementData, targetId: string) => void;
        updateElement: (id: string, props: Partial<CanvasElementData>, skipHistory?: boolean) => void;
        removeElement: (id: string | string[], skipHistory?: boolean) => void;
        selectAll: () => void;
        select: (ids: string | string[]) => void;
        clearSelection: () => void;
        groupSelected: () => void;
        unGroupSelected: () => void;
        deleteSelect: () => void;
        undo: () => void;
        redo: () => void;
        save: () => void;
        load: (data: CanvasElementData[] | import('../../types').CanvasDocumentData | any) => boolean | void;
        alignSelected: (direction: "top" | "bottom" | "left" | "right" | "center" | "middle") => void;
    } & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: {
            default?: (props: {}) => any;
        };
    }) | null>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
declare const _default: typeof __VLS_export;
export default _default;