@witchcraft/layout 0.4.4 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/module.json +1 -1
- package/dist/runtime/components/FrameDragHandle.vue +3 -3
- package/dist/runtime/components/LayoutDragEdgeGrabbed.vue +3 -3
- package/dist/runtime/components/LayoutDragEdgeHandle.d.vue.ts +2 -2
- package/dist/runtime/components/LayoutDragEdgeHandle.vue +2 -2
- package/dist/runtime/components/LayoutDragEdgeHandle.vue.d.ts +2 -2
- package/dist/runtime/components/LayoutDragEdges.vue +5 -5
- package/dist/runtime/components/LayoutEdgesActiveFrame.vue +2 -2
- package/dist/runtime/components/LayoutFrame.vue +2 -2
- package/dist/runtime/components/LayoutIntersectionHandle.d.vue.ts +2 -2
- package/dist/runtime/components/LayoutIntersectionHandle.vue +2 -2
- package/dist/runtime/components/LayoutIntersectionHandle.vue.d.ts +2 -2
- package/dist/runtime/components/LayoutIntersections.vue +4 -4
- package/dist/runtime/components/LayoutWindow.d.vue.ts +44 -44
- package/dist/runtime/components/LayoutWindow.vue +27 -27
- package/dist/runtime/components/LayoutWindow.vue.d.ts +44 -44
- package/dist/runtime/composables/useFrames.d.ts +107 -109
- package/dist/runtime/composables/useFrames.js +103 -99
- package/dist/runtime/demo/App.vue +16 -16
- package/dist/runtime/demo/DemoControls.d.vue.ts +2 -2
- package/dist/runtime/demo/DemoControls.vue +4 -4
- package/dist/runtime/demo/DemoControls.vue.d.ts +2 -2
- package/dist/runtime/helpers/createZoneSideClipPath.d.ts +2 -2
- package/dist/runtime/helpers/{findFrameDraggableEdges.d.ts → findFrameMoveableEdges.d.ts} +2 -2
- package/dist/runtime/helpers/{findFrameDraggableEdges.js → findFrameMoveableEdges.js} +3 -3
- package/dist/runtime/helpers/{findDraggableEdge.d.ts → findMoveableEdge.d.ts} +1 -1
- package/dist/runtime/helpers/{findDraggableEdge.js → findMoveableEdge.js} +1 -1
- package/dist/runtime/helpers/index.d.ts +2 -2
- package/dist/runtime/helpers/index.js +2 -2
- package/dist/runtime/layout/createSplitDecoFromDrag.d.ts +1 -1
- package/dist/runtime/layout/createSplitDecoFromDrag.js +2 -2
- package/dist/runtime/layout/findSafeSplitEdge.d.ts +1 -1
- package/dist/runtime/layout/findSafeSplitEdge.js +2 -2
- package/dist/runtime/layout/getCloseFrameInfo.js +4 -4
- package/dist/runtime/layout/getFrameRearrangeInfo.d.ts +2 -2
- package/dist/runtime/layout/getFrameRearrangeInfo.js +8 -8
- package/dist/runtime/layout/getFrameSplitInfo.d.ts +1 -1
- package/dist/runtime/layout/getFrameSplitInfo.js +2 -2
- package/dist/runtime/layout/{getFrameDragZones.d.ts → getFrameZones.d.ts} +3 -3
- package/dist/runtime/layout/{getFrameDragZones.js → getFrameZones.js} +1 -1
- package/dist/runtime/layout/{getWindowDragZones.d.ts → getWindowZones.d.ts} +1 -1
- package/dist/runtime/layout/{getWindowDragZones.js → getWindowZones.js} +1 -1
- package/dist/runtime/layout/getZones.d.ts +8 -0
- package/dist/runtime/layout/getZones.js +32 -0
- package/dist/runtime/layout/index.d.ts +3 -3
- package/dist/runtime/layout/index.js +3 -3
- package/dist/runtime/{drag/DragActionHandler.d.ts → move/ActionHandler.d.ts} +18 -21
- package/dist/runtime/{drag/DragActionHandler.js → move/ActionHandler.js} +17 -17
- package/dist/runtime/{drag → move}/CloseAction.d.ts +8 -8
- package/dist/runtime/{drag → move}/CloseAction.js +29 -26
- package/dist/runtime/{drag → move}/FrameDragAction.d.ts +8 -8
- package/dist/runtime/{drag → move}/FrameDragAction.js +23 -21
- package/dist/runtime/{drag/DragDirectionStore.d.ts → move/MoveDirectionStore.d.ts} +4 -4
- package/dist/runtime/{drag/DragDirectionStore.js → move/MoveDirectionStore.js} +9 -9
- package/dist/runtime/{drag → move}/SplitAction.d.ts +9 -9
- package/dist/runtime/{drag → move}/SplitAction.js +46 -43
- package/dist/runtime/{drag → move}/createDefaultHandlers.d.ts +2 -2
- package/dist/runtime/types/index.d.ts +185 -171
- package/dist/runtime/types/index.js +2 -2
- package/dist/runtime/types/vue.d.ts +14 -16
- package/dist/runtime/types/vue.js +1 -1
- package/package.json +1 -1
- package/src/runtime/components/FrameDragHandle.vue +3 -3
- package/src/runtime/components/LayoutDragEdgeGrabbed.vue +3 -3
- package/src/runtime/components/LayoutDragEdgeHandle.vue +4 -4
- package/src/runtime/components/LayoutDragEdges.vue +5 -5
- package/src/runtime/components/LayoutEdgesActiveFrame.vue +2 -2
- package/src/runtime/components/LayoutFrame.vue +2 -2
- package/src/runtime/components/LayoutIntersectionHandle.vue +4 -4
- package/src/runtime/components/LayoutIntersections.vue +4 -4
- package/src/runtime/components/LayoutWindow.vue +32 -32
- package/src/runtime/composables/useFrames.ts +108 -102
- package/src/runtime/demo/App.vue +18 -18
- package/src/runtime/demo/DemoControls.vue +5 -5
- package/src/runtime/helpers/createZoneSideClipPath.ts +2 -2
- package/src/runtime/helpers/{findFrameDraggableEdges.ts → findFrameMoveableEdges.ts} +4 -4
- package/src/runtime/helpers/{findDraggableEdge.ts → findMoveableEdge.ts} +1 -1
- package/src/runtime/helpers/index.ts +2 -2
- package/src/runtime/layout/createSplitDecoFromDrag.ts +2 -2
- package/src/runtime/layout/findSafeSplitEdge.ts +4 -4
- package/src/runtime/layout/getCloseFrameInfo.ts +4 -4
- package/src/runtime/layout/getFrameRearrangeInfo.ts +10 -10
- package/src/runtime/layout/getFrameSplitInfo.ts +5 -5
- package/src/runtime/layout/{getFrameDragZones.ts → getFrameZones.ts} +4 -4
- package/src/runtime/layout/{getWindowDragZones.ts → getWindowZones.ts} +1 -1
- package/src/runtime/layout/getZones.ts +48 -0
- package/src/runtime/layout/index.ts +3 -3
- package/src/runtime/{drag/DragActionHandler.ts → move/ActionHandler.ts} +42 -40
- package/src/runtime/{drag → move}/CloseAction.ts +39 -36
- package/src/runtime/{drag → move}/FrameDragAction.ts +36 -35
- package/src/runtime/{drag/DragDirectionStore.ts → move/MoveDirectionStore.ts} +10 -10
- package/src/runtime/{drag → move}/SplitAction.ts +56 -53
- package/src/runtime/{drag → move}/createDefaultHandlers.ts +2 -2
- package/src/runtime/types/index.ts +80 -69
- package/src/runtime/types/vue.ts +14 -14
- package/dist/runtime/layout/getDragZones.d.ts +0 -8
- package/dist/runtime/layout/getDragZones.js +0 -32
- package/src/runtime/layout/getDragZones.ts +0 -48
- /package/dist/runtime/{drag → move}/createDefaultHandlers.js +0 -0
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { type
|
|
1
|
+
import { ActionHandler } from "../move/ActionHandler";
|
|
2
|
+
import { type MoveState, type IAction } from "../types/index.js";
|
|
3
3
|
import { getUpdateWindowSizeInfo } from "../layout/getUpdateWindowSizeInfo.js";
|
|
4
4
|
import { type LayoutWindow } from "../types/index.js";
|
|
5
5
|
type __VLS_Props = {
|
|
6
6
|
/** If you really need it, you can provide your own drag action handler (remember to markRaw it), note the actionHandler's prop will no longer have any effect.*/
|
|
7
|
-
|
|
7
|
+
actionHandler?: ActionHandler<any, any>;
|
|
8
8
|
/** Custom drag action handlers. Falls back to default split/close/frame handlers if not provided. */
|
|
9
|
-
actionHandlers?:
|
|
9
|
+
actionHandlers?: IAction[];
|
|
10
10
|
textHints?: {
|
|
11
11
|
text: string;
|
|
12
12
|
classes?: string;
|
|
@@ -35,19 +35,19 @@ type __VLS_Slots = {} & {
|
|
|
35
35
|
};
|
|
36
36
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
37
37
|
state: import("vue").ComputedRef<{
|
|
38
|
-
|
|
38
|
+
moveDirections: {
|
|
39
39
|
horizontal: "up" | "down" | "left" | "right" | undefined;
|
|
40
40
|
vertical: "up" | "down" | "left" | "right" | undefined;
|
|
41
41
|
};
|
|
42
|
-
|
|
42
|
+
movePoint: {
|
|
43
43
|
x: number;
|
|
44
44
|
y: number;
|
|
45
45
|
} | undefined;
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
46
|
+
moveDistance: number;
|
|
47
|
+
isMoving: false | "edge" | "frame";
|
|
48
|
+
showMoving: boolean;
|
|
49
|
+
movingFrameId: string | undefined;
|
|
50
|
+
movingEdges: {
|
|
51
51
|
startX: number;
|
|
52
52
|
startY: number;
|
|
53
53
|
endX: number;
|
|
@@ -76,17 +76,17 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
|
|
|
76
76
|
} | {
|
|
77
77
|
frame: import("../types/index.js").LayoutFrame;
|
|
78
78
|
} | {
|
|
79
|
-
|
|
79
|
+
movingFrameId: string;
|
|
80
80
|
hoveredFrameId: string;
|
|
81
|
-
zoneSide: import("../types/index.js").
|
|
81
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
82
82
|
} | {
|
|
83
|
-
|
|
83
|
+
movingFrameId: string;
|
|
84
84
|
hoveredFrameId: string;
|
|
85
|
-
zoneSide: import("../types/index.js").
|
|
85
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
86
86
|
} | {
|
|
87
|
-
|
|
87
|
+
movingFrameId: string;
|
|
88
88
|
hoveredFrameId: string;
|
|
89
|
-
zoneSide: import("../types/index.js").
|
|
89
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
90
90
|
} | {
|
|
91
91
|
frame: import("../types/index.js").LayoutFrame;
|
|
92
92
|
} | {
|
|
@@ -116,7 +116,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
|
|
|
116
116
|
message: string;
|
|
117
117
|
} | undefined;
|
|
118
118
|
}[];
|
|
119
|
-
|
|
119
|
+
movingIntersection: {
|
|
120
120
|
point: {
|
|
121
121
|
x: number;
|
|
122
122
|
y: number;
|
|
@@ -153,17 +153,17 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
|
|
|
153
153
|
} | {
|
|
154
154
|
frame: import("../types/index.js").LayoutFrame;
|
|
155
155
|
} | {
|
|
156
|
-
|
|
156
|
+
movingFrameId: string;
|
|
157
157
|
hoveredFrameId: string;
|
|
158
|
-
zoneSide: import("../types/index.js").
|
|
158
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
159
159
|
} | {
|
|
160
|
-
|
|
160
|
+
movingFrameId: string;
|
|
161
161
|
hoveredFrameId: string;
|
|
162
|
-
zoneSide: import("../types/index.js").
|
|
162
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
163
163
|
} | {
|
|
164
|
-
|
|
164
|
+
movingFrameId: string;
|
|
165
165
|
hoveredFrameId: string;
|
|
166
|
-
zoneSide: import("../types/index.js").
|
|
166
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
167
167
|
} | {
|
|
168
168
|
frame: import("../types/index.js").LayoutFrame;
|
|
169
169
|
} | {
|
|
@@ -222,17 +222,17 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
|
|
|
222
222
|
} | {
|
|
223
223
|
frame: import("../types/index.js").LayoutFrame;
|
|
224
224
|
} | {
|
|
225
|
-
|
|
225
|
+
movingFrameId: string;
|
|
226
226
|
hoveredFrameId: string;
|
|
227
|
-
zoneSide: import("../types/index.js").
|
|
227
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
228
228
|
} | {
|
|
229
|
-
|
|
229
|
+
movingFrameId: string;
|
|
230
230
|
hoveredFrameId: string;
|
|
231
|
-
zoneSide: import("../types/index.js").
|
|
231
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
232
232
|
} | {
|
|
233
|
-
|
|
233
|
+
movingFrameId: string;
|
|
234
234
|
hoveredFrameId: string;
|
|
235
|
-
zoneSide: import("../types/index.js").
|
|
235
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
236
236
|
} | {
|
|
237
237
|
frame: import("../types/index.js").LayoutFrame;
|
|
238
238
|
} | {
|
|
@@ -294,17 +294,17 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
|
|
|
294
294
|
} | {
|
|
295
295
|
frame: import("../types/index.js").LayoutFrame;
|
|
296
296
|
} | {
|
|
297
|
-
|
|
297
|
+
movingFrameId: string;
|
|
298
298
|
hoveredFrameId: string;
|
|
299
|
-
zoneSide: import("../types/index.js").
|
|
299
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
300
300
|
} | {
|
|
301
|
-
|
|
301
|
+
movingFrameId: string;
|
|
302
302
|
hoveredFrameId: string;
|
|
303
|
-
zoneSide: import("../types/index.js").
|
|
303
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
304
304
|
} | {
|
|
305
|
-
|
|
305
|
+
movingFrameId: string;
|
|
306
306
|
hoveredFrameId: string;
|
|
307
|
-
zoneSide: import("../types/index.js").
|
|
307
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
308
308
|
} | {
|
|
309
309
|
frame: import("../types/index.js").LayoutFrame;
|
|
310
310
|
} | {
|
|
@@ -337,26 +337,26 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
|
|
|
337
337
|
touchingFrames: Record<string, import("../types/index.js").LayoutFrame>[];
|
|
338
338
|
touchingFramesArrays: import("../types/index.js").LayoutFrame[][];
|
|
339
339
|
frames: import("../types/index.js").LayoutFrames;
|
|
340
|
-
|
|
340
|
+
moveHoveredFrame: import("../types/index.js").LayoutFrame | undefined;
|
|
341
341
|
intersections: import("../types/index.js").IntersectionEntry[];
|
|
342
|
-
|
|
342
|
+
isMovingFromWindowEdge: boolean;
|
|
343
343
|
eventContext: Record<string, unknown> | undefined;
|
|
344
344
|
win: import("../types/index.js").BaseLayoutWindow;
|
|
345
345
|
}>;
|
|
346
346
|
win: import("vue").ModelRef<import("../types/index.js").BaseLayoutWindow, string, import("../types/index.js").BaseLayoutWindow, import("../types/index.js").BaseLayoutWindow>;
|
|
347
347
|
getUpdateWindowSizeInfo: typeof getUpdateWindowSizeInfo;
|
|
348
|
-
|
|
348
|
+
actionHandler: ActionHandler<any, any>;
|
|
349
349
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
350
350
|
"update:win": (value: import("../types/index.js").BaseLayoutWindow) => any;
|
|
351
351
|
} & {
|
|
352
|
-
|
|
353
|
-
|
|
352
|
+
isShowingMove: (value: boolean) => any;
|
|
353
|
+
moveState: (value: MoveState) => any;
|
|
354
354
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
355
|
-
|
|
356
|
-
|
|
355
|
+
onIsShowingMove?: ((value: boolean) => any) | undefined;
|
|
356
|
+
onMoveState?: ((value: MoveState) => any) | undefined;
|
|
357
357
|
"onUpdate:win"?: ((value: import("../types/index.js").BaseLayoutWindow) => any) | undefined;
|
|
358
358
|
}>, {
|
|
359
|
-
actionHandlers:
|
|
359
|
+
actionHandlers: IAction[];
|
|
360
360
|
textHints: {
|
|
361
361
|
text: string;
|
|
362
362
|
classes?: string;
|
|
@@ -1,32 +1,30 @@
|
|
|
1
1
|
import type { Ref } from "vue";
|
|
2
|
-
import type { ActionHandler,
|
|
2
|
+
import type { ActionHandler, ActionHandlerApplyResult, EdgeMoveStartData, FrameMoveStartData, IntersectionEntry, LayoutFrame, LayoutWindow } from "../types/index.js";
|
|
3
3
|
export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler): {
|
|
4
|
-
|
|
4
|
+
moveStart: <T extends "edge" | "frame">(e: PointerEvent, type: T, data: T extends "edge" ? EdgeMoveStartData : FrameMoveStartData, { moveEvent, endEvent, context }?: {
|
|
5
5
|
moveEvent?: string;
|
|
6
6
|
endEvent?: string;
|
|
7
7
|
context?: Record<string, unknown>;
|
|
8
8
|
}) => Promise<any>;
|
|
9
|
-
|
|
10
|
-
apply?: boolean;
|
|
11
|
-
}) => void;
|
|
9
|
+
moveEnd: (e?: PointerEvent, { apply }?: Partial<Pick<ActionHandlerApplyResult, "apply">>) => void;
|
|
12
10
|
cancel: () => void;
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
onMove: (e: PointerEvent) => void;
|
|
12
|
+
moveDirections: Ref<{
|
|
15
13
|
horizontal: "up" | "down" | "left" | "right" | undefined;
|
|
16
14
|
vertical: "up" | "down" | "left" | "right" | undefined;
|
|
17
15
|
}, Record<"horizontal" | "vertical", "up" | "down" | "left" | "right" | undefined> | {
|
|
18
16
|
horizontal: "up" | "down" | "left" | "right" | undefined;
|
|
19
17
|
vertical: "up" | "down" | "left" | "right" | undefined;
|
|
20
18
|
}>;
|
|
21
|
-
|
|
19
|
+
movePoint: Ref<{
|
|
22
20
|
x: number;
|
|
23
21
|
y: number;
|
|
24
22
|
} | undefined, {
|
|
25
23
|
x: number;
|
|
26
24
|
y: number;
|
|
27
25
|
} | undefined>;
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
isMoving: Ref<false | "edge" | "frame", false | "edge" | "frame">;
|
|
27
|
+
movingEdges: Ref<{
|
|
30
28
|
startX: number;
|
|
31
29
|
startY: number;
|
|
32
30
|
endX: number;
|
|
@@ -55,17 +53,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
55
53
|
} | {
|
|
56
54
|
frame: LayoutFrame;
|
|
57
55
|
} | {
|
|
58
|
-
|
|
56
|
+
movingFrameId: string;
|
|
59
57
|
hoveredFrameId: string;
|
|
60
|
-
zoneSide: import("../types/index.js").
|
|
58
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
61
59
|
} | {
|
|
62
|
-
|
|
60
|
+
movingFrameId: string;
|
|
63
61
|
hoveredFrameId: string;
|
|
64
|
-
zoneSide: import("../types/index.js").
|
|
62
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
65
63
|
} | {
|
|
66
|
-
|
|
64
|
+
movingFrameId: string;
|
|
67
65
|
hoveredFrameId: string;
|
|
68
|
-
zoneSide: import("../types/index.js").
|
|
66
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
69
67
|
} | {
|
|
70
68
|
frame: LayoutFrame;
|
|
71
69
|
} | {
|
|
@@ -123,17 +121,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
123
121
|
} | {
|
|
124
122
|
frame: LayoutFrame;
|
|
125
123
|
} | {
|
|
126
|
-
|
|
124
|
+
movingFrameId: string;
|
|
127
125
|
hoveredFrameId: string;
|
|
128
|
-
zoneSide: import("../types/index.js").
|
|
126
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
129
127
|
} | {
|
|
130
|
-
|
|
128
|
+
movingFrameId: string;
|
|
131
129
|
hoveredFrameId: string;
|
|
132
|
-
zoneSide: import("../types/index.js").
|
|
130
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
133
131
|
} | {
|
|
134
|
-
|
|
132
|
+
movingFrameId: string;
|
|
135
133
|
hoveredFrameId: string;
|
|
136
|
-
zoneSide: import("../types/index.js").
|
|
134
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
137
135
|
} | {
|
|
138
136
|
frame: LayoutFrame;
|
|
139
137
|
} | {
|
|
@@ -191,17 +189,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
191
189
|
} | {
|
|
192
190
|
frame: LayoutFrame;
|
|
193
191
|
} | {
|
|
194
|
-
|
|
192
|
+
movingFrameId: string;
|
|
195
193
|
hoveredFrameId: string;
|
|
196
|
-
zoneSide: import("../types/index.js").
|
|
194
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
197
195
|
} | {
|
|
198
|
-
|
|
196
|
+
movingFrameId: string;
|
|
199
197
|
hoveredFrameId: string;
|
|
200
|
-
zoneSide: import("../types/index.js").
|
|
198
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
201
199
|
} | {
|
|
202
|
-
|
|
200
|
+
movingFrameId: string;
|
|
203
201
|
hoveredFrameId: string;
|
|
204
|
-
zoneSide: import("../types/index.js").
|
|
202
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
205
203
|
} | {
|
|
206
204
|
frame: LayoutFrame;
|
|
207
205
|
} | {
|
|
@@ -231,7 +229,7 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
231
229
|
message: string;
|
|
232
230
|
} | undefined;
|
|
233
231
|
}[]>;
|
|
234
|
-
|
|
232
|
+
movingIntersection: Ref<{
|
|
235
233
|
point: {
|
|
236
234
|
x: number;
|
|
237
235
|
y: number;
|
|
@@ -268,17 +266,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
268
266
|
} | {
|
|
269
267
|
frame: LayoutFrame;
|
|
270
268
|
} | {
|
|
271
|
-
|
|
269
|
+
movingFrameId: string;
|
|
272
270
|
hoveredFrameId: string;
|
|
273
|
-
zoneSide: import("../types/index.js").
|
|
271
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
274
272
|
} | {
|
|
275
|
-
|
|
273
|
+
movingFrameId: string;
|
|
276
274
|
hoveredFrameId: string;
|
|
277
|
-
zoneSide: import("../types/index.js").
|
|
275
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
278
276
|
} | {
|
|
279
|
-
|
|
277
|
+
movingFrameId: string;
|
|
280
278
|
hoveredFrameId: string;
|
|
281
|
-
zoneSide: import("../types/index.js").
|
|
279
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
282
280
|
} | {
|
|
283
281
|
frame: LayoutFrame;
|
|
284
282
|
} | {
|
|
@@ -337,17 +335,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
337
335
|
} | {
|
|
338
336
|
frame: LayoutFrame;
|
|
339
337
|
} | {
|
|
340
|
-
|
|
338
|
+
movingFrameId: string;
|
|
341
339
|
hoveredFrameId: string;
|
|
342
|
-
zoneSide: import("../types/index.js").
|
|
340
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
343
341
|
} | {
|
|
344
|
-
|
|
342
|
+
movingFrameId: string;
|
|
345
343
|
hoveredFrameId: string;
|
|
346
|
-
zoneSide: import("../types/index.js").
|
|
344
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
347
345
|
} | {
|
|
348
|
-
|
|
346
|
+
movingFrameId: string;
|
|
349
347
|
hoveredFrameId: string;
|
|
350
|
-
zoneSide: import("../types/index.js").
|
|
348
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
351
349
|
} | {
|
|
352
350
|
frame: LayoutFrame;
|
|
353
351
|
} | {
|
|
@@ -416,17 +414,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
416
414
|
} | {
|
|
417
415
|
frame: LayoutFrame;
|
|
418
416
|
} | {
|
|
419
|
-
|
|
417
|
+
movingFrameId: string;
|
|
420
418
|
hoveredFrameId: string;
|
|
421
|
-
zoneSide: import("../types/index.js").
|
|
419
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
422
420
|
} | {
|
|
423
|
-
|
|
421
|
+
movingFrameId: string;
|
|
424
422
|
hoveredFrameId: string;
|
|
425
|
-
zoneSide: import("../types/index.js").
|
|
423
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
426
424
|
} | {
|
|
427
|
-
|
|
425
|
+
movingFrameId: string;
|
|
428
426
|
hoveredFrameId: string;
|
|
429
|
-
zoneSide: import("../types/index.js").
|
|
427
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
430
428
|
} | {
|
|
431
429
|
frame: LayoutFrame;
|
|
432
430
|
} | {
|
|
@@ -485,17 +483,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
485
483
|
} | {
|
|
486
484
|
frame: LayoutFrame;
|
|
487
485
|
} | {
|
|
488
|
-
|
|
486
|
+
movingFrameId: string;
|
|
489
487
|
hoveredFrameId: string;
|
|
490
|
-
zoneSide: import("../types/index.js").
|
|
488
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
491
489
|
} | {
|
|
492
|
-
|
|
490
|
+
movingFrameId: string;
|
|
493
491
|
hoveredFrameId: string;
|
|
494
|
-
zoneSide: import("../types/index.js").
|
|
492
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
495
493
|
} | {
|
|
496
|
-
|
|
494
|
+
movingFrameId: string;
|
|
497
495
|
hoveredFrameId: string;
|
|
498
|
-
zoneSide: import("../types/index.js").
|
|
496
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
499
497
|
} | {
|
|
500
498
|
frame: LayoutFrame;
|
|
501
499
|
} | {
|
|
@@ -557,17 +555,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
557
555
|
} | {
|
|
558
556
|
frame: LayoutFrame;
|
|
559
557
|
} | {
|
|
560
|
-
|
|
558
|
+
movingFrameId: string;
|
|
561
559
|
hoveredFrameId: string;
|
|
562
|
-
zoneSide: import("../types/index.js").
|
|
560
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
563
561
|
} | {
|
|
564
|
-
|
|
562
|
+
movingFrameId: string;
|
|
565
563
|
hoveredFrameId: string;
|
|
566
|
-
zoneSide: import("../types/index.js").
|
|
564
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
567
565
|
} | {
|
|
568
|
-
|
|
566
|
+
movingFrameId: string;
|
|
569
567
|
hoveredFrameId: string;
|
|
570
|
-
zoneSide: import("../types/index.js").
|
|
568
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
571
569
|
} | {
|
|
572
570
|
frame: LayoutFrame;
|
|
573
571
|
} | {
|
|
@@ -625,17 +623,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
625
623
|
} | {
|
|
626
624
|
frame: LayoutFrame;
|
|
627
625
|
} | {
|
|
628
|
-
|
|
626
|
+
movingFrameId: string;
|
|
629
627
|
hoveredFrameId: string;
|
|
630
|
-
zoneSide: import("../types/index.js").
|
|
628
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
631
629
|
} | {
|
|
632
|
-
|
|
630
|
+
movingFrameId: string;
|
|
633
631
|
hoveredFrameId: string;
|
|
634
|
-
zoneSide: import("../types/index.js").
|
|
632
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
635
633
|
} | {
|
|
636
|
-
|
|
634
|
+
movingFrameId: string;
|
|
637
635
|
hoveredFrameId: string;
|
|
638
|
-
zoneSide: import("../types/index.js").
|
|
636
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
639
637
|
} | {
|
|
640
638
|
frame: LayoutFrame;
|
|
641
639
|
} | {
|
|
@@ -693,17 +691,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
693
691
|
} | {
|
|
694
692
|
frame: LayoutFrame;
|
|
695
693
|
} | {
|
|
696
|
-
|
|
694
|
+
movingFrameId: string;
|
|
697
695
|
hoveredFrameId: string;
|
|
698
|
-
zoneSide: import("../types/index.js").
|
|
696
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
699
697
|
} | {
|
|
700
|
-
|
|
698
|
+
movingFrameId: string;
|
|
701
699
|
hoveredFrameId: string;
|
|
702
|
-
zoneSide: import("../types/index.js").
|
|
700
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
703
701
|
} | {
|
|
704
|
-
|
|
702
|
+
movingFrameId: string;
|
|
705
703
|
hoveredFrameId: string;
|
|
706
|
-
zoneSide: import("../types/index.js").
|
|
704
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
707
705
|
} | {
|
|
708
706
|
frame: LayoutFrame;
|
|
709
707
|
} | {
|
|
@@ -736,24 +734,24 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
736
734
|
touchingFrames: Ref<Record<string, LayoutFrame>[], Record<string, LayoutFrame>[]>;
|
|
737
735
|
touchingFramesArrays: import("vue").ComputedRef<LayoutFrame[][]>;
|
|
738
736
|
frames: import("vue").ComputedRef<import("../types/index.js").LayoutFrames>;
|
|
739
|
-
|
|
737
|
+
moveHoveredFrame: import("vue").ComputedRef<LayoutFrame | undefined>;
|
|
740
738
|
intersections: import("vue").ComputedRef<IntersectionEntry[]>;
|
|
741
|
-
|
|
739
|
+
isMovingFromWindowEdge: Ref<boolean, boolean>;
|
|
742
740
|
forceRecalculateEdges: () => void;
|
|
743
741
|
state: import("vue").ComputedRef<{
|
|
744
|
-
|
|
742
|
+
moveDirections: {
|
|
745
743
|
horizontal: "up" | "down" | "left" | "right" | undefined;
|
|
746
744
|
vertical: "up" | "down" | "left" | "right" | undefined;
|
|
747
745
|
};
|
|
748
|
-
|
|
746
|
+
movePoint: {
|
|
749
747
|
x: number;
|
|
750
748
|
y: number;
|
|
751
749
|
} | undefined;
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
750
|
+
moveDistance: number;
|
|
751
|
+
isMoving: false | "edge" | "frame";
|
|
752
|
+
showMoving: boolean;
|
|
753
|
+
movingFrameId: string | undefined;
|
|
754
|
+
movingEdges: {
|
|
757
755
|
startX: number;
|
|
758
756
|
startY: number;
|
|
759
757
|
endX: number;
|
|
@@ -782,17 +780,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
782
780
|
} | {
|
|
783
781
|
frame: LayoutFrame;
|
|
784
782
|
} | {
|
|
785
|
-
|
|
783
|
+
movingFrameId: string;
|
|
786
784
|
hoveredFrameId: string;
|
|
787
|
-
zoneSide: import("../types/index.js").
|
|
785
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
788
786
|
} | {
|
|
789
|
-
|
|
787
|
+
movingFrameId: string;
|
|
790
788
|
hoveredFrameId: string;
|
|
791
|
-
zoneSide: import("../types/index.js").
|
|
789
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
792
790
|
} | {
|
|
793
|
-
|
|
791
|
+
movingFrameId: string;
|
|
794
792
|
hoveredFrameId: string;
|
|
795
|
-
zoneSide: import("../types/index.js").
|
|
793
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
796
794
|
} | {
|
|
797
795
|
frame: LayoutFrame;
|
|
798
796
|
} | {
|
|
@@ -822,7 +820,7 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
822
820
|
message: string;
|
|
823
821
|
} | undefined;
|
|
824
822
|
}[];
|
|
825
|
-
|
|
823
|
+
movingIntersection: {
|
|
826
824
|
point: {
|
|
827
825
|
x: number;
|
|
828
826
|
y: number;
|
|
@@ -859,17 +857,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
859
857
|
} | {
|
|
860
858
|
frame: LayoutFrame;
|
|
861
859
|
} | {
|
|
862
|
-
|
|
860
|
+
movingFrameId: string;
|
|
863
861
|
hoveredFrameId: string;
|
|
864
|
-
zoneSide: import("../types/index.js").
|
|
862
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
865
863
|
} | {
|
|
866
|
-
|
|
864
|
+
movingFrameId: string;
|
|
867
865
|
hoveredFrameId: string;
|
|
868
|
-
zoneSide: import("../types/index.js").
|
|
866
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
869
867
|
} | {
|
|
870
|
-
|
|
868
|
+
movingFrameId: string;
|
|
871
869
|
hoveredFrameId: string;
|
|
872
|
-
zoneSide: import("../types/index.js").
|
|
870
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
873
871
|
} | {
|
|
874
872
|
frame: LayoutFrame;
|
|
875
873
|
} | {
|
|
@@ -928,17 +926,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
928
926
|
} | {
|
|
929
927
|
frame: LayoutFrame;
|
|
930
928
|
} | {
|
|
931
|
-
|
|
929
|
+
movingFrameId: string;
|
|
932
930
|
hoveredFrameId: string;
|
|
933
|
-
zoneSide: import("../types/index.js").
|
|
931
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
934
932
|
} | {
|
|
935
|
-
|
|
933
|
+
movingFrameId: string;
|
|
936
934
|
hoveredFrameId: string;
|
|
937
|
-
zoneSide: import("../types/index.js").
|
|
935
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
938
936
|
} | {
|
|
939
|
-
|
|
937
|
+
movingFrameId: string;
|
|
940
938
|
hoveredFrameId: string;
|
|
941
|
-
zoneSide: import("../types/index.js").
|
|
939
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
942
940
|
} | {
|
|
943
941
|
frame: LayoutFrame;
|
|
944
942
|
} | {
|
|
@@ -1000,17 +998,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
1000
998
|
} | {
|
|
1001
999
|
frame: LayoutFrame;
|
|
1002
1000
|
} | {
|
|
1003
|
-
|
|
1001
|
+
movingFrameId: string;
|
|
1004
1002
|
hoveredFrameId: string;
|
|
1005
|
-
zoneSide: import("../types/index.js").
|
|
1003
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
1006
1004
|
} | {
|
|
1007
|
-
|
|
1005
|
+
movingFrameId: string;
|
|
1008
1006
|
hoveredFrameId: string;
|
|
1009
|
-
zoneSide: import("../types/index.js").
|
|
1007
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
1010
1008
|
} | {
|
|
1011
|
-
|
|
1009
|
+
movingFrameId: string;
|
|
1012
1010
|
hoveredFrameId: string;
|
|
1013
|
-
zoneSide: import("../types/index.js").
|
|
1011
|
+
zoneSide: import("../types/index.js").Zone["side"];
|
|
1014
1012
|
} | {
|
|
1015
1013
|
frame: LayoutFrame;
|
|
1016
1014
|
} | {
|
|
@@ -1043,13 +1041,13 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
|
|
|
1043
1041
|
touchingFrames: Record<string, LayoutFrame>[];
|
|
1044
1042
|
touchingFramesArrays: LayoutFrame[][];
|
|
1045
1043
|
frames: import("../types/index.js").LayoutFrames;
|
|
1046
|
-
|
|
1044
|
+
moveHoveredFrame: LayoutFrame | undefined;
|
|
1047
1045
|
intersections: IntersectionEntry[];
|
|
1048
|
-
|
|
1046
|
+
isMovingFromWindowEdge: boolean;
|
|
1049
1047
|
eventContext: Record<string, unknown> | undefined;
|
|
1050
1048
|
win: import("../types/index.js").BaseLayoutWindow;
|
|
1051
1049
|
}>;
|
|
1052
|
-
|
|
1053
|
-
|
|
1050
|
+
showMoving: Ref<boolean, boolean>;
|
|
1051
|
+
movingFrameId: Ref<string | undefined, string | undefined>;
|
|
1054
1052
|
actionHandler: ActionHandler;
|
|
1055
1053
|
};
|