grid-layout-plus-no-pnpm
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>
42 lines (41 loc) • 1.07 kB
TypeScript
export interface LayoutItemRequired {
w: number;
h: number;
x: number;
y: number;
i: number | string;
}
export interface LayoutItem extends LayoutItemRequired {
minW?: number;
minH?: number;
maxW?: number;
maxH?: number;
moved?: boolean;
static?: boolean;
isDraggable?: boolean;
isResizable?: boolean;
}
export type Layout = Array<LayoutItem>;
export type Breakpoint = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
export type Breakpoints = Record<Breakpoint, number>;
export type ResponsiveLayout = Record<Breakpoint, Layout>;
/** @internal */
export interface LayoutInstance {
responsive: boolean;
lastBreakpoint: Breakpoint;
cols: Breakpoints;
colNum: number;
rowHeight: number;
width: number;
margin: number[];
isDraggable: boolean;
isResizable: boolean;
isBounded: boolean;
transformScale: number;
useCssTransforms: boolean;
useStyleCursor: boolean;
maxRows: number;
isMirrored: boolean;
increaseItem: (item: any) => void;
decreaseItem: (item: any) => void;
}