vuetify 3.4.0 → 3.4.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.
- package/dist/json/attributes.json +1860 -1856
- package/dist/json/importMap.json +140 -140
- package/dist/json/tags.json +1 -0
- package/dist/json/web-types.json +3641 -3631
- package/dist/vuetify-labs.css +1393 -1386
- package/dist/vuetify-labs.d.ts +1936 -9147
- package/dist/vuetify-labs.esm.js +91 -79
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +91 -79
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +940 -933
- package/dist/vuetify.d.ts +2081 -9282
- package/dist/vuetify.esm.js +91 -79
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +91 -79
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +67 -66
- package/dist/vuetify.min.js.map +1 -1
- package/lib/blueprints/index.d.mts +0 -2
- package/lib/blueprints/md1.d.mts +0 -2
- package/lib/blueprints/md2.d.mts +0 -2
- package/lib/blueprints/md3.d.mts +0 -2
- package/lib/components/VAutocomplete/VAutocomplete.mjs +3 -3
- package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
- package/lib/components/VAutocomplete/index.d.mts +74 -98
- package/lib/components/VBottomNavigation/VBottomNavigation.mjs +1 -1
- package/lib/components/VBottomNavigation/VBottomNavigation.mjs.map +1 -1
- package/lib/components/VBottomNavigation/index.d.mts +44 -69
- package/lib/components/VBtn/VBtn.mjs +1 -1
- package/lib/components/VBtn/VBtn.mjs.map +1 -1
- package/lib/components/VBtn/index.d.mts +11 -11
- package/lib/components/VBtnToggle/VBtnToggle.mjs.map +1 -1
- package/lib/components/VBtnToggle/index.d.mts +45 -71
- package/lib/components/VCarousel/VCarousel.mjs +1 -1
- package/lib/components/VCarousel/VCarousel.mjs.map +1 -1
- package/lib/components/VCarousel/index.d.mts +73 -513
- package/lib/components/VCheckbox/VCheckbox.mjs.map +1 -1
- package/lib/components/VCheckbox/VCheckboxBtn.mjs +1 -1
- package/lib/components/VCheckbox/VCheckboxBtn.mjs.map +1 -1
- package/lib/components/VCheckbox/index.d.mts +100 -482
- package/lib/components/VChip/index.d.mts +15 -18
- package/lib/components/VChipGroup/VChipGroup.mjs.map +1 -1
- package/lib/components/VChipGroup/index.d.mts +49 -189
- package/lib/components/VCombobox/VCombobox.mjs +3 -3
- package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
- package/lib/components/VCombobox/index.d.mts +74 -98
- package/lib/components/VDataIterator/index.d.mts +8 -6
- package/lib/components/VDataTable/VDataTable.mjs.map +1 -1
- package/lib/components/VDataTable/VDataTableRow.mjs.map +1 -1
- package/lib/components/VDataTable/VDataTableRows.mjs.map +1 -1
- package/lib/components/VDataTable/VDataTableServer.mjs.map +1 -1
- package/lib/components/VDataTable/VDataTableVirtual.mjs +2 -1
- package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
- package/lib/components/VDataTable/composables/items.mjs.map +1 -1
- package/lib/components/VDataTable/composables/paginate.mjs.map +1 -1
- package/lib/components/VDataTable/composables/select.mjs.map +1 -1
- package/lib/components/VDataTable/index.d.mts +411 -4142
- package/lib/components/VDataTable/types.mjs.map +1 -1
- package/lib/components/VDatePicker/VDatePicker.css +4 -0
- package/lib/components/VDatePicker/VDatePicker.mjs +29 -22
- package/lib/components/VDatePicker/VDatePicker.mjs.map +1 -1
- package/lib/components/VDatePicker/VDatePicker.sass +4 -0
- package/lib/components/VDatePicker/VDatePickerMonth.mjs +3 -1
- package/lib/components/VDatePicker/VDatePickerMonth.mjs.map +1 -1
- package/lib/components/VDatePicker/VDatePickerYears.mjs +1 -1
- package/lib/components/VDatePicker/VDatePickerYears.mjs.map +1 -1
- package/lib/components/VDatePicker/index.d.mts +32 -36
- package/lib/components/VDialog/VDialog.css +4 -1
- package/lib/components/VDialog/VDialog.sass +4 -3
- package/lib/components/VField/VField.mjs +1 -1
- package/lib/components/VField/VField.mjs.map +1 -1
- package/lib/components/VField/index.d.mts +33 -41
- package/lib/components/VFileInput/index.d.mts +144 -385
- package/lib/components/VImg/VImg.mjs +10 -2
- package/lib/components/VImg/VImg.mjs.map +1 -1
- package/lib/components/VInput/VInput.mjs +1 -1
- package/lib/components/VInput/VInput.mjs.map +1 -1
- package/lib/components/VInput/index.d.mts +72 -154
- package/lib/components/VItemGroup/VItemGroup.mjs +1 -1
- package/lib/components/VItemGroup/VItemGroup.mjs.map +1 -1
- package/lib/components/VItemGroup/index.d.mts +49 -189
- package/lib/components/VList/VList.mjs +2 -2
- package/lib/components/VList/VList.mjs.map +1 -1
- package/lib/components/VList/index.d.mts +58 -95
- package/lib/components/VOtpInput/index.d.mts +8 -11
- package/lib/components/VRadio/index.d.mts +1 -1
- package/lib/components/VRadioGroup/VRadioGroup.mjs +1 -1
- package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
- package/lib/components/VRadioGroup/index.d.mts +77 -211
- package/lib/components/VRangeSlider/index.d.mts +22 -25
- package/lib/components/VSelect/VSelect.mjs +2 -2
- package/lib/components/VSelect/VSelect.mjs.map +1 -1
- package/lib/components/VSelect/index.d.mts +67 -91
- package/lib/components/VSelectionControl/VSelectionControl.mjs +2 -2
- package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
- package/lib/components/VSelectionControl/index.d.mts +9 -18
- package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs +1 -1
- package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs.map +1 -1
- package/lib/components/VSelectionControlGroup/index.d.mts +46 -68
- package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
- package/lib/components/VSlideGroup/index.d.mts +47 -101
- package/lib/components/VSlider/index.d.mts +22 -25
- package/lib/components/VSwitch/VSwitch.mjs +7 -5
- package/lib/components/VSwitch/VSwitch.mjs.map +1 -1
- package/lib/components/VSwitch/index.d.mts +90 -303
- package/lib/components/VTextField/index.d.mts +173 -451
- package/lib/components/VTextarea/index.d.mts +144 -385
- package/lib/components/VValidation/VValidation.mjs +2 -2
- package/lib/components/VValidation/VValidation.mjs.map +1 -1
- package/lib/components/VValidation/index.d.mts +88 -359
- package/lib/components/VWindow/VWindow.mjs +1 -1
- package/lib/components/VWindow/VWindow.mjs.map +1 -1
- package/lib/components/VWindow/index.d.mts +58 -245
- package/lib/components/index.d.mts +1933 -9130
- package/lib/composables/date/DateAdapter.mjs.map +1 -1
- package/lib/composables/date/adapters/vuetify.mjs +1 -13
- package/lib/composables/date/adapters/vuetify.mjs.map +1 -1
- package/lib/composables/date/date.mjs +1 -1
- package/lib/composables/date/date.mjs.map +1 -1
- package/lib/composables/form.mjs.map +1 -1
- package/lib/composables/group.mjs.map +1 -1
- package/lib/composables/nested/nested.mjs.map +1 -1
- package/lib/composables/proxiedModel.mjs.map +1 -1
- package/lib/composables/validation.mjs.map +1 -1
- package/lib/composables/virtual.mjs +11 -13
- package/lib/composables/virtual.mjs.map +1 -1
- package/lib/entry-bundler.mjs +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/index.d.mts +40 -44
- package/lib/labs/VConfirmEdit/index.d.mts +0 -10
- package/lib/labs/components.d.mts +0 -10
- package/lib/util/defineComponent.mjs.map +1 -1
- package/lib/util/helpers.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
|
-
import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode,
|
|
2
|
+
import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, JSXComponent, PropType, Ref, ComputedRef, EffectScope, nextTick } from 'vue';
|
|
3
3
|
|
|
4
4
|
declare const block: readonly ["top", "bottom"];
|
|
5
5
|
declare const inline: readonly ["start", "end", "left", "right"];
|
|
@@ -54,9 +54,7 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
|
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
declare function deepEqual(a: any, b: any): boolean;
|
|
57
|
-
type SelectItemKey = boolean | null | undefined | string | readonly (string | number)[] | ((item:
|
|
58
|
-
type EventProp<T extends any[] = any[], F = (...args: T) => any> = F | F[];
|
|
59
|
-
declare const EventProp: <T extends any[] = any[]>() => PropType<EventProp<T, (...args: T) => any>>;
|
|
57
|
+
type SelectItemKey<T = Record<string, any>> = boolean | null | undefined | string | readonly (string | number)[] | ((item: T, fallback?: any) => any);
|
|
60
58
|
|
|
61
59
|
interface LoaderSlotProps {
|
|
62
60
|
color: string | undefined;
|
|
@@ -203,6 +201,7 @@ interface ListItem<T = any> extends InternalItem<T> {
|
|
|
203
201
|
type Primitive = string | number | boolean | symbol;
|
|
204
202
|
type Val<T, ReturnObject extends boolean> = [T] extends [Primitive] ? T : (ReturnObject extends true ? T : any);
|
|
205
203
|
type Value<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val<T, ReturnObject>[] : Val<T, ReturnObject> | null;
|
|
204
|
+
type ItemType<T> = T extends readonly (infer U)[] ? U : never;
|
|
206
205
|
declare const VAutocomplete: {
|
|
207
206
|
new (...args: any[]): {
|
|
208
207
|
$: vue.ComponentInternalInstance;
|
|
@@ -241,10 +240,7 @@ declare const VAutocomplete: {
|
|
|
241
240
|
filterMode: FilterMode;
|
|
242
241
|
noFilter: boolean;
|
|
243
242
|
filterKeys: NonNullable<FilterKeys>;
|
|
244
|
-
itemTitle: SelectItemKey;
|
|
245
|
-
itemValue: SelectItemKey;
|
|
246
243
|
itemChildren: NonNullable<SelectItemKey>;
|
|
247
|
-
itemProps: SelectItemKey;
|
|
248
244
|
clearable: boolean;
|
|
249
245
|
persistentClear: boolean;
|
|
250
246
|
singleLine: boolean;
|
|
@@ -290,10 +286,7 @@ declare const VAutocomplete: {
|
|
|
290
286
|
filterMode: FilterMode;
|
|
291
287
|
noFilter: boolean;
|
|
292
288
|
filterKeys: NonNullable<FilterKeys>;
|
|
293
|
-
itemTitle: SelectItemKey;
|
|
294
|
-
itemValue: SelectItemKey;
|
|
295
289
|
itemChildren: NonNullable<SelectItemKey>;
|
|
296
|
-
itemProps: SelectItemKey;
|
|
297
290
|
clearable: boolean;
|
|
298
291
|
persistentClear: boolean;
|
|
299
292
|
singleLine: boolean;
|
|
@@ -324,12 +317,12 @@ declare const VAutocomplete: {
|
|
|
324
317
|
appendIcon?: IconValue | undefined;
|
|
325
318
|
baseColor?: string | undefined;
|
|
326
319
|
prependInnerIcon?: IconValue | undefined;
|
|
327
|
-
'onClick:clear'?:
|
|
328
|
-
'onClick:append'?:
|
|
329
|
-
'onClick:prepend'?:
|
|
330
|
-
'onClick:appendInner'?:
|
|
331
|
-
'onClick:prependInner'?:
|
|
332
|
-
'onUpdate:focused'?: (
|
|
320
|
+
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
|
|
321
|
+
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
|
|
322
|
+
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
|
|
323
|
+
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
|
|
324
|
+
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
|
|
325
|
+
'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
|
|
333
326
|
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
|
|
334
327
|
centerAffix?: boolean | undefined;
|
|
335
328
|
hint?: string | undefined;
|
|
@@ -519,9 +512,8 @@ declare const VAutocomplete: {
|
|
|
519
512
|
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
|
|
520
513
|
itemColor?: string | undefined;
|
|
521
514
|
autoSelectFirst?: boolean | "exact" | undefined;
|
|
522
|
-
"onUpdate:
|
|
523
|
-
"onUpdate:
|
|
524
|
-
"onUpdate:search"?: ((val: any) => any) | undefined;
|
|
515
|
+
"onUpdate:menu"?: ((value: boolean) => any) | undefined;
|
|
516
|
+
"onUpdate:search"?: ((value: any) => any) | undefined;
|
|
525
517
|
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
|
|
526
518
|
flat: boolean;
|
|
527
519
|
reverse: boolean;
|
|
@@ -554,10 +546,7 @@ declare const VAutocomplete: {
|
|
|
554
546
|
filterMode: FilterMode;
|
|
555
547
|
noFilter: boolean;
|
|
556
548
|
filterKeys: NonNullable<FilterKeys>;
|
|
557
|
-
itemTitle: SelectItemKey;
|
|
558
|
-
itemValue: SelectItemKey;
|
|
559
549
|
itemChildren: NonNullable<SelectItemKey>;
|
|
560
|
-
itemProps: SelectItemKey;
|
|
561
550
|
clearable: boolean;
|
|
562
551
|
persistentClear: boolean;
|
|
563
552
|
singleLine: boolean;
|
|
@@ -589,12 +578,12 @@ declare const VAutocomplete: {
|
|
|
589
578
|
appendIcon?: IconValue | undefined;
|
|
590
579
|
baseColor?: string | undefined;
|
|
591
580
|
prependInnerIcon?: IconValue | undefined;
|
|
592
|
-
'onClick:clear'?:
|
|
593
|
-
'onClick:append'?:
|
|
594
|
-
'onClick:prepend'?:
|
|
595
|
-
'onClick:appendInner'?:
|
|
596
|
-
'onClick:prependInner'?:
|
|
597
|
-
'onUpdate:focused'?:
|
|
581
|
+
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
|
|
582
|
+
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
|
|
583
|
+
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
|
|
584
|
+
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
|
|
585
|
+
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
|
|
586
|
+
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
|
598
587
|
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
|
|
599
588
|
centerAffix?: boolean | undefined;
|
|
600
589
|
hint?: string | undefined;
|
|
@@ -785,11 +774,10 @@ declare const VAutocomplete: {
|
|
|
785
774
|
itemColor?: string | undefined;
|
|
786
775
|
autoSelectFirst?: boolean | "exact" | undefined;
|
|
787
776
|
} & {
|
|
788
|
-
"onUpdate:modelValue"?: ((val: any) => any) | undefined;
|
|
789
777
|
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
|
|
790
|
-
"onUpdate:menu"?: ((
|
|
791
|
-
"onUpdate:search"?: ((
|
|
792
|
-
}, "flat" | "reverse" | "type" | "error" | "active" | "direction" | "transition" | "menu" | "style" | "role" | "autofocus" | "eager" | "disabled" | "readonly" | "noDataText" | "messages" | "rounded" | "density" | "variant" | "valueComparator" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "filterMode" | "noFilter" | "filterKeys" | "
|
|
778
|
+
"onUpdate:menu"?: ((value: boolean) => any) | undefined;
|
|
779
|
+
"onUpdate:search"?: ((value: any) => any) | undefined;
|
|
780
|
+
}, "flat" | "reverse" | "type" | "error" | "active" | "direction" | "transition" | "menu" | "style" | "role" | "autofocus" | "eager" | "disabled" | "readonly" | "noDataText" | "messages" | "rounded" | "density" | "variant" | "valueComparator" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "filterMode" | "noFilter" | "filterKeys" | "itemChildren" | "clearable" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter" | "chips" | "closableChips" | "closeText" | "openText" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear">;
|
|
793
781
|
$attrs: {
|
|
794
782
|
[x: string]: unknown;
|
|
795
783
|
};
|
|
@@ -859,7 +847,7 @@ declare const VAutocomplete: {
|
|
|
859
847
|
}>;
|
|
860
848
|
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
861
849
|
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
862
|
-
$emit: ((event: "update:focused", focused: boolean) => void) & ((event: "update:menu",
|
|
850
|
+
$emit: ((event: "update:focused", focused: boolean) => void) & ((event: "update:menu", value: boolean) => void) & ((event: "update:search", value: any) => void);
|
|
863
851
|
$el: any;
|
|
864
852
|
$options: vue.ComponentOptionsBase<{
|
|
865
853
|
flat: boolean;
|
|
@@ -893,10 +881,7 @@ declare const VAutocomplete: {
|
|
|
893
881
|
filterMode: FilterMode;
|
|
894
882
|
noFilter: boolean;
|
|
895
883
|
filterKeys: NonNullable<FilterKeys>;
|
|
896
|
-
itemTitle: SelectItemKey;
|
|
897
|
-
itemValue: SelectItemKey;
|
|
898
884
|
itemChildren: NonNullable<SelectItemKey>;
|
|
899
|
-
itemProps: SelectItemKey;
|
|
900
885
|
clearable: boolean;
|
|
901
886
|
persistentClear: boolean;
|
|
902
887
|
singleLine: boolean;
|
|
@@ -928,12 +913,12 @@ declare const VAutocomplete: {
|
|
|
928
913
|
appendIcon?: IconValue | undefined;
|
|
929
914
|
baseColor?: string | undefined;
|
|
930
915
|
prependInnerIcon?: IconValue | undefined;
|
|
931
|
-
'onClick:clear'?:
|
|
932
|
-
'onClick:append'?:
|
|
933
|
-
'onClick:prepend'?:
|
|
934
|
-
'onClick:appendInner'?:
|
|
935
|
-
'onClick:prependInner'?:
|
|
936
|
-
'onUpdate:focused'?:
|
|
916
|
+
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
|
|
917
|
+
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
|
|
918
|
+
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
|
|
919
|
+
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
|
|
920
|
+
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
|
|
921
|
+
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
|
937
922
|
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
|
|
938
923
|
centerAffix?: boolean | undefined;
|
|
939
924
|
hint?: string | undefined;
|
|
@@ -1124,16 +1109,15 @@ declare const VAutocomplete: {
|
|
|
1124
1109
|
itemColor?: string | undefined;
|
|
1125
1110
|
autoSelectFirst?: boolean | "exact" | undefined;
|
|
1126
1111
|
} & {
|
|
1127
|
-
"onUpdate:modelValue"?: ((val: any) => any) | undefined;
|
|
1128
1112
|
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
|
|
1129
|
-
"onUpdate:menu"?: ((
|
|
1130
|
-
"onUpdate:search"?: ((
|
|
1113
|
+
"onUpdate:menu"?: ((value: boolean) => any) | undefined;
|
|
1114
|
+
"onUpdate:search"?: ((value: any) => any) | undefined;
|
|
1131
1115
|
}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
|
1132
1116
|
'update:focused': (focused: boolean) => boolean;
|
|
1133
|
-
'update:search': (
|
|
1134
|
-
'update:modelValue': (
|
|
1135
|
-
'update:menu': (
|
|
1136
|
-
}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
|
|
1117
|
+
'update:search': (value: any) => true;
|
|
1118
|
+
'update:modelValue': (value: any) => boolean;
|
|
1119
|
+
'update:menu': (value: boolean) => true;
|
|
1120
|
+
}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
|
|
1137
1121
|
flat: boolean;
|
|
1138
1122
|
reverse: boolean;
|
|
1139
1123
|
type: string;
|
|
@@ -1167,10 +1151,7 @@ declare const VAutocomplete: {
|
|
|
1167
1151
|
filterMode: FilterMode;
|
|
1168
1152
|
noFilter: boolean;
|
|
1169
1153
|
filterKeys: NonNullable<FilterKeys>;
|
|
1170
|
-
itemTitle: SelectItemKey;
|
|
1171
|
-
itemValue: SelectItemKey;
|
|
1172
1154
|
itemChildren: NonNullable<SelectItemKey>;
|
|
1173
|
-
itemProps: SelectItemKey;
|
|
1174
1155
|
clearable: boolean;
|
|
1175
1156
|
persistentClear: boolean;
|
|
1176
1157
|
singleLine: boolean;
|
|
@@ -1296,10 +1277,7 @@ declare const VAutocomplete: {
|
|
|
1296
1277
|
filterMode: FilterMode;
|
|
1297
1278
|
noFilter: boolean;
|
|
1298
1279
|
filterKeys: NonNullable<FilterKeys>;
|
|
1299
|
-
itemTitle: SelectItemKey;
|
|
1300
|
-
itemValue: SelectItemKey;
|
|
1301
1280
|
itemChildren: NonNullable<SelectItemKey>;
|
|
1302
|
-
itemProps: SelectItemKey;
|
|
1303
1281
|
clearable: boolean;
|
|
1304
1282
|
persistentClear: boolean;
|
|
1305
1283
|
singleLine: boolean;
|
|
@@ -1331,12 +1309,12 @@ declare const VAutocomplete: {
|
|
|
1331
1309
|
appendIcon?: IconValue | undefined;
|
|
1332
1310
|
baseColor?: string | undefined;
|
|
1333
1311
|
prependInnerIcon?: IconValue | undefined;
|
|
1334
|
-
'onClick:clear'?:
|
|
1335
|
-
'onClick:append'?:
|
|
1336
|
-
'onClick:prepend'?:
|
|
1337
|
-
'onClick:appendInner'?:
|
|
1338
|
-
'onClick:prependInner'?:
|
|
1339
|
-
'onUpdate:focused'?:
|
|
1312
|
+
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
|
|
1313
|
+
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
|
|
1314
|
+
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
|
|
1315
|
+
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
|
|
1316
|
+
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
|
|
1317
|
+
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
|
1340
1318
|
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
|
|
1341
1319
|
centerAffix?: boolean | undefined;
|
|
1342
1320
|
hint?: string | undefined;
|
|
@@ -1527,10 +1505,9 @@ declare const VAutocomplete: {
|
|
|
1527
1505
|
itemColor?: string | undefined;
|
|
1528
1506
|
autoSelectFirst?: boolean | "exact" | undefined;
|
|
1529
1507
|
} & {
|
|
1530
|
-
"onUpdate:modelValue"?: ((val: any) => any) | undefined;
|
|
1531
1508
|
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
|
|
1532
|
-
"onUpdate:menu"?: ((
|
|
1533
|
-
"onUpdate:search"?: ((
|
|
1509
|
+
"onUpdate:menu"?: ((value: boolean) => any) | undefined;
|
|
1510
|
+
"onUpdate:search"?: ((value: any) => any) | undefined;
|
|
1534
1511
|
} & vue.ShallowUnwrapRef<any> & {} & vue.ComponentCustomProperties & {};
|
|
1535
1512
|
__isFragment?: undefined;
|
|
1536
1513
|
__isTeleport?: undefined;
|
|
@@ -1567,10 +1544,7 @@ declare const VAutocomplete: {
|
|
|
1567
1544
|
filterMode: FilterMode;
|
|
1568
1545
|
noFilter: boolean;
|
|
1569
1546
|
filterKeys: NonNullable<FilterKeys>;
|
|
1570
|
-
itemTitle: SelectItemKey;
|
|
1571
|
-
itemValue: SelectItemKey;
|
|
1572
1547
|
itemChildren: NonNullable<SelectItemKey>;
|
|
1573
|
-
itemProps: SelectItemKey;
|
|
1574
1548
|
clearable: boolean;
|
|
1575
1549
|
persistentClear: boolean;
|
|
1576
1550
|
singleLine: boolean;
|
|
@@ -1602,12 +1576,12 @@ declare const VAutocomplete: {
|
|
|
1602
1576
|
appendIcon?: IconValue | undefined;
|
|
1603
1577
|
baseColor?: string | undefined;
|
|
1604
1578
|
prependInnerIcon?: IconValue | undefined;
|
|
1605
|
-
'onClick:clear'?:
|
|
1606
|
-
'onClick:append'?:
|
|
1607
|
-
'onClick:prepend'?:
|
|
1608
|
-
'onClick:appendInner'?:
|
|
1609
|
-
'onClick:prependInner'?:
|
|
1610
|
-
'onUpdate:focused'?:
|
|
1579
|
+
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
|
|
1580
|
+
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
|
|
1581
|
+
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
|
|
1582
|
+
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
|
|
1583
|
+
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
|
|
1584
|
+
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
|
1611
1585
|
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
|
|
1612
1586
|
centerAffix?: boolean | undefined;
|
|
1613
1587
|
hint?: string | undefined;
|
|
@@ -1798,16 +1772,15 @@ declare const VAutocomplete: {
|
|
|
1798
1772
|
itemColor?: string | undefined;
|
|
1799
1773
|
autoSelectFirst?: boolean | "exact" | undefined;
|
|
1800
1774
|
} & {
|
|
1801
|
-
"onUpdate:modelValue"?: ((val: any) => any) | undefined;
|
|
1802
1775
|
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
|
|
1803
|
-
"onUpdate:menu"?: ((
|
|
1804
|
-
"onUpdate:search"?: ((
|
|
1776
|
+
"onUpdate:menu"?: ((value: boolean) => any) | undefined;
|
|
1777
|
+
"onUpdate:search"?: ((value: any) => any) | undefined;
|
|
1805
1778
|
}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
|
1806
1779
|
'update:focused': (focused: boolean) => boolean;
|
|
1807
|
-
'update:search': (
|
|
1808
|
-
'update:modelValue': (
|
|
1809
|
-
'update:menu': (
|
|
1810
|
-
}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
|
|
1780
|
+
'update:search': (value: any) => true;
|
|
1781
|
+
'update:modelValue': (value: any) => boolean;
|
|
1782
|
+
'update:menu': (value: boolean) => true;
|
|
1783
|
+
}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
|
|
1811
1784
|
flat: boolean;
|
|
1812
1785
|
reverse: boolean;
|
|
1813
1786
|
type: string;
|
|
@@ -1841,10 +1814,7 @@ declare const VAutocomplete: {
|
|
|
1841
1814
|
filterMode: FilterMode;
|
|
1842
1815
|
noFilter: boolean;
|
|
1843
1816
|
filterKeys: NonNullable<FilterKeys>;
|
|
1844
|
-
itemTitle: SelectItemKey;
|
|
1845
|
-
itemValue: SelectItemKey;
|
|
1846
1817
|
itemChildren: NonNullable<SelectItemKey>;
|
|
1847
|
-
itemProps: SelectItemKey;
|
|
1848
1818
|
clearable: boolean;
|
|
1849
1819
|
persistentClear: boolean;
|
|
1850
1820
|
singleLine: boolean;
|
|
@@ -1918,12 +1888,15 @@ declare const VAutocomplete: {
|
|
|
1918
1888
|
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
1919
1889
|
[key: string]: any;
|
|
1920
1890
|
}>[];
|
|
1921
|
-
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1 extends readonly any[], Item = T_1
|
|
1891
|
+
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1 extends readonly any[], Item = ItemType<T_1>, ReturnObject extends boolean = false, Multiple extends boolean = false, V extends Value<Item, ReturnObject, Multiple> = Value<Item, ReturnObject, Multiple>>(props: {
|
|
1922
1892
|
items?: T_1 | undefined;
|
|
1893
|
+
itemTitle?: SelectItemKey<ItemType<T_1>>;
|
|
1894
|
+
itemValue?: SelectItemKey<ItemType<T_1>>;
|
|
1895
|
+
itemProps?: SelectItemKey<ItemType<T_1>>;
|
|
1923
1896
|
returnObject?: ReturnObject | undefined;
|
|
1924
1897
|
multiple?: Multiple | undefined;
|
|
1925
1898
|
modelValue?: V | null | undefined;
|
|
1926
|
-
'onUpdate:modelValue'?: ((
|
|
1899
|
+
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
|
|
1927
1900
|
}, slots: Omit<VInputSlots & VFieldSlots, "default"> & {
|
|
1928
1901
|
item: {
|
|
1929
1902
|
item: ListItem<Item>;
|
|
@@ -1944,10 +1917,13 @@ declare const VAutocomplete: {
|
|
|
1944
1917
|
'no-data': never;
|
|
1945
1918
|
}) => GenericProps<{
|
|
1946
1919
|
items?: T_1 | undefined;
|
|
1920
|
+
itemTitle?: SelectItemKey<ItemType<T_1>>;
|
|
1921
|
+
itemValue?: SelectItemKey<ItemType<T_1>>;
|
|
1922
|
+
itemProps?: SelectItemKey<ItemType<T_1>>;
|
|
1947
1923
|
returnObject?: ReturnObject | undefined;
|
|
1948
1924
|
multiple?: Multiple | undefined;
|
|
1949
1925
|
modelValue?: V | null | undefined;
|
|
1950
|
-
'onUpdate:modelValue'?: ((
|
|
1926
|
+
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
|
|
1951
1927
|
}, Omit<VInputSlots & VFieldSlots, "default"> & {
|
|
1952
1928
|
item: {
|
|
1953
1929
|
item: ListItem<Item>;
|
|
@@ -2052,13 +2028,13 @@ declare const VAutocomplete: {
|
|
|
2052
2028
|
default: string;
|
|
2053
2029
|
};
|
|
2054
2030
|
prependInnerIcon: PropType<IconValue>;
|
|
2055
|
-
'onClick:clear': PropType<
|
|
2056
|
-
'onClick:append': PropType<
|
|
2057
|
-
'onClick:prepend': PropType<
|
|
2058
|
-
'onClick:appendInner': PropType<
|
|
2059
|
-
'onClick:prependInner': PropType<
|
|
2031
|
+
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
|
|
2032
|
+
'onClick:append': PropType<(args_0: MouseEvent) => void>;
|
|
2033
|
+
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
|
|
2034
|
+
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
|
|
2035
|
+
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
|
|
2060
2036
|
focused: BooleanConstructor;
|
|
2061
|
-
'onUpdate:focused': PropType<
|
|
2037
|
+
'onUpdate:focused': PropType<(args_0: boolean) => void>;
|
|
2062
2038
|
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
|
|
2063
2039
|
errorMessages: {
|
|
2064
2040
|
type: PropType<string | readonly string[] | null>;
|
|
@@ -2422,13 +2398,13 @@ declare const VAutocomplete: {
|
|
|
2422
2398
|
default: string;
|
|
2423
2399
|
};
|
|
2424
2400
|
prependInnerIcon: PropType<IconValue>;
|
|
2425
|
-
'onClick:clear': PropType<
|
|
2426
|
-
'onClick:append': PropType<
|
|
2427
|
-
'onClick:prepend': PropType<
|
|
2428
|
-
'onClick:appendInner': PropType<
|
|
2429
|
-
'onClick:prependInner': PropType<
|
|
2401
|
+
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
|
|
2402
|
+
'onClick:append': PropType<(args_0: MouseEvent) => void>;
|
|
2403
|
+
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
|
|
2404
|
+
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
|
|
2405
|
+
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
|
|
2430
2406
|
focused: BooleanConstructor;
|
|
2431
|
-
'onUpdate:focused': PropType<
|
|
2407
|
+
'onUpdate:focused': PropType<(args_0: boolean) => void>;
|
|
2432
2408
|
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
|
|
2433
2409
|
errorMessages: {
|
|
2434
2410
|
type: PropType<string | readonly string[] | null>;
|
|
@@ -17,7 +17,7 @@ import { useSsrBoot } from "../../composables/ssrBoot.mjs";
|
|
|
17
17
|
import { makeTagProps } from "../../composables/tag.mjs";
|
|
18
18
|
import { makeThemeProps, useTheme } from "../../composables/theme.mjs"; // Utilities
|
|
19
19
|
import { computed, toRef } from 'vue';
|
|
20
|
-
import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
|
|
20
|
+
import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
|
|
21
21
|
export const makeVBottomNavigationProps = propsFactory({
|
|
22
22
|
bgColor: String,
|
|
23
23
|
color: String,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VBottomNavigation.mjs","names":["VBtnToggleSymbol","makeBorderProps","useBorder","useBackgroundColor","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupProps","useGroup","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","useSsrBoot","makeTagProps","makeThemeProps","useTheme","computed","toRef","convertToUnit","genericComponent","propsFactory","useRender","makeVBottomNavigationProps","bgColor","String","color","grow","Boolean","mode","type","validator","v","includes","height","Number","default","active","name","tag","modelValue","selectedClass","VBottomNavigation","props","emits","value","setup","_ref","slots","themeClasses","borderClasses","backgroundColorClasses","backgroundColorStyles","densityClasses","elevationClasses","roundedClasses","ssrBootStyles","density","isActive","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","absolute","VBtn","stacked","variant","scoped","_createVNode","class","transform","style"],"sources":["../../../src/components/VBottomNavigation/VBottomNavigation.tsx"],"sourcesContent":["// Styles\nimport './VBottomNavigation.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { useSsrBoot } from '@/composables/ssrBoot'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVBottomNavigationProps = propsFactory({\n bgColor: String,\n color: String,\n grow: Boolean,\n mode: {\n type: String,\n validator: (v: any) => !v || ['horizontal', 'shift'].includes(v),\n },\n height: {\n type: [Number, String],\n default: 56,\n },\n active: {\n type: Boolean,\n default: true,\n },\n\n ...makeBorderProps(),\n ...makeComponentProps(),\n ...makeDensityProps(),\n ...makeElevationProps(),\n ...makeRoundedProps(),\n ...makeLayoutItemProps({ name: 'bottom-navigation' }),\n ...makeTagProps({ tag: 'header' }),\n ...makeGroupProps({\n modelValue: true,\n selectedClass: 'v-btn--selected',\n }),\n ...makeThemeProps(),\n}, 'VBottomNavigation')\n\nexport const VBottomNavigation = genericComponent()({\n name: 'VBottomNavigation',\n\n props: makeVBottomNavigationProps(),\n\n emits: {\n 'update:modelValue': (value: any) => true,\n },\n\n setup (props, { slots }) {\n const { themeClasses } = useTheme()\n const { borderClasses } = useBorder(props)\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n const { densityClasses } = useDensity(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(props)\n const { ssrBootStyles } = useSsrBoot()\n const height = computed(() => (\n Number(props.height) -\n (props.density === 'comfortable' ? 8 : 0) -\n (props.density === 'compact' ? 16 : 0)\n ))\n const isActive = toRef(props, 'active')\n const { layoutItemStyles } = useLayoutItem({\n id: props.name,\n order: computed(() => parseInt(props.order, 10)),\n position: computed(() => 'bottom'),\n layoutSize: computed(() => isActive.value ? height.value : 0),\n elementSize: height,\n active: isActive,\n absolute: toRef(props, 'absolute'),\n })\n\n useGroup(props, VBtnToggleSymbol)\n\n provideDefaults({\n VBtn: {\n color: toRef(props, 'color'),\n density: toRef(props, 'density'),\n stacked: computed(() => props.mode !== 'horizontal'),\n variant: 'text',\n },\n }, { scoped: true })\n\n useRender(() => {\n return (\n <props.tag\n class={[\n 'v-bottom-navigation',\n {\n 'v-bottom-navigation--active': isActive.value,\n 'v-bottom-navigation--grow': props.grow,\n 'v-bottom-navigation--shift': props.mode === 'shift',\n },\n themeClasses.value,\n backgroundColorClasses.value,\n borderClasses.value,\n densityClasses.value,\n elevationClasses.value,\n roundedClasses.value,\n props.class,\n ]}\n style={[\n backgroundColorStyles.value,\n layoutItemStyles.value,\n {\n height: convertToUnit(height.value),\n transform: `translateY(${convertToUnit(!isActive.value ? 100 : 0, '%')})`,\n },\n ssrBootStyles.value,\n props.style,\n ]}\n >\n { slots.default && (\n <div class=\"v-bottom-navigation__content\">\n { slots.default() }\n </div>\n )}\n </props.tag>\n )\n })\n\n return {}\n },\n})\n\nexport type VBottomNavigation = InstanceType<typeof VBottomNavigation>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,gBAAgB,wCAEzB;AAAA,SACSC,eAAe,EAAEC,SAAS;AAAA,SAC1BC,kBAAkB;AAAA,SAClBC,kBAAkB;AAAA,SAClBC,eAAe;AAAA,SACfC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,cAAc,EAAEC,QAAQ;AAAA,SACxBC,mBAAmB,EAAEC,aAAa;AAAA,SAClCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,UAAU;AAAA,SACVC,YAAY;AAAA,SACZC,cAAc,EAAEC,QAAQ,uCAEjC;AACA,SAASC,QAAQ,EAAEC,KAAK,QAAQ,KAAK;AAAA,SAC5BC,aAAa,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;
|
|
1
|
+
{"version":3,"file":"VBottomNavigation.mjs","names":["VBtnToggleSymbol","makeBorderProps","useBorder","useBackgroundColor","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupProps","useGroup","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","useSsrBoot","makeTagProps","makeThemeProps","useTheme","computed","toRef","convertToUnit","genericComponent","propsFactory","useRender","makeVBottomNavigationProps","bgColor","String","color","grow","Boolean","mode","type","validator","v","includes","height","Number","default","active","name","tag","modelValue","selectedClass","VBottomNavigation","props","emits","value","setup","_ref","slots","themeClasses","borderClasses","backgroundColorClasses","backgroundColorStyles","densityClasses","elevationClasses","roundedClasses","ssrBootStyles","density","isActive","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","absolute","VBtn","stacked","variant","scoped","_createVNode","class","transform","style"],"sources":["../../../src/components/VBottomNavigation/VBottomNavigation.tsx"],"sourcesContent":["// Styles\nimport './VBottomNavigation.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { useSsrBoot } from '@/composables/ssrBoot'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { GenericProps } from '@/util'\n\nexport const makeVBottomNavigationProps = propsFactory({\n bgColor: String,\n color: String,\n grow: Boolean,\n mode: {\n type: String,\n validator: (v: any) => !v || ['horizontal', 'shift'].includes(v),\n },\n height: {\n type: [Number, String],\n default: 56,\n },\n active: {\n type: Boolean,\n default: true,\n },\n\n ...makeBorderProps(),\n ...makeComponentProps(),\n ...makeDensityProps(),\n ...makeElevationProps(),\n ...makeRoundedProps(),\n ...makeLayoutItemProps({ name: 'bottom-navigation' }),\n ...makeTagProps({ tag: 'header' }),\n ...makeGroupProps({\n modelValue: true,\n selectedClass: 'v-btn--selected',\n }),\n ...makeThemeProps(),\n}, 'VBottomNavigation')\n\nexport const VBottomNavigation = genericComponent<new <T>(\n props: {\n modelValue?: T\n 'onUpdate:modelValue'?: (value: T) => void\n },\n slots: { default: never },\n) => GenericProps<typeof props, typeof slots>>()({\n name: 'VBottomNavigation',\n\n props: makeVBottomNavigationProps(),\n\n emits: {\n 'update:modelValue': (value: any) => true,\n },\n\n setup (props, { slots }) {\n const { themeClasses } = useTheme()\n const { borderClasses } = useBorder(props)\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n const { densityClasses } = useDensity(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(props)\n const { ssrBootStyles } = useSsrBoot()\n const height = computed(() => (\n Number(props.height) -\n (props.density === 'comfortable' ? 8 : 0) -\n (props.density === 'compact' ? 16 : 0)\n ))\n const isActive = toRef(props, 'active')\n const { layoutItemStyles } = useLayoutItem({\n id: props.name,\n order: computed(() => parseInt(props.order, 10)),\n position: computed(() => 'bottom'),\n layoutSize: computed(() => isActive.value ? height.value : 0),\n elementSize: height,\n active: isActive,\n absolute: toRef(props, 'absolute'),\n })\n\n useGroup(props, VBtnToggleSymbol)\n\n provideDefaults({\n VBtn: {\n color: toRef(props, 'color'),\n density: toRef(props, 'density'),\n stacked: computed(() => props.mode !== 'horizontal'),\n variant: 'text',\n },\n }, { scoped: true })\n\n useRender(() => {\n return (\n <props.tag\n class={[\n 'v-bottom-navigation',\n {\n 'v-bottom-navigation--active': isActive.value,\n 'v-bottom-navigation--grow': props.grow,\n 'v-bottom-navigation--shift': props.mode === 'shift',\n },\n themeClasses.value,\n backgroundColorClasses.value,\n borderClasses.value,\n densityClasses.value,\n elevationClasses.value,\n roundedClasses.value,\n props.class,\n ]}\n style={[\n backgroundColorStyles.value,\n layoutItemStyles.value,\n {\n height: convertToUnit(height.value),\n transform: `translateY(${convertToUnit(!isActive.value ? 100 : 0, '%')})`,\n },\n ssrBootStyles.value,\n props.style,\n ]}\n >\n { slots.default && (\n <div class=\"v-bottom-navigation__content\">\n { slots.default() }\n </div>\n )}\n </props.tag>\n )\n })\n\n return {}\n },\n})\n\nexport type VBottomNavigation = InstanceType<typeof VBottomNavigation>\n"],"mappings":"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"}
|
|
@@ -1,6 +1,31 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
|
-
import { ComponentPropsOptions, ExtractPropTypes } from 'vue';
|
|
2
|
+
import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode } from 'vue';
|
|
3
3
|
|
|
4
|
+
type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {
|
|
5
|
+
$children?: (VNodeChild | (T extends {
|
|
6
|
+
default: infer V;
|
|
7
|
+
} ? V : {}) | {
|
|
8
|
+
[K in keyof T]?: T[K];
|
|
9
|
+
});
|
|
10
|
+
'v-slots'?: {
|
|
11
|
+
[K in keyof T]?: T[K] | false;
|
|
12
|
+
};
|
|
13
|
+
} & {
|
|
14
|
+
[K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
|
|
15
|
+
};
|
|
16
|
+
type RawSlots = Record<string, unknown>;
|
|
17
|
+
type Slot<T> = [T] extends [never] ? () => VNodeChild : (arg: T) => VNodeChild;
|
|
18
|
+
type VueSlot<T> = [T] extends [never] ? () => VNode[] : (arg: T) => VNode[];
|
|
19
|
+
type MakeInternalSlots<T extends RawSlots> = {
|
|
20
|
+
[K in keyof T]: Slot<T[K]>;
|
|
21
|
+
};
|
|
22
|
+
type MakeSlots<T extends RawSlots> = {
|
|
23
|
+
[K in keyof T]: VueSlot<T[K]>;
|
|
24
|
+
};
|
|
25
|
+
type GenericProps<Props, Slots extends Record<string, unknown>> = {
|
|
26
|
+
$props: Props & SlotsToProps<Slots>;
|
|
27
|
+
$slots: MakeSlots<Slots>;
|
|
28
|
+
};
|
|
4
29
|
interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
|
|
5
30
|
filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
|
|
6
31
|
}
|
|
@@ -23,7 +48,6 @@ declare const VBottomNavigation: {
|
|
|
23
48
|
tag: string;
|
|
24
49
|
rounded: string | number | boolean;
|
|
25
50
|
density: Density;
|
|
26
|
-
modelValue: any;
|
|
27
51
|
selectedClass: string;
|
|
28
52
|
grow: boolean;
|
|
29
53
|
}> & Omit<{
|
|
@@ -48,16 +72,7 @@ declare const VBottomNavigation: {
|
|
|
48
72
|
elevation?: string | number | undefined;
|
|
49
73
|
theme?: string | undefined;
|
|
50
74
|
rounded?: string | number | boolean | undefined;
|
|
51
|
-
modelValue?: any;
|
|
52
75
|
bgColor?: string | undefined;
|
|
53
|
-
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
|
|
54
|
-
default?: (() => vue.VNodeChild) | undefined;
|
|
55
|
-
};
|
|
56
|
-
'v-slots'?: {
|
|
57
|
-
default?: false | (() => vue.VNodeChild) | undefined;
|
|
58
|
-
} | undefined;
|
|
59
|
-
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
|
60
|
-
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
61
76
|
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
|
|
62
77
|
absolute: boolean;
|
|
63
78
|
height: string | number;
|
|
@@ -81,20 +96,8 @@ declare const VBottomNavigation: {
|
|
|
81
96
|
elevation?: string | number | undefined;
|
|
82
97
|
theme?: string | undefined;
|
|
83
98
|
rounded?: string | number | boolean | undefined;
|
|
84
|
-
modelValue?: any;
|
|
85
99
|
bgColor?: string | undefined;
|
|
86
|
-
} & {
|
|
87
|
-
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
|
|
88
|
-
default?: (() => vue.VNodeChild) | undefined;
|
|
89
|
-
};
|
|
90
|
-
'v-slots'?: {
|
|
91
|
-
default?: false | (() => vue.VNodeChild) | undefined;
|
|
92
|
-
} | undefined;
|
|
93
|
-
} & {
|
|
94
|
-
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
|
95
|
-
} & {
|
|
96
|
-
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
97
|
-
}, "absolute" | "height" | "active" | "name" | "order" | "style" | "disabled" | "multiple" | "tag" | "rounded" | "density" | "modelValue" | "selectedClass" | "grow">;
|
|
100
|
+
} & {}, "absolute" | "height" | "active" | "name" | "order" | "style" | "disabled" | "multiple" | "tag" | "rounded" | "density" | "selectedClass" | "grow">;
|
|
98
101
|
$attrs: {
|
|
99
102
|
[x: string]: unknown;
|
|
100
103
|
};
|
|
@@ -108,7 +111,7 @@ declare const VBottomNavigation: {
|
|
|
108
111
|
}>;
|
|
109
112
|
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
110
113
|
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
111
|
-
$emit: (event:
|
|
114
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
112
115
|
$el: any;
|
|
113
116
|
$options: vue.ComponentOptionsBase<{
|
|
114
117
|
absolute: boolean;
|
|
@@ -133,22 +136,10 @@ declare const VBottomNavigation: {
|
|
|
133
136
|
elevation?: string | number | undefined;
|
|
134
137
|
theme?: string | undefined;
|
|
135
138
|
rounded?: string | number | boolean | undefined;
|
|
136
|
-
modelValue?: any;
|
|
137
139
|
bgColor?: string | undefined;
|
|
138
|
-
} & {
|
|
139
|
-
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
|
|
140
|
-
default?: (() => vue.VNodeChild) | undefined;
|
|
141
|
-
};
|
|
142
|
-
'v-slots'?: {
|
|
143
|
-
default?: false | (() => vue.VNodeChild) | undefined;
|
|
144
|
-
} | undefined;
|
|
145
|
-
} & {
|
|
146
|
-
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
|
147
|
-
} & {
|
|
148
|
-
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
149
|
-
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
140
|
+
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
|
150
141
|
'update:modelValue': (value: any) => boolean;
|
|
151
|
-
}, string, {
|
|
142
|
+
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, string, {
|
|
152
143
|
absolute: boolean;
|
|
153
144
|
height: string | number;
|
|
154
145
|
active: boolean;
|
|
@@ -160,7 +151,6 @@ declare const VBottomNavigation: {
|
|
|
160
151
|
tag: string;
|
|
161
152
|
rounded: string | number | boolean;
|
|
162
153
|
density: Density;
|
|
163
|
-
modelValue: any;
|
|
164
154
|
selectedClass: string;
|
|
165
155
|
grow: boolean;
|
|
166
156
|
}, {}, string, vue.SlotsType<Partial<{
|
|
@@ -210,20 +200,8 @@ declare const VBottomNavigation: {
|
|
|
210
200
|
elevation?: string | number | undefined;
|
|
211
201
|
theme?: string | undefined;
|
|
212
202
|
rounded?: string | number | boolean | undefined;
|
|
213
|
-
modelValue?: any;
|
|
214
203
|
bgColor?: string | undefined;
|
|
215
|
-
} & {
|
|
216
|
-
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
|
|
217
|
-
default?: (() => vue.VNodeChild) | undefined;
|
|
218
|
-
};
|
|
219
|
-
'v-slots'?: {
|
|
220
|
-
default?: false | (() => vue.VNodeChild) | undefined;
|
|
221
|
-
} | undefined;
|
|
222
|
-
} & {
|
|
223
|
-
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
|
224
|
-
} & {
|
|
225
|
-
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
226
|
-
} & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
|
|
204
|
+
} & {} & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
|
|
227
205
|
__isFragment?: undefined;
|
|
228
206
|
__isTeleport?: undefined;
|
|
229
207
|
__isSuspense?: undefined;
|
|
@@ -250,22 +228,10 @@ declare const VBottomNavigation: {
|
|
|
250
228
|
elevation?: string | number | undefined;
|
|
251
229
|
theme?: string | undefined;
|
|
252
230
|
rounded?: string | number | boolean | undefined;
|
|
253
|
-
modelValue?: any;
|
|
254
231
|
bgColor?: string | undefined;
|
|
255
|
-
} & {
|
|
256
|
-
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
|
|
257
|
-
default?: (() => vue.VNodeChild) | undefined;
|
|
258
|
-
};
|
|
259
|
-
'v-slots'?: {
|
|
260
|
-
default?: false | (() => vue.VNodeChild) | undefined;
|
|
261
|
-
} | undefined;
|
|
262
|
-
} & {
|
|
263
|
-
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
|
264
|
-
} & {
|
|
265
|
-
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
266
|
-
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
232
|
+
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
|
267
233
|
'update:modelValue': (value: any) => boolean;
|
|
268
|
-
}, string, {
|
|
234
|
+
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, string, {
|
|
269
235
|
absolute: boolean;
|
|
270
236
|
height: string | number;
|
|
271
237
|
active: boolean;
|
|
@@ -277,14 +243,23 @@ declare const VBottomNavigation: {
|
|
|
277
243
|
tag: string;
|
|
278
244
|
rounded: string | number | boolean;
|
|
279
245
|
density: Density;
|
|
280
|
-
modelValue: any;
|
|
281
246
|
selectedClass: string;
|
|
282
247
|
grow: boolean;
|
|
283
248
|
}, {}, string, vue.SlotsType<Partial<{
|
|
284
249
|
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
285
250
|
[key: string]: any;
|
|
286
251
|
}>[];
|
|
287
|
-
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps &
|
|
252
|
+
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1>(props: {
|
|
253
|
+
modelValue?: T_1 | undefined;
|
|
254
|
+
'onUpdate:modelValue'?: ((value: T_1) => void) | undefined;
|
|
255
|
+
}, slots: {
|
|
256
|
+
default: never;
|
|
257
|
+
}) => GenericProps<{
|
|
258
|
+
modelValue?: T_1 | undefined;
|
|
259
|
+
'onUpdate:modelValue'?: ((value: T_1) => void) | undefined;
|
|
260
|
+
}, {
|
|
261
|
+
default: never;
|
|
262
|
+
}>) & FilterPropsOptions<{
|
|
288
263
|
theme: StringConstructor;
|
|
289
264
|
modelValue: Omit<{
|
|
290
265
|
type: null;
|