grid-layout-plus
Version:
<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>
190 lines (189 loc) • 6.81 kB
TypeScript
import { Breakpoint } from '../helpers/types';
import { GridLayoutProps } from './types';
declare function getItem(id: number | string): any;
declare function layoutUpdate(): void;
declare function dragEvent(eventName: string, id: number | string, x: number, y: number, h: number, w: number): void;
declare function resizeEvent(eventName: string | undefined, id: number | string, x: number, y: number, h: number, w: number): void;
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
item?(_: {
item: {
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: number | string;
};
}): any;
};
refs: {
wrapper: HTMLDivElement;
};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<GridLayoutProps, {
state: {
width: number;
mergedStyle: {};
lastLayoutLength: number;
isDragging: boolean;
placeholder: {
x: number;
y: number;
w: number;
h: number;
i: number | string;
};
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: number | string;
}[];
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: number | string;
}[];
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: number | string;
}[];
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: number | string;
}[];
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: number | string;
}[];
};
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: number | string;
}[];
};
getItem: typeof getItem;
resizeEvent: typeof resizeEvent;
dragEvent: typeof dragEvent;
layoutUpdate: typeof layoutUpdate;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"layout-before-mount": (...args: any[]) => void;
"layout-mounted": (...args: any[]) => void;
"layout-updated": (...args: any[]) => void;
"breakpoint-changed": (...args: any[]) => void;
"update:layout": (...args: any[]) => void;
"layout-ready": (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<GridLayoutProps> & Readonly<{
"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: import('..').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<import('..').ResponsiveLayout>;
breakpoints: import('..').Breakpoints;
preventCollision: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
wrapper: HTMLDivElement;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};