@sepveneto/free-dom 0.12.2 → 0.12.6
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/index.css +1 -1
- package/dist/index.d.ts +113 -43
- package/dist/index.js +13572 -10369
- package/dist/index.mjs +13585 -10375
- package/package.json +3 -1
package/dist/index.css
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -100,7 +100,7 @@ type GridLayoutItem = {
|
|
|
100
100
|
};
|
|
101
101
|
type GridLayoutConfig = GridLayoutItem[];
|
|
102
102
|
|
|
103
|
-
declare const FreeScene: vue.DefineComponent<{
|
|
103
|
+
declare const FreeScene: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
104
104
|
diff: {
|
|
105
105
|
type: NumberConstructor;
|
|
106
106
|
default: number;
|
|
@@ -136,11 +136,11 @@ declare const FreeScene: vue.DefineComponent<{
|
|
|
136
136
|
default: undefined;
|
|
137
137
|
};
|
|
138
138
|
fixNonMonospaced: BooleanConstructor;
|
|
139
|
-
}
|
|
140
|
-
rectRef: vue.ShallowRef<HTMLElement | undefined>;
|
|
141
|
-
selecting: vue.Ref<boolean>;
|
|
139
|
+
}>, {
|
|
140
|
+
rectRef: vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
|
|
141
|
+
selecting: vue.Ref<boolean, boolean>;
|
|
142
142
|
mask: {
|
|
143
|
-
selecting: vue.Ref<boolean>;
|
|
143
|
+
selecting: vue.Ref<boolean, boolean>;
|
|
144
144
|
renderMask: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
145
145
|
[key: string]: any;
|
|
146
146
|
}>;
|
|
@@ -150,12 +150,16 @@ declare const FreeScene: vue.DefineComponent<{
|
|
|
150
150
|
history: {
|
|
151
151
|
state: vue.Ref<{
|
|
152
152
|
canClear: boolean;
|
|
153
|
+
}, {
|
|
154
|
+
canClear: boolean;
|
|
155
|
+
} | {
|
|
156
|
+
canClear: boolean;
|
|
153
157
|
}>;
|
|
154
|
-
records: vue.Ref<any>;
|
|
158
|
+
records: vue.Ref<any, any>;
|
|
155
159
|
lastOperate: vue.ComputedRef<any>;
|
|
156
160
|
push: (operate: any) => void;
|
|
157
161
|
};
|
|
158
|
-
},
|
|
162
|
+
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("batch-select" | "drop")[], "batch-select" | "drop", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
159
163
|
diff: {
|
|
160
164
|
type: NumberConstructor;
|
|
161
165
|
default: number;
|
|
@@ -191,9 +195,10 @@ declare const FreeScene: vue.DefineComponent<{
|
|
|
191
195
|
default: undefined;
|
|
192
196
|
};
|
|
193
197
|
fixNonMonospaced: BooleanConstructor;
|
|
194
|
-
}>> & {
|
|
198
|
+
}>> & Readonly<{
|
|
195
199
|
"onBatch-select"?: ((...args: any[]) => any) | undefined;
|
|
196
|
-
|
|
200
|
+
onDrop?: ((...args: any[]) => any) | undefined;
|
|
201
|
+
}>, {
|
|
197
202
|
scale: boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[];
|
|
198
203
|
diff: number;
|
|
199
204
|
showLine: boolean;
|
|
@@ -208,8 +213,8 @@ declare const FreeScene: vue.DefineComponent<{
|
|
|
208
213
|
disabledResize: boolean;
|
|
209
214
|
disabledSelect: boolean;
|
|
210
215
|
fixNonMonospaced: boolean;
|
|
211
|
-
}, {}>;
|
|
212
|
-
declare const GridLayout: vue.DefineComponent<{
|
|
216
|
+
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
217
|
+
declare const GridLayout: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
213
218
|
droppable: BooleanConstructor;
|
|
214
219
|
droppingItem: {
|
|
215
220
|
type: ObjectConstructor;
|
|
@@ -263,7 +268,7 @@ declare const GridLayout: vue.DefineComponent<{
|
|
|
263
268
|
disabledDrag: BooleanConstructor;
|
|
264
269
|
disabledResize: BooleanConstructor;
|
|
265
270
|
collision: BooleanConstructor;
|
|
266
|
-
}
|
|
271
|
+
}>, {
|
|
267
272
|
processItem: (node: vue.VNode, isDroppingItem?: boolean) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
268
273
|
[key: string]: any;
|
|
269
274
|
}> | undefined;
|
|
@@ -293,14 +298,18 @@ declare const GridLayout: vue.DefineComponent<{
|
|
|
293
298
|
};
|
|
294
299
|
droppingItem: {
|
|
295
300
|
onDropover: (evt: DragEvent) => void;
|
|
296
|
-
droppingNode: vue.Ref<any>;
|
|
301
|
+
droppingNode: vue.Ref<any, any>;
|
|
297
302
|
position: vue.Ref<{
|
|
298
303
|
left: number;
|
|
299
304
|
top: number;
|
|
300
305
|
evt?: MouseEvent;
|
|
306
|
+
} | null | undefined, {
|
|
307
|
+
left: number;
|
|
308
|
+
top: number;
|
|
309
|
+
evt?: MouseEvent;
|
|
301
310
|
} | null | undefined>;
|
|
302
311
|
};
|
|
303
|
-
},
|
|
312
|
+
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "dropItem")[], "update:modelValue" | "dropItem", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
304
313
|
droppable: BooleanConstructor;
|
|
305
314
|
droppingItem: {
|
|
306
315
|
type: ObjectConstructor;
|
|
@@ -354,10 +363,10 @@ declare const GridLayout: vue.DefineComponent<{
|
|
|
354
363
|
disabledDrag: BooleanConstructor;
|
|
355
364
|
disabledResize: BooleanConstructor;
|
|
356
365
|
collision: BooleanConstructor;
|
|
357
|
-
}>> & {
|
|
366
|
+
}>> & Readonly<{
|
|
358
367
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
359
368
|
onDropItem?: ((...args: any[]) => any) | undefined;
|
|
360
|
-
}
|
|
369
|
+
}>, {
|
|
361
370
|
disabledDrag: boolean;
|
|
362
371
|
disabledResize: boolean;
|
|
363
372
|
droppable: boolean;
|
|
@@ -373,8 +382,8 @@ declare const GridLayout: vue.DefineComponent<{
|
|
|
373
382
|
margin: number[];
|
|
374
383
|
containerPadding: number[];
|
|
375
384
|
collision: boolean;
|
|
376
|
-
}, {}>;
|
|
377
|
-
declare const FreeDom: vue.DefineComponent<{
|
|
385
|
+
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
386
|
+
declare const FreeDom: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
378
387
|
modelValue: {
|
|
379
388
|
type: vue.PropType<Partial<{
|
|
380
389
|
x: number;
|
|
@@ -384,6 +393,10 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
384
393
|
}>>;
|
|
385
394
|
default: () => {};
|
|
386
395
|
};
|
|
396
|
+
active: {
|
|
397
|
+
type: BooleanConstructor;
|
|
398
|
+
default: undefined;
|
|
399
|
+
};
|
|
387
400
|
keyboard: BooleanConstructor;
|
|
388
401
|
x: {
|
|
389
402
|
type: NumberConstructor;
|
|
@@ -454,9 +467,49 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
454
467
|
default: number;
|
|
455
468
|
};
|
|
456
469
|
fixNonMonospaced: BooleanConstructor;
|
|
457
|
-
}
|
|
458
|
-
selected: vue.Ref<boolean>;
|
|
459
|
-
domRef: vue.Ref<vue.
|
|
470
|
+
}>, {
|
|
471
|
+
selected: vue.Ref<boolean, boolean>;
|
|
472
|
+
domRef: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<vue.ExtractPropTypes<{
|
|
473
|
+
userSelectHack: {
|
|
474
|
+
type: BooleanConstructor;
|
|
475
|
+
default: boolean;
|
|
476
|
+
};
|
|
477
|
+
startFn: {
|
|
478
|
+
type: vue.PropType<CoreFnCallback>;
|
|
479
|
+
default: () => void;
|
|
480
|
+
};
|
|
481
|
+
stopFn: {
|
|
482
|
+
type: vue.PropType<CoreFnCallback>;
|
|
483
|
+
default: () => void;
|
|
484
|
+
};
|
|
485
|
+
dragFn: {
|
|
486
|
+
type: vue.PropType<CoreFnCallback>;
|
|
487
|
+
default: () => void;
|
|
488
|
+
};
|
|
489
|
+
disabled: BooleanConstructor;
|
|
490
|
+
scale: {
|
|
491
|
+
type: NumberConstructor;
|
|
492
|
+
default: number;
|
|
493
|
+
};
|
|
494
|
+
}>> & Readonly<{}>, {
|
|
495
|
+
coreRef: vue.Ref<any, any>;
|
|
496
|
+
mousedownFn: (evt: MouseEvent) => void;
|
|
497
|
+
mouseupFn: (evt: MouseEvent) => void;
|
|
498
|
+
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {
|
|
499
|
+
userSelectHack: boolean;
|
|
500
|
+
startFn: CoreFnCallback;
|
|
501
|
+
stopFn: CoreFnCallback;
|
|
502
|
+
dragFn: CoreFnCallback;
|
|
503
|
+
disabled: boolean;
|
|
504
|
+
scale: number;
|
|
505
|
+
}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
506
|
+
P: {};
|
|
507
|
+
B: {};
|
|
508
|
+
D: {};
|
|
509
|
+
C: {};
|
|
510
|
+
M: {};
|
|
511
|
+
Defaults: {};
|
|
512
|
+
}, Readonly<vue.ExtractPropTypes<{
|
|
460
513
|
userSelectHack: {
|
|
461
514
|
type: BooleanConstructor;
|
|
462
515
|
default: boolean;
|
|
@@ -478,11 +531,18 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
478
531
|
type: NumberConstructor;
|
|
479
532
|
default: number;
|
|
480
533
|
};
|
|
481
|
-
}
|
|
482
|
-
coreRef: vue.Ref<any>;
|
|
534
|
+
}>> & Readonly<{}>, {
|
|
535
|
+
coreRef: vue.Ref<any, any>;
|
|
483
536
|
mousedownFn: (evt: MouseEvent) => void;
|
|
484
537
|
mouseupFn: (evt: MouseEvent) => void;
|
|
485
|
-
},
|
|
538
|
+
}, {}, {}, {}, {
|
|
539
|
+
userSelectHack: boolean;
|
|
540
|
+
startFn: CoreFnCallback;
|
|
541
|
+
stopFn: CoreFnCallback;
|
|
542
|
+
dragFn: CoreFnCallback;
|
|
543
|
+
disabled: boolean;
|
|
544
|
+
scale: number;
|
|
545
|
+
}> | undefined, vue.CreateComponentPublicInstanceWithMixins<Readonly<vue.ExtractPropTypes<{
|
|
486
546
|
userSelectHack: {
|
|
487
547
|
type: BooleanConstructor;
|
|
488
548
|
default: boolean;
|
|
@@ -504,14 +564,18 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
504
564
|
type: NumberConstructor;
|
|
505
565
|
default: number;
|
|
506
566
|
};
|
|
507
|
-
}
|
|
567
|
+
}>> & Readonly<{}>, {
|
|
568
|
+
coreRef: vue.Ref<any, any>;
|
|
569
|
+
mousedownFn: (evt: MouseEvent) => void;
|
|
570
|
+
mouseupFn: (evt: MouseEvent) => void;
|
|
571
|
+
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {
|
|
508
572
|
userSelectHack: boolean;
|
|
509
573
|
startFn: CoreFnCallback;
|
|
510
574
|
stopFn: CoreFnCallback;
|
|
511
575
|
dragFn: CoreFnCallback;
|
|
512
576
|
disabled: boolean;
|
|
513
577
|
scale: number;
|
|
514
|
-
}, true, {}, {}, {
|
|
578
|
+
}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
515
579
|
P: {};
|
|
516
580
|
B: {};
|
|
517
581
|
D: {};
|
|
@@ -540,8 +604,8 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
540
604
|
type: NumberConstructor;
|
|
541
605
|
default: number;
|
|
542
606
|
};
|
|
543
|
-
}
|
|
544
|
-
coreRef: vue.Ref<any>;
|
|
607
|
+
}>> & Readonly<{}>, {
|
|
608
|
+
coreRef: vue.Ref<any, any>;
|
|
545
609
|
mousedownFn: (evt: MouseEvent) => void;
|
|
546
610
|
mouseupFn: (evt: MouseEvent) => void;
|
|
547
611
|
}, {}, {}, {}, {
|
|
@@ -567,7 +631,7 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
567
631
|
handleSelect: (evt: MouseEvent) => void;
|
|
568
632
|
disabled: vue.ComputedRef<boolean>;
|
|
569
633
|
scale: vue.ComputedRef<number>;
|
|
570
|
-
},
|
|
634
|
+
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "update:width" | "update:height" | "update:x" | "update:y" | "select")[], "update:modelValue" | "update:width" | "update:height" | "update:x" | "update:y" | "select", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
571
635
|
modelValue: {
|
|
572
636
|
type: vue.PropType<Partial<{
|
|
573
637
|
x: number;
|
|
@@ -577,6 +641,10 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
577
641
|
}>>;
|
|
578
642
|
default: () => {};
|
|
579
643
|
};
|
|
644
|
+
active: {
|
|
645
|
+
type: BooleanConstructor;
|
|
646
|
+
default: undefined;
|
|
647
|
+
};
|
|
580
648
|
keyboard: BooleanConstructor;
|
|
581
649
|
x: {
|
|
582
650
|
type: NumberConstructor;
|
|
@@ -647,13 +715,14 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
647
715
|
default: number;
|
|
648
716
|
};
|
|
649
717
|
fixNonMonospaced: BooleanConstructor;
|
|
650
|
-
}>> & {
|
|
718
|
+
}>> & Readonly<{
|
|
651
719
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
652
720
|
"onUpdate:width"?: ((...args: any[]) => any) | undefined;
|
|
653
721
|
"onUpdate:height"?: ((...args: any[]) => any) | undefined;
|
|
654
722
|
"onUpdate:x"?: ((...args: any[]) => any) | undefined;
|
|
655
723
|
"onUpdate:y"?: ((...args: any[]) => any) | undefined;
|
|
656
|
-
|
|
724
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
725
|
+
}>, {
|
|
657
726
|
x: number;
|
|
658
727
|
y: number;
|
|
659
728
|
dragFn: CoreFnCallback;
|
|
@@ -675,6 +744,7 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
675
744
|
h: number;
|
|
676
745
|
}>;
|
|
677
746
|
width: number;
|
|
747
|
+
active: boolean;
|
|
678
748
|
height: number;
|
|
679
749
|
dragStartFn: CoreFnCallback;
|
|
680
750
|
dragStopFn: CoreFnCallback;
|
|
@@ -682,8 +752,8 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
682
752
|
resizeFn: (evt: MouseEvent, resizeData: ResizeData) => void;
|
|
683
753
|
resizeStopFn: (evt: MouseEvent, resizeData: ResizeData) => void;
|
|
684
754
|
autoSize: boolean;
|
|
685
|
-
}, {}>;
|
|
686
|
-
declare const FreeDomCore: vue.DefineComponent<{
|
|
755
|
+
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
756
|
+
declare const FreeDomCore: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
687
757
|
userSelectHack: {
|
|
688
758
|
type: BooleanConstructor;
|
|
689
759
|
default: boolean;
|
|
@@ -705,11 +775,11 @@ declare const FreeDomCore: vue.DefineComponent<{
|
|
|
705
775
|
type: NumberConstructor;
|
|
706
776
|
default: number;
|
|
707
777
|
};
|
|
708
|
-
}
|
|
709
|
-
coreRef: vue.Ref<any>;
|
|
778
|
+
}>, {
|
|
779
|
+
coreRef: vue.Ref<any, any>;
|
|
710
780
|
mousedownFn: (evt: MouseEvent) => void;
|
|
711
781
|
mouseupFn: (evt: MouseEvent) => void;
|
|
712
|
-
},
|
|
782
|
+
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
713
783
|
userSelectHack: {
|
|
714
784
|
type: BooleanConstructor;
|
|
715
785
|
default: boolean;
|
|
@@ -731,15 +801,15 @@ declare const FreeDomCore: vue.DefineComponent<{
|
|
|
731
801
|
type: NumberConstructor;
|
|
732
802
|
default: number;
|
|
733
803
|
};
|
|
734
|
-
}
|
|
804
|
+
}>> & Readonly<{}>, {
|
|
735
805
|
userSelectHack: boolean;
|
|
736
806
|
startFn: CoreFnCallback;
|
|
737
807
|
stopFn: CoreFnCallback;
|
|
738
808
|
dragFn: CoreFnCallback;
|
|
739
809
|
disabled: boolean;
|
|
740
810
|
scale: number;
|
|
741
|
-
}, {}>;
|
|
742
|
-
declare const ResizeDomCore: vue.DefineComponent<{
|
|
811
|
+
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
812
|
+
declare const ResizeDomCore: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
743
813
|
dragOpts: {
|
|
744
814
|
type: vue.PropType<Partial<FreeDomCoreProps>>;
|
|
745
815
|
default: () => {};
|
|
@@ -777,7 +847,7 @@ declare const ResizeDomCore: vue.DefineComponent<{
|
|
|
777
847
|
default: number;
|
|
778
848
|
};
|
|
779
849
|
lockAspectRatio: BooleanConstructor;
|
|
780
|
-
}
|
|
850
|
+
}>, {
|
|
781
851
|
dots: vue.ComputedRef<readonly ["t", "r", "l", "b", "lt", "lb", "rt", "rb"] | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[]>;
|
|
782
852
|
handleResize: (handleName: "resize" | "start" | "stop", axis: "t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb") => CoreFnCallback;
|
|
783
853
|
renderResizehandler: (axis: "t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb") => (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
@@ -785,7 +855,7 @@ declare const ResizeDomCore: vue.DefineComponent<{
|
|
|
785
855
|
}>) | (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
786
856
|
[key: string]: any;
|
|
787
857
|
}>[] | undefined);
|
|
788
|
-
},
|
|
858
|
+
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
789
859
|
dragOpts: {
|
|
790
860
|
type: vue.PropType<Partial<FreeDomCoreProps>>;
|
|
791
861
|
default: () => {};
|
|
@@ -823,7 +893,7 @@ declare const ResizeDomCore: vue.DefineComponent<{
|
|
|
823
893
|
default: number;
|
|
824
894
|
};
|
|
825
895
|
lockAspectRatio: BooleanConstructor;
|
|
826
|
-
}
|
|
896
|
+
}>> & Readonly<{}>, {
|
|
827
897
|
startFn: ResizeFnCallback;
|
|
828
898
|
stopFn: ResizeFnCallback;
|
|
829
899
|
scale: boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[];
|
|
@@ -834,6 +904,6 @@ declare const ResizeDomCore: vue.DefineComponent<{
|
|
|
834
904
|
height: number;
|
|
835
905
|
resizeFn: ResizeFnCallback;
|
|
836
906
|
dragOpts: Partial<FreeDomCoreProps>;
|
|
837
|
-
}, {}>;
|
|
907
|
+
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
838
908
|
|
|
839
909
|
export { FreeDom, FreeDomCore, FreeScene, GridLayout, ResizeDomCore };
|