jQueryUI basic definitions added from TypeScript samples

2026-08-16 23:10:29 +00:00 · 2012-10-07 06:29:02 +03:00
parent e382eb8e9d
commit 9f369bc856
1 changed files with 92 additions and 0 deletions
@@ -0,0 +1,92 @@
+/// <reference path="jquery.d.ts"/>
+
+// Partial typing for the jQueryUI library, version 1.8.x
+
+interface DraggableEventUIParam {
+    helper: JQuery;
+    position: { top: number; left: number;};
+    offset: { top: number; left: number;};
+}
+
+interface DraggableEvent {
+    (event: Event, ui: DraggableEventUIParam): void;
+}
+
+interface Draggable {
+    // Options
+    disabled?: bool;
+    addClasses?: bool;
+    appendTo?: any;
+    axis?: string;
+    cancel?: string;
+    connectToSortable?: string;
+    containment?: any;
+    cursor?: string;
+    cursorAt?: any;
+    delay?: number;
+    distance?: number;
+    grid?: number[];
+    handle?: any;
+    helper?: any;
+    iframeFix?: any;
+    opacity?: number;
+    refreshPositions?: bool;
+    revert?: any;
+    revertDuration?: number;
+    scope?: string;
+    scroll?: bool;
+    scrollSensitivity?: number;
+    scrollSpeed?: number;
+    snap?: any;
+    snapMode?: string;
+    snapTolerance?: number;
+    stack?: string;
+    zIndex?: number;
+    // Events
+    create?: DraggableEvent;
+    start?: DraggableEvent;
+    drag?:  DraggableEvent;
+    stop?:  DraggableEvent;
+}
+
+interface DroppableEventUIParam {
+    draggable: JQuery;
+    helper: JQuery;
+    position: { top: number; left: number;};
+    offset: { top: number; left: number;};
+}
+
+interface DroppableEvent {
+    (event: Event, ui: DroppableEventUIParam): void;
+}
+
+interface Droppable {
+    // Options
+    disabled?: bool;
+    accept?: any;
+    activeClass?: string;
+    greedy?: bool;
+    hoverClass?: string;
+    scope?: string;
+    tolerance?: string;
+    // Events
+    create?: DroppableEvent;
+    activate?: DroppableEvent;
+    deactivate?: DroppableEvent;
+    over?: DroppableEvent;
+    out?: DroppableEvent;
+    drop?: DroppableEvent;
+}
+
+interface JQuery {
+    draggable(options: Draggable): JQuery;
+    draggable(optionLiteral: string, options: Draggable): JQuery;
+    draggable(optionLiteral: string, optionName: string, optionValue: any): JQuery;
+    draggable(optionLiteral: string, optionName: string): any;
+    // draggable(methodName: string): any;
+    droppable(options: Droppable): JQuery;
+    droppable(optionLiteral: string, options: Draggable): JQuery;
+    droppable(optionLiteral: string, optionName: string, optionValue: any): JQuery;
+    droppable(optionLiteral: string, optionName: string): any;
+    droppable(methodName: string): any;
+}