@sepveneto/free-dom 0.6.0 → 0.7.2

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.
Files changed (5) hide show
  1. package/dist/index.css +105 -22
  2. package/dist/index.d.ts +567 -130
  3. package/dist/index.js +1536 -479
  4. package/dist/index.mjs +1527 -484
  5. package/package.json +11 -4
package/dist/index.d.ts CHANGED
@@ -1,14 +1,102 @@
1
1
  import * as vue_demi from 'vue-demi';
2
+ import { ExtractPropTypes, PropType } from 'vue-demi';
2
3
 
3
- declare const freeDom: vue_demi.DefineComponent<{
4
- x: {
4
+ declare function noop$1(): void;
5
+ type CoreData = {
6
+ node: HTMLElement;
7
+ x: number;
8
+ y: number;
9
+ lastX: number;
10
+ lastY: number;
11
+ deltaX: number;
12
+ deltaY: number;
13
+ };
14
+ type CoreFnCallback = (evt: MouseEvent, coreData: CoreData) => void;
15
+ declare const freeDomCoreProps: {
16
+ userSelectHack: {
17
+ type: BooleanConstructor;
18
+ default: boolean;
19
+ };
20
+ startFn: {
21
+ type: PropType<CoreFnCallback>;
22
+ default: typeof noop$1;
23
+ };
24
+ stopFn: {
25
+ type: PropType<CoreFnCallback>;
26
+ default: typeof noop$1;
27
+ };
28
+ dragFn: {
29
+ type: PropType<CoreFnCallback>;
30
+ default: typeof noop$1;
31
+ };
32
+ disabled: BooleanConstructor;
33
+ };
34
+ type FreeDomCoreProps = ExtractPropTypes<typeof freeDomCoreProps>;
35
+
36
+ declare const Dots: readonly ["t", "r", "l", "b", "lt", "lb", "rt", "rb"];
37
+ type IDot = typeof Dots[number];
38
+ type ResizeData = {
39
+ node: HTMLElement;
40
+ width: number;
41
+ height: number;
42
+ handle: IDot;
43
+ };
44
+ type ResizeFnCallback = (evt: MouseEvent, resizeData: ResizeData) => void;
45
+ declare function noop(): void;
46
+ declare const resizeDomCoreProps: {
47
+ dragOpts: {
48
+ type: PropType<Partial<FreeDomCoreProps>>;
49
+ default: () => {};
50
+ };
51
+ width: {
5
52
  type: NumberConstructor;
6
- default: undefined;
53
+ default: number;
7
54
  };
8
- y: {
55
+ height: {
9
56
  type: NumberConstructor;
57
+ default: number;
58
+ };
59
+ scale: {
60
+ type: PropType<boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[]>;
10
61
  default: undefined;
11
62
  };
63
+ startFn: {
64
+ type: PropType<ResizeFnCallback>;
65
+ default: typeof noop;
66
+ };
67
+ stopFn: {
68
+ type: PropType<ResizeFnCallback>;
69
+ default: typeof noop;
70
+ };
71
+ resizeFn: {
72
+ type: PropType<ResizeFnCallback>;
73
+ default: typeof noop;
74
+ };
75
+ minWidth: {
76
+ type: NumberConstructor;
77
+ default: number;
78
+ };
79
+ minHeight: {
80
+ type: NumberConstructor;
81
+ default: number;
82
+ };
83
+ lockAspectRatio: BooleanConstructor;
84
+ };
85
+ type ResizeDomCoreProps = ExtractPropTypes<typeof resizeDomCoreProps>;
86
+
87
+ type GridLayoutItem = {
88
+ i: string | number;
89
+ x: number;
90
+ y: number;
91
+ w: number;
92
+ h: number;
93
+ moved?: boolean;
94
+ static?: boolean;
95
+ scale?: ResizeDomCoreProps['scale'];
96
+ };
97
+ type GridLayoutConfig = GridLayoutItem[];
98
+
99
+ declare const FreeScene: vue_demi.DefineComponent<{
12
100
  width: {
13
101
  type: NumberConstructor;
14
102
  default: undefined;
@@ -17,195 +105,544 @@ declare const freeDom: vue_demi.DefineComponent<{
17
105
  type: NumberConstructor;
18
106
  default: undefined;
19
107
  };
20
- absolute: {
108
+ diff: {
109
+ type: NumberConstructor;
110
+ default: number;
111
+ };
112
+ showLine: {
21
113
  type: BooleanConstructor;
22
- default: undefined;
114
+ default: boolean;
23
115
  };
116
+ minWidth: {
117
+ type: NumberConstructor;
118
+ default: number;
119
+ };
120
+ minHeight: {
121
+ type: NumberConstructor;
122
+ default: number;
123
+ };
124
+ lockAspectRatio: BooleanConstructor;
125
+ disabledDrag: BooleanConstructor;
126
+ disabledResize: BooleanConstructor;
24
127
  scale: {
25
128
  type: vue_demi.PropType<boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[]>;
26
129
  default: undefined;
27
130
  };
28
- move: BooleanConstructor;
29
- preview: BooleanConstructor;
30
- limitWidth: {
131
+ fixNonMonospaced: BooleanConstructor;
132
+ }, {
133
+ rectRef: vue_demi.ShallowRef<HTMLElement | undefined>;
134
+ style: vue_demi.ComputedRef<{
135
+ width: string;
136
+ height: string;
137
+ }>;
138
+ slots: vue_demi.ComputedRef<vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
139
+ [key: string]: any;
140
+ }>[] | undefined>;
141
+ }, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
142
+ width: {
31
143
  type: NumberConstructor;
32
144
  default: undefined;
33
145
  };
34
- limitHeight: {
146
+ height: {
35
147
  type: NumberConstructor;
36
148
  default: undefined;
37
149
  };
38
- handler: {
39
- type: vue_demi.PropType<"dot" | "mark">;
40
- default: undefined;
150
+ diff: {
151
+ type: NumberConstructor;
152
+ default: number;
41
153
  };
42
- diagonal: {
154
+ showLine: {
43
155
  type: BooleanConstructor;
44
- default: undefined;
156
+ default: boolean;
45
157
  };
46
- grid: {
47
- type: vue_demi.PropType<[number, number]>;
48
- default: undefined;
158
+ minWidth: {
159
+ type: NumberConstructor;
160
+ default: number;
49
161
  };
50
- onDragStart: {
51
- type: FunctionConstructor;
52
- default: undefined;
162
+ minHeight: {
163
+ type: NumberConstructor;
164
+ default: number;
53
165
  };
54
- onDragEnd: {
55
- type: FunctionConstructor;
166
+ lockAspectRatio: BooleanConstructor;
167
+ disabledDrag: BooleanConstructor;
168
+ disabledResize: BooleanConstructor;
169
+ scale: {
170
+ type: vue_demi.PropType<boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[]>;
56
171
  default: undefined;
57
172
  };
58
- }, {
59
- widgetRef: vue_demi.ShallowRef<any>;
60
- canMove: vue_demi.ComputedRef<boolean>;
61
- wrapStyle: vue_demi.Ref<{
62
- transition: string;
63
- }>;
64
- canScale: vue_demi.ComputedRef<boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[] | undefined>;
65
- dots: vue_demi.ComputedRef<readonly ["t", "r", "l", "b", "lt", "lb", "rt", "rb"] | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[]>;
66
- active: vue_demi.Ref<boolean>;
67
- isAbsolute: vue_demi.ComputedRef<boolean>;
68
- isScale: vue_demi.Ref<boolean>;
69
- handlerType: vue_demi.ComputedRef<"dot" | "mark">;
70
- getDotPos: (dot: string) => vue_demi.CSSProperties;
71
- onMousedown: (evt: MouseEvent) => void;
72
- onMousedownDot: (evt: MouseEvent, dot: string) => void;
73
- }, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, ("update:x" | "update:y" | "update:width" | "update:height" | "select")[], "update:x" | "update:y" | "update:width" | "update:height" | "select", vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
74
- x: {
173
+ fixNonMonospaced: BooleanConstructor;
174
+ }>>, {
175
+ width: number;
176
+ height: number;
177
+ diff: number;
178
+ showLine: boolean;
179
+ minWidth: number;
180
+ minHeight: number;
181
+ lockAspectRatio: boolean;
182
+ disabledDrag: boolean;
183
+ disabledResize: boolean;
184
+ scale: boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[];
185
+ fixNonMonospaced: boolean;
186
+ }, {}>;
187
+ declare const GridLayout: vue_demi.DefineComponent<{
188
+ modelValue: {
189
+ type: vue_demi.PropType<GridLayoutConfig>;
190
+ required: boolean;
191
+ default: () => never[];
192
+ };
193
+ autoHeight: {
194
+ type: BooleanConstructor;
195
+ default: boolean;
196
+ };
197
+ cols: {
75
198
  type: NumberConstructor;
76
- default: undefined;
199
+ default: number;
77
200
  };
78
- y: {
201
+ maxRows: {
79
202
  type: NumberConstructor;
80
- default: undefined;
203
+ default: number;
81
204
  };
82
- width: {
205
+ minW: {
83
206
  type: NumberConstructor;
84
- default: undefined;
207
+ default: number;
85
208
  };
86
- height: {
209
+ minH: {
210
+ type: NumberConstructor;
211
+ default: number;
212
+ };
213
+ rowHeight: {
214
+ type: NumberConstructor;
215
+ default: number;
216
+ };
217
+ width: {
87
218
  type: NumberConstructor;
219
+ default: number;
220
+ };
221
+ margin: {
222
+ type: vue_demi.PropType<number[]>;
223
+ default: () => number[];
224
+ };
225
+ containerPadding: {
226
+ type: vue_demi.PropType<number[]>;
88
227
  default: undefined;
89
228
  };
90
- absolute: {
229
+ disabledDrag: BooleanConstructor;
230
+ disabledResize: BooleanConstructor;
231
+ collision: BooleanConstructor;
232
+ }, {
233
+ processItem: (node: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
234
+ [key: string]: any;
235
+ }>) => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
236
+ [key: string]: any;
237
+ }> | undefined;
238
+ placeholder: () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
239
+ [key: string]: any;
240
+ }> | null;
241
+ layout: {
242
+ cellWidth: vue_demi.ComputedRef<number>;
243
+ cols: vue_demi.ComputedRef<number>;
244
+ rowHeight: vue_demi.ComputedRef<number>;
245
+ margin: vue_demi.ComputedRef<number[]>;
246
+ maxRows: vue_demi.ComputedRef<number>;
247
+ containerPadding: vue_demi.ComputedRef<number[] | undefined>;
248
+ minW: vue_demi.ComputedRef<number>;
249
+ minH: vue_demi.ComputedRef<number>;
250
+ calContainerHeight: () => string | undefined;
251
+ moveTo: (item: GridLayoutItem, x?: number | undefined, y?: number | undefined) => GridLayoutConfig;
252
+ resizeTo: (item: GridLayoutItem, w: number, h: number) => void;
253
+ getItem: (key: string) => GridLayoutItem | undefined;
254
+ getFull: () => GridLayoutConfig;
255
+ };
256
+ }, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
257
+ modelValue: {
258
+ type: vue_demi.PropType<GridLayoutConfig>;
259
+ required: boolean;
260
+ default: () => never[];
261
+ };
262
+ autoHeight: {
91
263
  type: BooleanConstructor;
92
- default: undefined;
264
+ default: boolean;
93
265
  };
94
- scale: {
95
- type: vue_demi.PropType<boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[]>;
96
- default: undefined;
266
+ cols: {
267
+ type: NumberConstructor;
268
+ default: number;
97
269
  };
98
- move: BooleanConstructor;
99
- preview: BooleanConstructor;
100
- limitWidth: {
270
+ maxRows: {
101
271
  type: NumberConstructor;
102
- default: undefined;
272
+ default: number;
103
273
  };
104
- limitHeight: {
274
+ minW: {
105
275
  type: NumberConstructor;
106
- default: undefined;
276
+ default: number;
107
277
  };
108
- handler: {
109
- type: vue_demi.PropType<"dot" | "mark">;
110
- default: undefined;
278
+ minH: {
279
+ type: NumberConstructor;
280
+ default: number;
111
281
  };
112
- diagonal: {
113
- type: BooleanConstructor;
114
- default: undefined;
282
+ rowHeight: {
283
+ type: NumberConstructor;
284
+ default: number;
115
285
  };
116
- grid: {
117
- type: vue_demi.PropType<[number, number]>;
118
- default: undefined;
286
+ width: {
287
+ type: NumberConstructor;
288
+ default: number;
119
289
  };
120
- onDragStart: {
121
- type: FunctionConstructor;
122
- default: undefined;
290
+ margin: {
291
+ type: vue_demi.PropType<number[]>;
292
+ default: () => number[];
123
293
  };
124
- onDragEnd: {
125
- type: FunctionConstructor;
294
+ containerPadding: {
295
+ type: vue_demi.PropType<number[]>;
126
296
  default: undefined;
127
297
  };
298
+ disabledDrag: BooleanConstructor;
299
+ disabledResize: BooleanConstructor;
300
+ collision: BooleanConstructor;
128
301
  }>> & {
129
- "onUpdate:x"?: ((...args: any[]) => any) | undefined;
130
- "onUpdate:y"?: ((...args: any[]) => any) | undefined;
131
- "onUpdate:width"?: ((...args: any[]) => any) | undefined;
132
- "onUpdate:height"?: ((...args: any[]) => any) | undefined;
133
- onSelect?: ((...args: any[]) => any) | undefined;
302
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
134
303
  }, {
135
- x: number;
136
- y: number;
137
304
  width: number;
138
- height: number;
139
- absolute: boolean;
140
- scale: boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[];
141
- move: boolean;
142
- preview: boolean;
143
- limitWidth: number;
144
- limitHeight: number;
145
- handler: "dot" | "mark";
146
- diagonal: boolean;
147
- grid: [number, number];
148
- onDragStart: Function;
149
- onDragEnd: Function;
150
- }>;
151
- declare const freeScene: vue_demi.DefineComponent<{
152
- absolute: {
153
- type: BooleanConstructor;
154
- default: undefined;
305
+ disabledDrag: boolean;
306
+ disabledResize: boolean;
307
+ modelValue: GridLayoutConfig;
308
+ autoHeight: boolean;
309
+ cols: number;
310
+ maxRows: number;
311
+ minW: number;
312
+ minH: number;
313
+ rowHeight: number;
314
+ margin: number[];
315
+ containerPadding: number[];
316
+ collision: boolean;
317
+ }, {}>;
318
+ declare const FreeDom: vue_demi.DefineComponent<{
319
+ modelValue: {
320
+ type: vue_demi.PropType<Partial<{
321
+ x: number;
322
+ y: number;
323
+ w: number;
324
+ h: number;
325
+ }>>;
326
+ default: () => {};
155
327
  };
156
- preview: BooleanConstructor;
157
- move: BooleanConstructor;
158
- scale: vue_demi.PropType<boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[]>;
159
- diff: {
328
+ x: {
160
329
  type: NumberConstructor;
161
330
  default: number;
162
331
  };
163
- handler: {
164
- type: vue_demi.PropType<"dot" | "mark">;
165
- default: undefined;
332
+ y: {
333
+ type: NumberConstructor;
334
+ default: number;
166
335
  };
167
- diagonal: {
168
- type: BooleanConstructor;
336
+ width: {
337
+ type: NumberConstructor;
169
338
  default: undefined;
170
339
  };
171
- grid: {
172
- type: vue_demi.PropType<[number, number]>;
340
+ height: {
341
+ type: NumberConstructor;
173
342
  default: undefined;
174
343
  };
175
- }, {
176
- rectRef: vue_demi.ShallowRef<null>;
177
- }, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
178
- absolute: {
344
+ lockAspectRatio: BooleanConstructor;
345
+ dragStartFn: {
346
+ type: vue_demi.PropType<CoreFnCallback>;
347
+ default: () => void;
348
+ };
349
+ dragStopFn: {
350
+ type: vue_demi.PropType<CoreFnCallback>;
351
+ default: () => void;
352
+ };
353
+ dargFn: {
354
+ type: vue_demi.PropType<CoreFnCallback>;
355
+ default: () => void;
356
+ };
357
+ resizeStartFn: {
358
+ type: vue_demi.PropType<(evt: MouseEvent, resizeData: ResizeData) => void>;
359
+ default: () => void;
360
+ };
361
+ resizeFn: {
362
+ type: vue_demi.PropType<(evt: MouseEvent, resizeData: ResizeData) => void>;
363
+ default: () => void;
364
+ };
365
+ resizeStopFn: {
366
+ type: vue_demi.PropType<(evt: MouseEvent, resizeData: ResizeData) => void>;
367
+ default: () => void;
368
+ };
369
+ autoSize: {
179
370
  type: BooleanConstructor;
371
+ default: boolean;
372
+ };
373
+ minWidth: {
374
+ type: NumberConstructor;
375
+ default: number;
376
+ };
377
+ minHeight: {
378
+ type: NumberConstructor;
379
+ default: number;
380
+ };
381
+ disabledDrag: BooleanConstructor;
382
+ disabledResize: BooleanConstructor;
383
+ scale: {
384
+ type: vue_demi.PropType<boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[]>;
180
385
  default: undefined;
181
386
  };
182
- preview: BooleanConstructor;
183
- move: BooleanConstructor;
184
- scale: vue_demi.PropType<boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[]>;
185
- diff: {
387
+ fixNonMonospaced: BooleanConstructor;
388
+ }, {
389
+ domRef: vue_demi.Ref<({
390
+ $: vue_demi.ComponentInternalInstance;
391
+ $data: {};
392
+ $props: {
393
+ userSelectHack?: boolean | undefined;
394
+ startFn?: CoreFnCallback | undefined;
395
+ stopFn?: CoreFnCallback | undefined;
396
+ dragFn?: CoreFnCallback | undefined;
397
+ disabled?: boolean | undefined;
398
+ key?: string | number | symbol | undefined;
399
+ style?: unknown;
400
+ ref?: vue_demi.VNodeRef | undefined;
401
+ class?: unknown;
402
+ ref_for?: boolean | undefined;
403
+ ref_key?: string | undefined;
404
+ onVnodeBeforeMount?: ((vnode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
405
+ [key: string]: any;
406
+ }>) => void) | ((vnode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
407
+ [key: string]: any;
408
+ }>) => void)[] | undefined;
409
+ onVnodeMounted?: ((vnode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
410
+ [key: string]: any;
411
+ }>) => void) | ((vnode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
412
+ [key: string]: any;
413
+ }>) => void)[] | undefined;
414
+ onVnodeBeforeUpdate?: ((vnode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
415
+ [key: string]: any;
416
+ }>, oldVNode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
417
+ [key: string]: any;
418
+ }>) => void) | ((vnode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
419
+ [key: string]: any;
420
+ }>, oldVNode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
421
+ [key: string]: any;
422
+ }>) => void)[] | undefined;
423
+ onVnodeUpdated?: ((vnode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
424
+ [key: string]: any;
425
+ }>, oldVNode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
426
+ [key: string]: any;
427
+ }>) => void) | ((vnode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
428
+ [key: string]: any;
429
+ }>, oldVNode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
430
+ [key: string]: any;
431
+ }>) => void)[] | undefined;
432
+ onVnodeBeforeUnmount?: ((vnode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
433
+ [key: string]: any;
434
+ }>) => void) | ((vnode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
435
+ [key: string]: any;
436
+ }>) => void)[] | undefined;
437
+ onVnodeUnmounted?: ((vnode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
438
+ [key: string]: any;
439
+ }>) => void) | ((vnode: vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
440
+ [key: string]: any;
441
+ }>) => void)[] | undefined;
442
+ };
443
+ $attrs: {
444
+ [x: string]: unknown;
445
+ };
446
+ $refs: {
447
+ [x: string]: unknown;
448
+ };
449
+ $slots: Readonly<{
450
+ [name: string]: vue_demi.Slot<any> | undefined;
451
+ }>;
452
+ $root: vue_demi.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue_demi.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
453
+ $parent: vue_demi.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue_demi.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
454
+ $emit: (event: string, ...args: any[]) => void;
455
+ $el: any;
456
+ $options: vue_demi.ComponentOptionsBase<Readonly<vue_demi.ExtractPropTypes<{
457
+ userSelectHack: {
458
+ type: BooleanConstructor;
459
+ default: boolean;
460
+ };
461
+ startFn: {
462
+ type: vue_demi.PropType<CoreFnCallback>;
463
+ default: () => void;
464
+ };
465
+ stopFn: {
466
+ type: vue_demi.PropType<CoreFnCallback>;
467
+ default: () => void;
468
+ };
469
+ dragFn: {
470
+ type: vue_demi.PropType<CoreFnCallback>;
471
+ default: () => void;
472
+ };
473
+ disabled: BooleanConstructor;
474
+ }>>, {
475
+ only: vue_demi.ComputedRef<vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
476
+ [key: string]: any;
477
+ }> | undefined>;
478
+ coreRef: vue_demi.Ref<any>;
479
+ mousedownFn: (evt: MouseEvent) => void;
480
+ mouseupFn: (evt: MouseEvent) => void;
481
+ }, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, {
482
+ userSelectHack: boolean;
483
+ startFn: CoreFnCallback;
484
+ stopFn: CoreFnCallback;
485
+ dragFn: CoreFnCallback;
486
+ disabled: boolean;
487
+ }, {}, string, {}> & {
488
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
489
+ created?: ((() => void) | (() => void)[]) | undefined;
490
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
491
+ mounted?: ((() => void) | (() => void)[]) | undefined;
492
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
493
+ updated?: ((() => void) | (() => void)[]) | undefined;
494
+ activated?: ((() => void) | (() => void)[]) | undefined;
495
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
496
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
497
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
498
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
499
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
500
+ renderTracked?: (((e: vue_demi.DebuggerEvent) => void) | ((e: vue_demi.DebuggerEvent) => void)[]) | undefined;
501
+ renderTriggered?: (((e: vue_demi.DebuggerEvent) => void) | ((e: vue_demi.DebuggerEvent) => void)[]) | undefined;
502
+ errorCaptured?: (((err: unknown, instance: vue_demi.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue_demi.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue_demi.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue_demi.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
503
+ };
504
+ $forceUpdate: () => void;
505
+ $nextTick: typeof vue_demi.nextTick;
506
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue_demi.WatchOptions<boolean> | undefined): vue_demi.WatchStopHandle;
507
+ } & Readonly<vue_demi.ExtractPropTypes<{
508
+ userSelectHack: {
509
+ type: BooleanConstructor;
510
+ default: boolean;
511
+ };
512
+ startFn: {
513
+ type: vue_demi.PropType<CoreFnCallback>;
514
+ default: () => void;
515
+ };
516
+ stopFn: {
517
+ type: vue_demi.PropType<CoreFnCallback>;
518
+ default: () => void;
519
+ };
520
+ dragFn: {
521
+ type: vue_demi.PropType<CoreFnCallback>;
522
+ default: () => void;
523
+ };
524
+ disabled: BooleanConstructor;
525
+ }>> & vue_demi.ShallowUnwrapRef<{
526
+ only: vue_demi.ComputedRef<vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
527
+ [key: string]: any;
528
+ }> | undefined>;
529
+ coreRef: vue_demi.Ref<any>;
530
+ mousedownFn: (evt: MouseEvent) => void;
531
+ mouseupFn: (evt: MouseEvent) => void;
532
+ }> & {} & vue_demi.ComponentCustomProperties & {}) | undefined>;
533
+ style: vue_demi.ComputedRef<{
534
+ position: string;
535
+ width: string;
536
+ height: string;
537
+ transform: string;
538
+ }>;
539
+ onDragStop: CoreFnCallback;
540
+ onDrag: CoreFnCallback;
541
+ resizeNode: () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
542
+ [key: string]: any;
543
+ }>;
544
+ disabled: vue_demi.ComputedRef<boolean>;
545
+ }, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, ("update:modelValue" | "update:width" | "update:height" | "update:x" | "update:y")[], "update:modelValue" | "update:width" | "update:height" | "update:x" | "update:y", vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
546
+ modelValue: {
547
+ type: vue_demi.PropType<Partial<{
548
+ x: number;
549
+ y: number;
550
+ w: number;
551
+ h: number;
552
+ }>>;
553
+ default: () => {};
554
+ };
555
+ x: {
186
556
  type: NumberConstructor;
187
557
  default: number;
188
558
  };
189
- handler: {
190
- type: vue_demi.PropType<"dot" | "mark">;
559
+ y: {
560
+ type: NumberConstructor;
561
+ default: number;
562
+ };
563
+ width: {
564
+ type: NumberConstructor;
191
565
  default: undefined;
192
566
  };
193
- diagonal: {
194
- type: BooleanConstructor;
567
+ height: {
568
+ type: NumberConstructor;
195
569
  default: undefined;
196
570
  };
197
- grid: {
198
- type: vue_demi.PropType<[number, number]>;
571
+ lockAspectRatio: BooleanConstructor;
572
+ dragStartFn: {
573
+ type: vue_demi.PropType<CoreFnCallback>;
574
+ default: () => void;
575
+ };
576
+ dragStopFn: {
577
+ type: vue_demi.PropType<CoreFnCallback>;
578
+ default: () => void;
579
+ };
580
+ dargFn: {
581
+ type: vue_demi.PropType<CoreFnCallback>;
582
+ default: () => void;
583
+ };
584
+ resizeStartFn: {
585
+ type: vue_demi.PropType<(evt: MouseEvent, resizeData: ResizeData) => void>;
586
+ default: () => void;
587
+ };
588
+ resizeFn: {
589
+ type: vue_demi.PropType<(evt: MouseEvent, resizeData: ResizeData) => void>;
590
+ default: () => void;
591
+ };
592
+ resizeStopFn: {
593
+ type: vue_demi.PropType<(evt: MouseEvent, resizeData: ResizeData) => void>;
594
+ default: () => void;
595
+ };
596
+ autoSize: {
597
+ type: BooleanConstructor;
598
+ default: boolean;
599
+ };
600
+ minWidth: {
601
+ type: NumberConstructor;
602
+ default: number;
603
+ };
604
+ minHeight: {
605
+ type: NumberConstructor;
606
+ default: number;
607
+ };
608
+ disabledDrag: BooleanConstructor;
609
+ disabledResize: BooleanConstructor;
610
+ scale: {
611
+ type: vue_demi.PropType<boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[]>;
199
612
  default: undefined;
200
613
  };
201
- }>>, {
202
- absolute: boolean;
203
- move: boolean;
204
- preview: boolean;
205
- handler: "dot" | "mark";
206
- diagonal: boolean;
207
- grid: [number, number];
208
- diff: number;
209
- }>;
614
+ fixNonMonospaced: BooleanConstructor;
615
+ }>> & {
616
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
617
+ "onUpdate:width"?: ((...args: any[]) => any) | undefined;
618
+ "onUpdate:height"?: ((...args: any[]) => any) | undefined;
619
+ "onUpdate:x"?: ((...args: any[]) => any) | undefined;
620
+ "onUpdate:y"?: ((...args: any[]) => any) | undefined;
621
+ }, {
622
+ x: number;
623
+ y: number;
624
+ width: number;
625
+ height: number;
626
+ minWidth: number;
627
+ minHeight: number;
628
+ lockAspectRatio: boolean;
629
+ disabledDrag: boolean;
630
+ disabledResize: boolean;
631
+ scale: boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[];
632
+ fixNonMonospaced: boolean;
633
+ modelValue: Partial<{
634
+ x: number;
635
+ y: number;
636
+ w: number;
637
+ h: number;
638
+ }>;
639
+ dragStartFn: CoreFnCallback;
640
+ dragStopFn: CoreFnCallback;
641
+ dargFn: CoreFnCallback;
642
+ resizeStartFn: (evt: MouseEvent, resizeData: ResizeData) => void;
643
+ resizeFn: (evt: MouseEvent, resizeData: ResizeData) => void;
644
+ resizeStopFn: (evt: MouseEvent, resizeData: ResizeData) => void;
645
+ autoSize: boolean;
646
+ }, {}>;
210
647
 
211
- export { freeDom, freeScene };
648
+ export { FreeDom, FreeScene, GridLayout };