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