import type { ComputedRef, Ref } from 'vue';
export interface PageEditorComponent {
    name: string;
    icon: string;
    group?: string;
    label?: string;
    component: (props?: Record<string, any>) => any;
    setting?: (props?: Record<string, any>) => any;
    nested?: boolean;
    settingDefault?: Record<string, any>;
}
export interface PageEditorGroup {
    name: string;
    label: string;
    icon: string;
    children?: PageEditorComponent[];
}
export interface PageEditorData {
    key: string;
    name: string;
    options?: Record<string, any>;
    children?: PageEditorData[];
}
export interface PageEditorSettingPage {
    component?: (props?: Record<string, any>) => any;
    default?: Record<string, any>;
}
export interface UseEditorResult {
    clearComponent: () => void;
    addComponent: (data: PageEditorComponent) => void;
    clearGroup: () => void;
    addGroup: (data: PageEditorGroup) => void;
    getData: (key?: string) => PageEditorData | undefined;
    copyData: (key: string, index: number) => void;
    deleteData: (key: string, index: number) => void;
    tree: ComputedRef<PageEditorGroup[]>;
    components: Ref<PageEditorComponent[]>;
    group: Ref<PageEditorGroup[]>;
    selected: Ref<string | undefined>;
    value: Ref<UseEditorValue>;
    settingPage: PageEditorSettingPage | undefined;
}
export interface UseEditorValue {
    config: Record<string, any>;
    data: PageEditorData[];
}
export declare function useEditor({ settingPage }: {
    settingPage?: PageEditorSettingPage;
}): UseEditorResult;