amotify
Version:
UI Component for React,NextJS,esbuild
63 lines (62 loc) • 2.56 kB
TypeScript
/// <reference types="react" />
import { Box } from '../atoms';
declare namespace dragEffect {
type Entity = {
type: '' | 'parent' | 'child';
prevUID: string;
parentUID: string;
childUID: string;
} | null;
}
declare const dragEffect: {
Start: (type: string, opt: {
startEvent: React.PointerEvent;
dragElement: HTMLElement;
originId?: string;
horizontal?: boolean;
vertical?: boolean;
autoScroll?: boolean;
}, callback: (p: {
idx: number;
id: string | void;
groupId: string;
end: boolean;
onDropArea: boolean;
}) => void) => void;
AutoScroll: (event: MouseEvent | TouchEvent) => void;
styles: (cls: string) => string;
DropArea: <E extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = <T extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(p: Box.Input<T>) => import("react/jsx-runtime").JSX.Element | null>(p: {
dragInfo: {
type: string;
id?: string;
idx?: number;
group?: string;
activeOn?: 'landing' | 'lastLanding';
/**
* default bottom
*/
marker?: 'outline' | 'top' | 'bottom' | 'left' | 'right' | false;
/**
* default false
*/
disabled?: boolean;
};
className?: string;
children?: React.ReactNode;
jsxElement?: E;
} & (E extends typeof Box ? Box.DefaultInput : Omit<React.ComponentPropsWithoutRef<E>, 'jsxElement'>)) => import("react/jsx-runtime").JSX.Element;
DropSign: <E_1 extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = <T extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(p: Box.Input<T>) => import("react/jsx-runtime").JSX.Element | null>(p: {
dragInfo: {
type: string;
id?: string;
/**
* default landing
*/
activeOn?: 'always' | 'landing' | 'lastLanding' | 'dragging';
};
className?: string | undefined;
children?: React.ReactNode;
jsxElement?: E_1 | undefined;
} & (E_1 extends <T extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(p: Box.Input<T>) => import("react/jsx-runtime").JSX.Element | null ? Box.DefaultInput : Omit<React.PropsWithoutRef<React.ComponentProps<E_1>>, "jsxElement">)) => import("react/jsx-runtime").JSX.Element;
};
export { dragEffect };