grid-layout-plus-no-pnpm/dist/components/grid-layout.vue.d.ts

<p align="center"> <a href="https://grid-layout-plus.netlify.app/" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/grid-layout-plus.svg" width="180" style="width: 120px;" /> </a> </p>

import type { PropType } from 'vue';
import type { Layout, Breakpoint, Breakpoints, ResponsiveLayout } from '../helpers/types';
declare const _sfc_main: import("vue").DefineComponent<{
    autoSize: {
        type: BooleanConstructor;
        default: boolean;
    };
    colNum: {
        type: NumberConstructor;
        default: number;
    };
    rowHeight: {
        type: NumberConstructor;
        default: number;
    };
    maxRows: {
        type: NumberConstructor;
        default: number;
    };
    margin: {
        type: PropType<number[]>;
        default: () => number[];
    };
    isDraggable: {
        type: BooleanConstructor;
        default: boolean;
    };
    isResizable: {
        type: BooleanConstructor;
        default: boolean;
    };
    isMirrored: {
        type: BooleanConstructor;
        default: boolean;
    };
    isBounded: {
        type: BooleanConstructor;
        default: boolean;
    };
    useCssTransforms: {
        type: BooleanConstructor;
        default: boolean;
    };
    verticalCompact: {
        type: BooleanConstructor;
        default: boolean;
    };
    restoreOnDrag: {
        type: BooleanConstructor;
        default: boolean;
    };
    layout: {
        type: PropType<Layout>;
        required: true;
    };
    responsive: {
        type: BooleanConstructor;
        default: boolean;
    };
    responsiveLayouts: {
        type: PropType<Partial<ResponsiveLayout>>;
        default: () => {};
    };
    transformScale: {
        type: NumberConstructor;
        default: number;
    };
    breakpoints: {
        type: PropType<Breakpoints>;
        default: () => {
            lg: number;
            md: number;
            sm: number;
            xs: number;
            xxs: number;
        };
    };
    cols: {
        type: PropType<Breakpoints>;
        default: () => {
            lg: number;
            md: number;
            sm: number;
            xs: number;
            xxs: number;
        };
    };
    preventCollision: {
        type: BooleanConstructor;
        default: boolean;
    };
    useStyleCursor: {
        type: BooleanConstructor;
        default: boolean;
    };
}, {
    state: {
        width: number;
        mergedStyle: {};
        lastLayoutLength: number;
        isDragging: boolean;
        placeholder: {
            x: number;
            y: number;
            w: number;
            h: number;
            i: string | number;
        };
        layouts: {
            xxs: {
                minW?: number | undefined;
                minH?: number | undefined;
                maxW?: number | undefined;
                maxH?: number | undefined;
                moved?: boolean | undefined;
                static?: boolean | undefined;
                isDraggable?: boolean | undefined;
                isResizable?: boolean | undefined;
                w: number;
                h: number;
                x: number;
                y: number;
                i: string | number;
            }[];
            xs: {
                minW?: number | undefined;
                minH?: number | undefined;
                maxW?: number | undefined;
                maxH?: number | undefined;
                moved?: boolean | undefined;
                static?: boolean | undefined;
                isDraggable?: boolean | undefined;
                isResizable?: boolean | undefined;
                w: number;
                h: number;
                x: number;
                y: number;
                i: string | number;
            }[];
            sm: {
                minW?: number | undefined;
                minH?: number | undefined;
                maxW?: number | undefined;
                maxH?: number | undefined;
                moved?: boolean | undefined;
                static?: boolean | undefined;
                isDraggable?: boolean | undefined;
                isResizable?: boolean | undefined;
                w: number;
                h: number;
                x: number;
                y: number;
                i: string | number;
            }[];
            md: {
                minW?: number | undefined;
                minH?: number | undefined;
                maxW?: number | undefined;
                maxH?: number | undefined;
                moved?: boolean | undefined;
                static?: boolean | undefined;
                isDraggable?: boolean | undefined;
                isResizable?: boolean | undefined;
                w: number;
                h: number;
                x: number;
                y: number;
                i: string | number;
            }[];
            lg: {
                minW?: number | undefined;
                minH?: number | undefined;
                maxW?: number | undefined;
                maxH?: number | undefined;
                moved?: boolean | undefined;
                static?: boolean | undefined;
                isDraggable?: boolean | undefined;
                isResizable?: boolean | undefined;
                w: number;
                h: number;
                x: number;
                y: number;
                i: string | number;
            }[];
        };
        lastBreakpoint: Breakpoint | null;
        originalLayout: {
            minW?: number | undefined;
            minH?: number | undefined;
            maxW?: number | undefined;
            maxH?: number | undefined;
            moved?: boolean | undefined;
            static?: boolean | undefined;
            isDraggable?: boolean | undefined;
            isResizable?: boolean | undefined;
            w: number;
            h: number;
            x: number;
            y: number;
            i: string | number;
        }[];
    };
    getItem: (id: number | string) => any;
    resizeEvent: (eventName: string, id: number | string, x: number, y: number, h: number, w: number) => void;
    dragEvent: (eventName: string, id: number | string, x: number, y: number, h: number, w: number) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("layout-before-mount" | "layout-mounted" | "layout-updated" | "breakpoint-changed" | "update:layout" | "layout-ready")[], "layout-before-mount" | "layout-mounted" | "layout-updated" | "breakpoint-changed" | "update:layout" | "layout-ready", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    autoSize: {
        type: BooleanConstructor;
        default: boolean;
    };
    colNum: {
        type: NumberConstructor;
        default: number;
    };
    rowHeight: {
        type: NumberConstructor;
        default: number;
    };
    maxRows: {
        type: NumberConstructor;
        default: number;
    };
    margin: {
        type: PropType<number[]>;
        default: () => number[];
    };
    isDraggable: {
        type: BooleanConstructor;
        default: boolean;
    };
    isResizable: {
        type: BooleanConstructor;
        default: boolean;
    };
    isMirrored: {
        type: BooleanConstructor;
        default: boolean;
    };
    isBounded: {
        type: BooleanConstructor;
        default: boolean;
    };
    useCssTransforms: {
        type: BooleanConstructor;
        default: boolean;
    };
    verticalCompact: {
        type: BooleanConstructor;
        default: boolean;
    };
    restoreOnDrag: {
        type: BooleanConstructor;
        default: boolean;
    };
    layout: {
        type: PropType<Layout>;
        required: true;
    };
    responsive: {
        type: BooleanConstructor;
        default: boolean;
    };
    responsiveLayouts: {
        type: PropType<Partial<ResponsiveLayout>>;
        default: () => {};
    };
    transformScale: {
        type: NumberConstructor;
        default: number;
    };
    breakpoints: {
        type: PropType<Breakpoints>;
        default: () => {
            lg: number;
            md: number;
            sm: number;
            xs: number;
            xxs: number;
        };
    };
    cols: {
        type: PropType<Breakpoints>;
        default: () => {
            lg: number;
            md: number;
            sm: number;
            xs: number;
            xxs: number;
        };
    };
    preventCollision: {
        type: BooleanConstructor;
        default: boolean;
    };
    useStyleCursor: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & {
    "onLayout-before-mount"?: ((...args: any[]) => any) | undefined;
    "onLayout-mounted"?: ((...args: any[]) => any) | undefined;
    "onLayout-updated"?: ((...args: any[]) => any) | undefined;
    "onBreakpoint-changed"?: ((...args: any[]) => any) | undefined;
    "onUpdate:layout"?: ((...args: any[]) => any) | undefined;
    "onLayout-ready"?: ((...args: any[]) => any) | undefined;
}, {
    isDraggable: boolean;
    isResizable: boolean;
    isBounded: boolean;
    cols: Breakpoints;
    rowHeight: number;
    margin: number[];
    maxRows: number;
    transformScale: number;
    useCssTransforms: boolean;
    useStyleCursor: boolean;
    responsive: boolean;
    autoSize: boolean;
    colNum: number;
    isMirrored: boolean;
    verticalCompact: boolean;
    restoreOnDrag: boolean;
    responsiveLayouts: Partial<ResponsiveLayout>;
    breakpoints: Breakpoints;
    preventCollision: boolean;
}>;
export default _sfc_main;