@sepveneto/free-dom 0.12.2 → 0.12.5
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 +103 -43
- package/dist/index.js +14028 -10841
- package/dist/index.mjs +14036 -10842
- 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;
|
|
@@ -454,9 +463,49 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
454
463
|
default: number;
|
|
455
464
|
};
|
|
456
465
|
fixNonMonospaced: BooleanConstructor;
|
|
457
|
-
}
|
|
458
|
-
selected: vue.Ref<boolean>;
|
|
459
|
-
domRef: vue.Ref<vue.
|
|
466
|
+
}>, {
|
|
467
|
+
selected: vue.Ref<boolean, boolean>;
|
|
468
|
+
domRef: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<vue.ExtractPropTypes<{
|
|
469
|
+
userSelectHack: {
|
|
470
|
+
type: BooleanConstructor;
|
|
471
|
+
default: boolean;
|
|
472
|
+
};
|
|
473
|
+
startFn: {
|
|
474
|
+
type: vue.PropType<CoreFnCallback>;
|
|
475
|
+
default: () => void;
|
|
476
|
+
};
|
|
477
|
+
stopFn: {
|
|
478
|
+
type: vue.PropType<CoreFnCallback>;
|
|
479
|
+
default: () => void;
|
|
480
|
+
};
|
|
481
|
+
dragFn: {
|
|
482
|
+
type: vue.PropType<CoreFnCallback>;
|
|
483
|
+
default: () => void;
|
|
484
|
+
};
|
|
485
|
+
disabled: BooleanConstructor;
|
|
486
|
+
scale: {
|
|
487
|
+
type: NumberConstructor;
|
|
488
|
+
default: number;
|
|
489
|
+
};
|
|
490
|
+
}>> & Readonly<{}>, {
|
|
491
|
+
coreRef: vue.Ref<any, any>;
|
|
492
|
+
mousedownFn: (evt: MouseEvent) => void;
|
|
493
|
+
mouseupFn: (evt: MouseEvent) => void;
|
|
494
|
+
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {
|
|
495
|
+
userSelectHack: boolean;
|
|
496
|
+
startFn: CoreFnCallback;
|
|
497
|
+
stopFn: CoreFnCallback;
|
|
498
|
+
dragFn: CoreFnCallback;
|
|
499
|
+
disabled: boolean;
|
|
500
|
+
scale: number;
|
|
501
|
+
}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
502
|
+
P: {};
|
|
503
|
+
B: {};
|
|
504
|
+
D: {};
|
|
505
|
+
C: {};
|
|
506
|
+
M: {};
|
|
507
|
+
Defaults: {};
|
|
508
|
+
}, Readonly<vue.ExtractPropTypes<{
|
|
460
509
|
userSelectHack: {
|
|
461
510
|
type: BooleanConstructor;
|
|
462
511
|
default: boolean;
|
|
@@ -478,11 +527,18 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
478
527
|
type: NumberConstructor;
|
|
479
528
|
default: number;
|
|
480
529
|
};
|
|
481
|
-
}
|
|
482
|
-
coreRef: vue.Ref<any>;
|
|
530
|
+
}>> & Readonly<{}>, {
|
|
531
|
+
coreRef: vue.Ref<any, any>;
|
|
483
532
|
mousedownFn: (evt: MouseEvent) => void;
|
|
484
533
|
mouseupFn: (evt: MouseEvent) => void;
|
|
485
|
-
},
|
|
534
|
+
}, {}, {}, {}, {
|
|
535
|
+
userSelectHack: boolean;
|
|
536
|
+
startFn: CoreFnCallback;
|
|
537
|
+
stopFn: CoreFnCallback;
|
|
538
|
+
dragFn: CoreFnCallback;
|
|
539
|
+
disabled: boolean;
|
|
540
|
+
scale: number;
|
|
541
|
+
}> | undefined, vue.CreateComponentPublicInstanceWithMixins<Readonly<vue.ExtractPropTypes<{
|
|
486
542
|
userSelectHack: {
|
|
487
543
|
type: BooleanConstructor;
|
|
488
544
|
default: boolean;
|
|
@@ -504,14 +560,18 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
504
560
|
type: NumberConstructor;
|
|
505
561
|
default: number;
|
|
506
562
|
};
|
|
507
|
-
}
|
|
563
|
+
}>> & Readonly<{}>, {
|
|
564
|
+
coreRef: vue.Ref<any, any>;
|
|
565
|
+
mousedownFn: (evt: MouseEvent) => void;
|
|
566
|
+
mouseupFn: (evt: MouseEvent) => void;
|
|
567
|
+
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {
|
|
508
568
|
userSelectHack: boolean;
|
|
509
569
|
startFn: CoreFnCallback;
|
|
510
570
|
stopFn: CoreFnCallback;
|
|
511
571
|
dragFn: CoreFnCallback;
|
|
512
572
|
disabled: boolean;
|
|
513
573
|
scale: number;
|
|
514
|
-
}, true, {}, {}, {
|
|
574
|
+
}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
515
575
|
P: {};
|
|
516
576
|
B: {};
|
|
517
577
|
D: {};
|
|
@@ -540,8 +600,8 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
540
600
|
type: NumberConstructor;
|
|
541
601
|
default: number;
|
|
542
602
|
};
|
|
543
|
-
}
|
|
544
|
-
coreRef: vue.Ref<any>;
|
|
603
|
+
}>> & Readonly<{}>, {
|
|
604
|
+
coreRef: vue.Ref<any, any>;
|
|
545
605
|
mousedownFn: (evt: MouseEvent) => void;
|
|
546
606
|
mouseupFn: (evt: MouseEvent) => void;
|
|
547
607
|
}, {}, {}, {}, {
|
|
@@ -567,7 +627,7 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
567
627
|
handleSelect: (evt: MouseEvent) => void;
|
|
568
628
|
disabled: vue.ComputedRef<boolean>;
|
|
569
629
|
scale: vue.ComputedRef<number>;
|
|
570
|
-
},
|
|
630
|
+
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "update:width" | "update:height" | "update:x" | "update:y")[], "update:modelValue" | "update:width" | "update:height" | "update:x" | "update:y", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
571
631
|
modelValue: {
|
|
572
632
|
type: vue.PropType<Partial<{
|
|
573
633
|
x: number;
|
|
@@ -647,13 +707,13 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
647
707
|
default: number;
|
|
648
708
|
};
|
|
649
709
|
fixNonMonospaced: BooleanConstructor;
|
|
650
|
-
}>> & {
|
|
710
|
+
}>> & Readonly<{
|
|
651
711
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
652
712
|
"onUpdate:width"?: ((...args: any[]) => any) | undefined;
|
|
653
713
|
"onUpdate:height"?: ((...args: any[]) => any) | undefined;
|
|
654
714
|
"onUpdate:x"?: ((...args: any[]) => any) | undefined;
|
|
655
715
|
"onUpdate:y"?: ((...args: any[]) => any) | undefined;
|
|
656
|
-
}
|
|
716
|
+
}>, {
|
|
657
717
|
x: number;
|
|
658
718
|
y: number;
|
|
659
719
|
dragFn: CoreFnCallback;
|
|
@@ -682,8 +742,8 @@ declare const FreeDom: vue.DefineComponent<{
|
|
|
682
742
|
resizeFn: (evt: MouseEvent, resizeData: ResizeData) => void;
|
|
683
743
|
resizeStopFn: (evt: MouseEvent, resizeData: ResizeData) => void;
|
|
684
744
|
autoSize: boolean;
|
|
685
|
-
}, {}>;
|
|
686
|
-
declare const FreeDomCore: vue.DefineComponent<{
|
|
745
|
+
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
746
|
+
declare const FreeDomCore: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
687
747
|
userSelectHack: {
|
|
688
748
|
type: BooleanConstructor;
|
|
689
749
|
default: boolean;
|
|
@@ -705,11 +765,11 @@ declare const FreeDomCore: vue.DefineComponent<{
|
|
|
705
765
|
type: NumberConstructor;
|
|
706
766
|
default: number;
|
|
707
767
|
};
|
|
708
|
-
}
|
|
709
|
-
coreRef: vue.Ref<any>;
|
|
768
|
+
}>, {
|
|
769
|
+
coreRef: vue.Ref<any, any>;
|
|
710
770
|
mousedownFn: (evt: MouseEvent) => void;
|
|
711
771
|
mouseupFn: (evt: MouseEvent) => void;
|
|
712
|
-
},
|
|
772
|
+
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
713
773
|
userSelectHack: {
|
|
714
774
|
type: BooleanConstructor;
|
|
715
775
|
default: boolean;
|
|
@@ -731,15 +791,15 @@ declare const FreeDomCore: vue.DefineComponent<{
|
|
|
731
791
|
type: NumberConstructor;
|
|
732
792
|
default: number;
|
|
733
793
|
};
|
|
734
|
-
}
|
|
794
|
+
}>> & Readonly<{}>, {
|
|
735
795
|
userSelectHack: boolean;
|
|
736
796
|
startFn: CoreFnCallback;
|
|
737
797
|
stopFn: CoreFnCallback;
|
|
738
798
|
dragFn: CoreFnCallback;
|
|
739
799
|
disabled: boolean;
|
|
740
800
|
scale: number;
|
|
741
|
-
}, {}>;
|
|
742
|
-
declare const ResizeDomCore: vue.DefineComponent<{
|
|
801
|
+
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
802
|
+
declare const ResizeDomCore: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
743
803
|
dragOpts: {
|
|
744
804
|
type: vue.PropType<Partial<FreeDomCoreProps>>;
|
|
745
805
|
default: () => {};
|
|
@@ -777,7 +837,7 @@ declare const ResizeDomCore: vue.DefineComponent<{
|
|
|
777
837
|
default: number;
|
|
778
838
|
};
|
|
779
839
|
lockAspectRatio: BooleanConstructor;
|
|
780
|
-
}
|
|
840
|
+
}>, {
|
|
781
841
|
dots: vue.ComputedRef<readonly ["t", "r", "l", "b", "lt", "lb", "rt", "rb"] | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[]>;
|
|
782
842
|
handleResize: (handleName: "resize" | "start" | "stop", axis: "t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb") => CoreFnCallback;
|
|
783
843
|
renderResizehandler: (axis: "t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb") => (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
@@ -785,7 +845,7 @@ declare const ResizeDomCore: vue.DefineComponent<{
|
|
|
785
845
|
}>) | (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
786
846
|
[key: string]: any;
|
|
787
847
|
}>[] | undefined);
|
|
788
|
-
},
|
|
848
|
+
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
789
849
|
dragOpts: {
|
|
790
850
|
type: vue.PropType<Partial<FreeDomCoreProps>>;
|
|
791
851
|
default: () => {};
|
|
@@ -823,7 +883,7 @@ declare const ResizeDomCore: vue.DefineComponent<{
|
|
|
823
883
|
default: number;
|
|
824
884
|
};
|
|
825
885
|
lockAspectRatio: BooleanConstructor;
|
|
826
|
-
}
|
|
886
|
+
}>> & Readonly<{}>, {
|
|
827
887
|
startFn: ResizeFnCallback;
|
|
828
888
|
stopFn: ResizeFnCallback;
|
|
829
889
|
scale: boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[];
|
|
@@ -834,6 +894,6 @@ declare const ResizeDomCore: vue.DefineComponent<{
|
|
|
834
894
|
height: number;
|
|
835
895
|
resizeFn: ResizeFnCallback;
|
|
836
896
|
dragOpts: Partial<FreeDomCoreProps>;
|
|
837
|
-
}, {}>;
|
|
897
|
+
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
838
898
|
|
|
839
899
|
export { FreeDom, FreeDomCore, FreeScene, GridLayout, ResizeDomCore };
|