asp-smart-ui-plus-test/es/components/pc/advanced/grid-layout/index.d.ts

A Component Library for Vue 3

declare const AspGridLayout: import("asp-smart-ui-plus/es/utils").SFCWithInstall<{
    raw: import("vue").DefineComponent<{
        id: {
            type: StringConstructor;
            required: true;
        };
        autoSize: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        colNum: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        rowHeight: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        maxRows: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        margin: {
            type: ArrayConstructor;
            required: false;
            default: () => number[];
        };
        pagePadding: {
            type: ArrayConstructor;
            required: false;
            default: () => number[];
        };
        isDraggable: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        isResizable: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        isBounded: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        useCssTransforms: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        verticalCompact: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        layout: {
            type: null;
            required: true;
        };
        transformScale: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        cols: {
            type: ObjectConstructor;
            required: false;
            default: () => {
                lg: number;
                md: number;
                sm: number;
                xs: number;
                xxs: number;
            };
        };
        preventCollision: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        useStyleCursor: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
    }, {
        props: {
            id: string;
            autoSize: boolean;
            colNum: number;
            rowHeight: number;
            maxRows: number;
            margin: number[];
            pagePadding: number[];
            isDraggable: boolean;
            isResizable: boolean;
            isBounded: boolean;
            useCssTransforms: boolean;
            verticalCompact: boolean;
            layout: import("./src/types").Layout;
            transformScale: number;
            cols: {
                lg: number;
                md: number;
                sm: number;
                xs: number;
                xxs: number;
            };
            preventCollision: boolean;
            useStyleCursor: boolean;
        };
        boardReady: import("vue").Ref<boolean>;
        gridProps: import("vue").Ref<string>;
        width: import("vue").Ref<number | null>;
        height: any;
        mergeStyle: import("vue").Ref<{
            [key: string]: string;
        }>;
        isDragging: import("vue").Ref<boolean>;
        placeholder: import("vue").Ref<{
            x: number;
            y: number;
            w: number;
            h: number;
            i: string | number;
        }>;
        layouts: import("vue").Ref<{
            [key: string]: any;
        }>;
        erd: any;
        this$refsLayout: import("vue").Ref<HTMLElement>;
        defaultGridItem: import("vue").Ref<any>;
        eventBus: import("mitt").Emitter<any>;
        emit: {
            (e: "layout-created", layout: import("./src/types").Layout): void;
            (e: "layout-before-mount", layout: import("./src/types").Layout): void;
            (e: "layout-mounted", layout: import("./src/types").Layout): void;
            (e: "layout-updated", data: any): void;
            (e: "layout-ready", layout: import("./src/types").Layout): void;
            (e: "layout-update-height", data: any): void;
            (e: "update:layout", layout: import("./src/types").Layout): void;
        };
        resizeEventHandler: (data?: import("./src/helpers/dom").EventsData | undefined) => void;
        dragEventHandler: (data?: import("./src/helpers/dom").EventsData | undefined) => void;
        layoutUpdate: () => void;
        onLayoutResize: () => void;
        updateHeight: () => 0 | undefined;
        dragEvent: (eventName?: import("mitt").EventType | undefined, id?: string | number | undefined, x?: number | undefined, y?: number | undefined, h?: number | undefined, w?: number | undefined) => void;
        resizeEvent: (eventName?: import("mitt").EventType | undefined, id?: string | number | undefined, x?: number | undefined, y?: number | undefined, h?: number | undefined, w?: number | undefined) => void;
        emitLayoutUpdate: () => void;
        GridItem: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("layout-created" | "layout-before-mount" | "layout-mounted" | "layout-updated" | "layout-ready" | "layout-update-height" | "update:layout")[], "layout-created" | "layout-before-mount" | "layout-mounted" | "layout-updated" | "layout-ready" | "layout-update-height" | "update:layout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        id: {
            type: StringConstructor;
            required: true;
        };
        autoSize: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        colNum: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        rowHeight: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        maxRows: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        margin: {
            type: ArrayConstructor;
            required: false;
            default: () => number[];
        };
        pagePadding: {
            type: ArrayConstructor;
            required: false;
            default: () => number[];
        };
        isDraggable: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        isResizable: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        isBounded: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        useCssTransforms: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        verticalCompact: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        layout: {
            type: null;
            required: true;
        };
        transformScale: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        cols: {
            type: ObjectConstructor;
            required: false;
            default: () => {
                lg: number;
                md: number;
                sm: number;
                xs: number;
                xxs: number;
            };
        };
        preventCollision: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        useStyleCursor: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
    }>> & {
        "onLayout-created"?: ((...args: any[]) => any) | undefined;
        "onLayout-before-mount"?: ((...args: any[]) => any) | undefined;
        "onLayout-mounted"?: ((...args: any[]) => any) | undefined;
        "onLayout-updated"?: ((...args: any[]) => any) | undefined;
        "onLayout-ready"?: ((...args: any[]) => any) | undefined;
        "onLayout-update-height"?: ((...args: any[]) => any) | undefined;
        "onUpdate:layout"?: ((...args: any[]) => any) | undefined;
    }, {
        rowHeight: number;
        autoSize: boolean;
        colNum: number;
        maxRows: number;
        margin: unknown[];
        pagePadding: unknown[];
        isDraggable: boolean;
        isResizable: boolean;
        isBounded: boolean;
        useCssTransforms: boolean;
        verticalCompact: boolean;
        transformScale: number;
        cols: Record<string, any>;
        preventCollision: boolean;
        useStyleCursor: boolean;
    }>;
    name: string;
}> & Record<string, any>;
declare const AspGridItem: import("asp-smart-ui-plus/es/utils").SFCWithInstall<{
    raw: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
    name: string;
}> & Record<string, any>;
export { AspGridLayout, AspGridItem };