fx-epic-designer/dist/core/src/components/designer/hooks/useDesigner.d.ts

基于vue3的设计器,可视化开发页面表单

import { ComponentSchema, PageSchema } from '../../../../../types/src/index';
export declare function useDesigner(props: any, emit: any): {
    handleCopy: () => false | undefined;
    handleDelete: () => false | undefined;
    pageManager: {
        addComponentInstance: (id: string, instance: import('../../../../../types/src/index').EpicNodeInstance) => void;
        addFormData: (formData: Record<string, unknown>, formName?: string) => void;
        componentInstances: import('vue').Ref<Record<string, import('../../../../../types/src/index').EpicNodeInstance>, Record<string, import('../../../../../types/src/index').EpicNodeInstance>>;
        defaultComponentIds: import('vue').Ref<string[], string[]>;
        doActions: (actions: import('../../../../../utils/src/index').ActionsModel[], ...args: unknown[]) => void;
        find: (queryValue: string, queryField?: string) => import('../../../../../types/src/index').EpicNodeInstance["exposed"] | null;
        findAll: (queryValue: string, queryField?: string) => import('../../../../../types/src/index').EpicNodeInstance["exposed"][];
        findInstance: (queryValue: string, queryField?: string) => import('../../../../../types/src/index').EpicNodeInstance | null;
        findInstanceAll: (queryValue: string, queryField?: string) => import('../../../../../types/src/index').EpicNodeInstance[];
        forms: Record<string, unknown>;
        funcs: import('vue').Ref<Record<string, Function>, Record<string, Function>>;
        getComponentInstance: (queryValue: string, queryField?: string) => import('../../../../../types/src/index').EpicNodeInstance["exposed"] | null;
        isDesignMode: import('vue').Ref<boolean, boolean>;
        pageSchema: {
            canvas?: {
                height?: string | undefined;
                mode?: string | undefined;
                width?: string | undefined;
            } | undefined;
            schemas: {
                [x: string]: any;
                children?: /*elided*/ any[] | undefined;
                componentProps?: any;
                describe?: string | undefined;
                editData?: object | undefined;
                field?: string | undefined;
                id?: string | undefined;
                input?: boolean | undefined;
                label?: string | undefined;
                noFormItem?: boolean | undefined;
                on?: {
                    [eventName: string]: import('../../../../../utils/src/index').ActionsModel[];
                } | undefined;
                rules?: {
                    [x: string]: any;
                    trigger?: string | string[] | undefined;
                    enum?: Array<boolean | null | number | string | undefined> | undefined;
                    isValidator?: boolean | undefined;
                    len?: number | undefined;
                    max?: number | undefined;
                    message?: ((a?: string) => string) | string | undefined;
                    min?: number | undefined;
                    pattern?: (RegExp | string) | undefined;
                    required?: boolean | undefined;
                    type?: string | undefined;
                    validator?: string | undefined;
                    whitespace?: boolean | undefined;
                }[] | undefined;
                show?: ((renderCallbackParams: import('../../../../../types/src/index').RenderCallbackParams) => boolean) | boolean | undefined;
                slotName?: string | undefined;
                slots?: {
                    [slotName: string]: ComponentSchema[];
                } | undefined;
                type: string;
            }[];
            script?: string | undefined;
        };
        removeComponentInstance: (id: string) => void;
        setDefaultComponentIds: (schemas: ComponentSchema[]) => void;
        setDesignMode: (isDesign?: boolean) => void;
        setFormData: (formData: Record<string, unknown>, formName?: string) => void;
        setMethods: (scriptStr: string, outputError?: boolean) => void;
        setPageSchema: (schema: PageSchema) => void;
    };
    pageSchema: {
        canvas?: {
            height?: string | undefined;
            mode?: string | undefined;
            width?: string | undefined;
        } | undefined;
        schemas: {
            [x: string]: any;
            children?: /*elided*/ any[] | undefined;
            componentProps?: any;
            describe?: string | undefined;
            editData?: object | undefined;
            field?: string | undefined;
            id?: string | undefined;
            input?: boolean | undefined;
            label?: string | undefined;
            noFormItem?: boolean | undefined;
            on?: {
                [eventName: string]: import('../../../../../utils/src/index').ActionsModel[];
            } | undefined;
            rules?: {
                [x: string]: any;
                trigger?: string | string[] | undefined;
                enum?: Array<boolean | null | number | string | undefined> | undefined;
                isValidator?: boolean | undefined;
                len?: number | undefined;
                max?: number | undefined;
                message?: ((a?: string) => string) | string | undefined;
                min?: number | undefined;
                pattern?: (RegExp | string) | undefined;
                required?: boolean | undefined;
                type?: string | undefined;
                validator?: string | undefined;
                whitespace?: boolean | undefined;
            }[] | undefined;
            show?: ((renderCallbackParams: import('../../../../../types/src/index').RenderCallbackParams) => boolean) | boolean | undefined;
            slotName?: string | undefined;
            slots?: {
                [slotName: string]: ComponentSchema[];
            } | undefined;
            type: string;
        }[];
        script?: string | undefined;
    };
    ready: import('vue').Ref<boolean, boolean>;
    reset: () => void;
    revoke: {
        currentRecord: import('vue').Ref<{
            pageSchema: string;
            selectedId?: string | undefined;
            type: string;
        } | null, import('../../../../../utils/src/index').RecordModel | {
            pageSchema: string;
            selectedId?: string | undefined;
            type: string;
        } | null>;
        push: (type?: string) => void;
        recordList: import('vue').Ref<{
            pageSchema: string;
            selectedId?: string | undefined;
            type: string;
        }[], import('../../../../../utils/src/index').RecordModel[] | {
            pageSchema: string;
            selectedId?: string | undefined;
            type: string;
        }[]>;
        redo: () => boolean;
        reset: () => void;
        undo: () => boolean;
        undoList: import('vue').Ref<{
            pageSchema: string;
            selectedId?: string | undefined;
            type: string;
        }[], import('../../../../../utils/src/index').RecordModel[] | {
            pageSchema: string;
            selectedId?: string | undefined;
            type: string;
        }[]>;
    };
    setHoverNode: (schema?: ComponentSchema | null) => false | undefined;
    setSelectedNode: (schema?: ComponentSchema | null) => void;
    setupHotkeys: (target?: Document | HTMLElement) => void;
    state: {
        disabledHover: boolean;
        hoverNode: {
            [x: string]: any;
            children?: /*elided*/ any[] | undefined;
            componentProps?: any;
            describe?: string | undefined;
            editData?: object | undefined;
            field?: string | undefined;
            id?: string | undefined;
            input?: boolean | undefined;
            label?: string | undefined;
            noFormItem?: boolean | undefined;
            on?: {
                [eventName: string]: import('../../../../../utils/src/index').ActionsModel[];
            } | undefined;
            rules?: {
                [x: string]: any;
                trigger?: string | string[] | undefined;
                enum?: Array<boolean | null | number | string | undefined> | undefined;
                isValidator?: boolean | undefined;
                len?: number | undefined;
                max?: number | undefined;
                message?: ((a?: string) => string) | string | undefined;
                min?: number | undefined;
                pattern?: (RegExp | string) | undefined;
                required?: boolean | undefined;
                type?: string | undefined;
                validator?: string | undefined;
                whitespace?: boolean | undefined;
            }[] | undefined;
            show?: ((renderCallbackParams: import('../../../../../types/src/index').RenderCallbackParams) => boolean) | boolean | undefined;
            slotName?: string | undefined;
            slots?: {
                [slotName: string]: ComponentSchema[];
            } | undefined;
            type: string;
        } | null;
        matched: {
            [x: string]: any;
            children?: /*elided*/ any[] | undefined;
            componentProps?: any;
            describe?: string | undefined;
            editData?: object | undefined;
            field?: string | undefined;
            id?: string | undefined;
            input?: boolean | undefined;
            label?: string | undefined;
            noFormItem?: boolean | undefined;
            on?: {
                [eventName: string]: import('../../../../../utils/src/index').ActionsModel[];
            } | undefined;
            rules?: {
                [x: string]: any;
                trigger?: string | string[] | undefined;
                enum?: Array<boolean | null | number | string | undefined> | undefined;
                isValidator?: boolean | undefined;
                len?: number | undefined;
                max?: number | undefined;
                message?: ((a?: string) => string) | string | undefined;
                min?: number | undefined;
                pattern?: (RegExp | string) | undefined;
                required?: boolean | undefined;
                type?: string | undefined;
                validator?: string | undefined;
                whitespace?: boolean | undefined;
            }[] | undefined;
            show?: ((renderCallbackParams: import('../../../../../types/src/index').RenderCallbackParams) => boolean) | boolean | undefined;
            slotName?: string | undefined;
            slots?: {
                [slotName: string]: ComponentSchema[];
            } | undefined;
            type: string;
        }[];
        selectedNode: {
            [x: string]: any;
            children?: /*elided*/ any[] | undefined;
            componentProps?: any;
            describe?: string | undefined;
            editData?: object | undefined;
            field?: string | undefined;
            id?: string | undefined;
            input?: boolean | undefined;
            label?: string | undefined;
            noFormItem?: boolean | undefined;
            on?: {
                [eventName: string]: import('../../../../../utils/src/index').ActionsModel[];
            } | undefined;
            rules?: {
                [x: string]: any;
                trigger?: string | string[] | undefined;
                enum?: Array<boolean | null | number | string | undefined> | undefined;
                isValidator?: boolean | undefined;
                len?: number | undefined;
                max?: number | undefined;
                message?: ((a?: string) => string) | string | undefined;
                min?: number | undefined;
                pattern?: (RegExp | string) | undefined;
                required?: boolean | undefined;
                type?: string | undefined;
                validator?: string | undefined;
                whitespace?: boolean | undefined;
            }[] | undefined;
            show?: ((renderCallbackParams: import('../../../../../types/src/index').RenderCallbackParams) => boolean) | boolean | undefined;
            slotName?: string | undefined;
            slots?: {
                [slotName: string]: ComponentSchema[];
            } | undefined;
            type: string;
        } | null;
    };
};