@vuetify/nightly 3.0.0-beta.10 → 3.0.0-beta.13
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/CHANGELOG.md +13 -2
- package/dist/json/attributes.json +37 -29
- package/dist/json/importMap.json +46 -46
- package/dist/json/tags.json +10 -8
- package/dist/json/web-types.json +101 -87
- package/dist/vuetify.css +545 -441
- package/dist/vuetify.d.ts +12095 -10059
- package/dist/vuetify.esm.js +401 -266
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +371 -236
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +3 -3
- package/dist/vuetify.min.js +496 -490
- package/dist/vuetify.min.js.map +1 -1
- package/lib/blueprints/index.d.ts +171 -0
- package/lib/blueprints/md1.d.ts +167 -0
- package/lib/blueprints/md2.d.ts +167 -0
- package/lib/blueprints/md3.d.ts +167 -0
- package/lib/components/VAlert/index.d.ts +185 -0
- package/lib/components/VApp/index.d.ts +83 -0
- package/lib/components/VAppBar/VAppBar.css +3 -0
- package/lib/components/VAppBar/VAppBar.sass +3 -0
- package/lib/components/VAppBar/index.d.ts +156 -0
- package/lib/components/VAutocomplete/VAutocomplete.mjs +1 -1
- package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
- package/lib/components/VAutocomplete/index.d.ts +1569 -0
- package/lib/components/VAvatar/VAvatar.css +44 -2
- package/lib/components/VAvatar/VAvatar.mjs +16 -12
- package/lib/components/VAvatar/VAvatar.mjs.map +1 -1
- package/lib/components/VAvatar/VAvatar.sass +5 -1
- package/lib/components/VAvatar/_variables.scss +9 -4
- package/lib/components/VAvatar/index.d.ts +80 -0
- package/lib/components/VBadge/index.d.ts +123 -0
- package/lib/components/VBanner/index.d.ts +122 -0
- package/lib/components/VBottomNavigation/index.d.ts +143 -0
- package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs +2 -2
- package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs.map +1 -1
- package/lib/components/VBreadcrumbs/index.d.ts +301 -0
- package/lib/components/VBtn/VBtn.css +8 -3
- package/lib/components/VBtn/VBtn.mjs +16 -6
- package/lib/components/VBtn/VBtn.mjs.map +1 -1
- package/lib/components/VBtn/index.d.ts +210 -0
- package/lib/components/VBtnGroup/index.d.ts +65 -0
- package/lib/components/VBtnToggle/VBtnToggle.mjs +1 -3
- package/lib/components/VBtnToggle/VBtnToggle.mjs.map +1 -1
- package/lib/components/VBtnToggle/index.d.ts +175 -0
- package/lib/components/VCard/VCard.css +8 -3
- package/lib/components/VCard/index.d.ts +230 -0
- package/lib/components/VCarousel/VCarousel.mjs +3 -3
- package/lib/components/VCarousel/VCarousel.mjs.map +1 -1
- package/lib/components/VCarousel/index.d.ts +80 -0
- package/lib/components/VCheckbox/index.d.ts +291 -0
- package/lib/components/VChip/index.d.ts +195 -0
- package/lib/components/VChipGroup/index.d.ts +89 -0
- package/lib/components/VCode/index.d.ts +19 -0
- package/lib/components/VColorPicker/index.d.ts +116 -0
- package/lib/components/VCombobox/VCombobox.mjs +1 -1
- package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
- package/lib/components/VCombobox/index.d.ts +1590 -0
- package/lib/components/VCounter/index.d.ts +223 -0
- package/lib/components/VDefaultsProvider/index.d.ts +26 -0
- package/lib/components/VDialog/VDialog.css +2 -0
- package/lib/components/VDialog/VDialog.mjs +17 -12
- package/lib/components/VDialog/VDialog.mjs.map +1 -1
- package/lib/components/VDialog/VDialog.sass +2 -0
- package/lib/components/VDialog/index.d.ts +859 -0
- package/lib/components/VDivider/index.d.ts +22 -0
- package/lib/components/VExpansionPanel/VExpansionPanel.css +8 -3
- package/lib/components/VExpansionPanel/index.d.ts +206 -0
- package/lib/components/VField/VField.css +27 -24
- package/lib/components/VField/VField.mjs +1 -1
- package/lib/components/VField/VField.mjs.map +1 -1
- package/lib/components/VField/VField.sass +23 -21
- package/lib/components/VField/index.d.ts +332 -0
- package/lib/components/VFileInput/VFileInput.mjs +3 -3
- package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
- package/lib/components/VFileInput/index.d.ts +236 -0
- package/lib/components/VFooter/VFooter.css +7 -0
- package/lib/components/VFooter/VFooter.sass +1 -1
- package/lib/components/VFooter/_variables.scss +11 -0
- package/lib/components/VFooter/index.d.ts +76 -0
- package/lib/components/VForm/index.d.ts +72 -0
- package/lib/components/VGrid/index.d.ts +154 -0
- package/lib/components/VHover/index.d.ts +30 -0
- package/lib/components/VIcon/index.d.ts +124 -0
- package/lib/components/VImg/VImg.mjs +29 -27
- package/lib/components/VImg/VImg.mjs.map +1 -1
- package/lib/components/VImg/index.d.ts +89 -0
- package/lib/components/VInput/VInput.mjs +4 -4
- package/lib/components/VInput/VInput.mjs.map +1 -1
- package/lib/components/VInput/index.d.ts +325 -0
- package/lib/components/VItemGroup/index.d.ts +210 -0
- package/lib/components/VKbd/index.d.ts +19 -0
- package/lib/components/VLabel/VLabel.css +4 -1
- package/lib/components/VLabel/VLabel.mjs +4 -1
- package/lib/components/VLabel/VLabel.mjs.map +1 -1
- package/lib/components/VLabel/VLabel.sass +3 -1
- package/lib/components/VLabel/index.d.ts +16 -0
- package/lib/components/VLayout/index.d.ts +75 -0
- package/lib/components/VLazy/index.d.ts +85 -0
- package/lib/components/VList/VListItem.css +8 -3
- package/lib/components/VList/VListItem.mjs +4 -4
- package/lib/components/VList/VListItem.mjs.map +1 -1
- package/lib/components/VList/index.d.ts +1250 -0
- package/lib/components/VLocaleProvider/index.d.ts +23 -0
- package/lib/components/VMain/index.d.ts +26 -0
- package/lib/components/VMenu/VMenu.mjs +16 -3
- package/lib/components/VMenu/VMenu.mjs.map +1 -1
- package/lib/components/VMenu/index.d.ts +817 -0
- package/lib/components/VMessages/index.d.ts +234 -0
- package/lib/components/VNavigationDrawer/index.d.ts +148 -0
- package/lib/components/VNoSsr/index.d.ts +7 -0
- package/lib/components/VOverlay/VOverlay.mjs +4 -3
- package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
- package/lib/components/VOverlay/index.d.ts +579 -0
- package/lib/components/VOverlay/useActivator.mjs +27 -1
- package/lib/components/VOverlay/useActivator.mjs.map +1 -1
- package/lib/components/VPagination/VPagination.mjs +6 -3
- package/lib/components/VPagination/VPagination.mjs.map +1 -1
- package/lib/components/VPagination/index.d.ts +247 -0
- package/lib/components/VParallax/VParallax.mjs +24 -10
- package/lib/components/VParallax/VParallax.mjs.map +1 -1
- package/lib/components/VParallax/index.d.ts +18 -0
- package/lib/components/VProgressCircular/index.d.ts +68 -0
- package/lib/components/VProgressLinear/index.d.ts +101 -0
- package/lib/components/VRadio/index.d.ts +103 -0
- package/lib/components/VRadioGroup/VRadioGroup.css +2 -3
- package/lib/components/VRadioGroup/VRadioGroup.mjs +2 -1
- package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
- package/lib/components/VRadioGroup/VRadioGroup.sass +2 -2
- package/lib/components/VRadioGroup/_variables.scss +0 -1
- package/lib/components/VRadioGroup/index.d.ts +186 -0
- package/lib/components/VRangeSlider/VRangeSlider.mjs +12 -2
- package/lib/components/VRangeSlider/VRangeSlider.mjs.map +1 -1
- package/lib/components/VRangeSlider/index.d.ts +242 -0
- package/lib/components/VRating/index.d.ts +356 -0
- package/lib/components/VResponsive/index.d.ts +23 -0
- package/lib/components/VSelect/VSelect.mjs +1 -1
- package/lib/components/VSelect/VSelect.mjs.map +1 -1
- package/lib/components/VSelect/index.d.ts +1521 -0
- package/lib/components/VSelectionControl/VSelectionControl.mjs +2 -1
- package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
- package/lib/components/VSelectionControl/index.d.ts +275 -0
- package/lib/components/VSelectionControlGroup/VSelectionControlGroup.css +5 -0
- package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs +3 -1
- package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs.map +1 -1
- package/lib/components/VSelectionControlGroup/VSelectionControlGroup.sass +5 -0
- package/lib/components/VSelectionControlGroup/index.d.ts +47 -0
- package/lib/components/VSheet/index.d.ts +68 -0
- package/lib/components/VSlideGroup/index.d.ts +151 -0
- package/lib/components/VSlider/VSlider.css +7 -2
- package/lib/components/VSlider/VSlider.mjs +14 -4
- package/lib/components/VSlider/VSlider.mjs.map +1 -1
- package/lib/components/VSlider/VSlider.sass +6 -2
- package/lib/components/VSlider/VSliderTrack.css +20 -20
- package/lib/components/VSlider/VSliderTrack.mjs +7 -3
- package/lib/components/VSlider/VSliderTrack.mjs.map +1 -1
- package/lib/components/VSlider/VSliderTrack.sass +14 -14
- package/lib/components/VSlider/_variables.scss +2 -2
- package/lib/components/VSlider/index.d.ts +239 -0
- package/lib/components/VSlider/slider.mjs +2 -2
- package/lib/components/VSlider/slider.mjs.map +1 -1
- package/lib/components/VSnackbar/VSnackbar.mjs +3 -2
- package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
- package/lib/components/VSnackbar/index.d.ts +892 -0
- package/lib/components/VSwitch/index.d.ts +175 -0
- package/lib/components/VSystemBar/index.d.ts +61 -0
- package/lib/components/VTable/index.d.ts +39 -0
- package/lib/components/VTabs/VTab.mjs +1 -0
- package/lib/components/VTabs/VTab.mjs.map +1 -1
- package/lib/components/VTabs/index.d.ts +178 -0
- package/lib/components/VTextField/VTextField.css +2 -3
- package/lib/components/VTextField/VTextField.sass +2 -4
- package/lib/components/VTextField/index.d.ts +582 -0
- package/lib/components/VTextarea/VTextarea.css +5 -3
- package/lib/components/VTextarea/VTextarea.mjs +2 -1
- package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
- package/lib/components/VTextarea/VTextarea.sass +5 -4
- package/lib/components/VTextarea/index.d.ts +218 -0
- package/lib/components/VThemeProvider/index.d.ts +24 -0
- package/lib/components/VTimeline/VTimeline.css +21 -6
- package/lib/components/VTimeline/VTimeline.mjs +6 -1
- package/lib/components/VTimeline/VTimeline.mjs.map +1 -1
- package/lib/components/VTimeline/VTimeline.sass +16 -2
- package/lib/components/VTimeline/_variables.scss +4 -3
- package/lib/components/VTimeline/index.d.ts +154 -0
- package/lib/components/VToolbar/VToolbar.css +0 -1
- package/lib/components/VToolbar/VToolbar.sass +0 -1
- package/lib/components/VToolbar/index.d.ts +414 -0
- package/lib/components/VTooltip/VTooltip.mjs.map +1 -1
- package/lib/components/VTooltip/index.d.ts +799 -0
- package/lib/components/VValidation/index.d.ts +61 -0
- package/lib/components/VWindow/index.d.ts +428 -0
- package/lib/components/index.d.ts +12037 -10009
- package/lib/components/transitions/index.d.ts +454 -0
- package/lib/composables/display.mjs +3 -3
- package/lib/composables/display.mjs.map +1 -1
- package/lib/composables/items.mjs.map +1 -1
- package/lib/composables/locale.mjs +10 -3
- package/lib/composables/locale.mjs.map +1 -1
- package/lib/composables/proxiedModel.mjs +28 -10
- package/lib/composables/proxiedModel.mjs.map +1 -1
- package/lib/composables/router.mjs +10 -2
- package/lib/composables/router.mjs.map +1 -1
- package/lib/composables/selectLink.mjs +4 -4
- package/lib/composables/selectLink.mjs.map +1 -1
- package/lib/composables/theme.mjs +37 -33
- package/lib/composables/theme.mjs.map +1 -1
- package/lib/composables/validation.mjs +1 -1
- package/lib/composables/validation.mjs.map +1 -1
- package/lib/entry-bundler.mjs +1 -1
- package/lib/framework.mjs +46 -51
- package/lib/framework.mjs.map +1 -1
- package/lib/index.d.ts +31 -22
- package/lib/locale/adapters/vue-i18n.d.ts +35 -0
- package/lib/locale/adapters/vue-intl.d.ts +42 -0
- package/lib/styles/main.css +73 -73
- package/lib/styles/settings/_colors.scss +84 -84
- package/lib/styles/tools/_states.sass +8 -3
- package/lib/util/getCurrentInstance.mjs +2 -3
- package/lib/util/getCurrentInstance.mjs.map +1 -1
- package/lib/util/helpers.mjs +6 -11
- package/lib/util/helpers.mjs.map +1 -1
- package/package.json +4 -2
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
import * as vue from 'vue';
|
|
2
|
+
import { VNodeChild, Ref, ComponentInternalInstance, ComputedRef } from 'vue';
|
|
3
|
+
|
|
4
|
+
declare const VItemGroup: vue.DefineComponent<{
|
|
5
|
+
theme: StringConstructor;
|
|
6
|
+
tag: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
modelValue: {
|
|
11
|
+
type: null;
|
|
12
|
+
default: undefined;
|
|
13
|
+
};
|
|
14
|
+
multiple: BooleanConstructor;
|
|
15
|
+
mandatory: vue.PropType<boolean | "force">;
|
|
16
|
+
max: NumberConstructor;
|
|
17
|
+
selectedClass: {
|
|
18
|
+
type: vue.PropType<string>;
|
|
19
|
+
default: string;
|
|
20
|
+
};
|
|
21
|
+
disabled: BooleanConstructor;
|
|
22
|
+
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
23
|
+
'update:modelValue': (value: any) => true;
|
|
24
|
+
}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
25
|
+
theme: StringConstructor;
|
|
26
|
+
tag: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
default: string;
|
|
29
|
+
};
|
|
30
|
+
modelValue: {
|
|
31
|
+
type: null;
|
|
32
|
+
default: undefined;
|
|
33
|
+
};
|
|
34
|
+
multiple: BooleanConstructor;
|
|
35
|
+
mandatory: vue.PropType<boolean | "force">;
|
|
36
|
+
max: NumberConstructor;
|
|
37
|
+
selectedClass: {
|
|
38
|
+
type: vue.PropType<string>;
|
|
39
|
+
default: string;
|
|
40
|
+
};
|
|
41
|
+
disabled: BooleanConstructor;
|
|
42
|
+
}>> & {
|
|
43
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
44
|
+
}, {
|
|
45
|
+
disabled: boolean;
|
|
46
|
+
multiple: boolean;
|
|
47
|
+
tag: string;
|
|
48
|
+
modelValue: any;
|
|
49
|
+
selectedClass: string;
|
|
50
|
+
}>;
|
|
51
|
+
declare type VItemGroup = InstanceType<typeof VItemGroup>;
|
|
52
|
+
|
|
53
|
+
declare type SlotsToProps<T extends Record<string, Slot>> = {
|
|
54
|
+
$children: () => (T['default'] | VNodeChild | {
|
|
55
|
+
[K in keyof T]?: T[K];
|
|
56
|
+
});
|
|
57
|
+
'v-slots': new () => {
|
|
58
|
+
[K in keyof T]?: T[K] | false;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
|
|
62
|
+
declare type MakeSlots<T extends Record<string, any[]>> = {
|
|
63
|
+
[K in keyof T]?: Slot<T[K]>;
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
interface GroupItem {
|
|
67
|
+
id: number;
|
|
68
|
+
value: Ref<unknown>;
|
|
69
|
+
disabled: Ref<boolean | undefined>;
|
|
70
|
+
}
|
|
71
|
+
interface GroupProvide {
|
|
72
|
+
register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
|
|
73
|
+
unregister: (id: number) => void;
|
|
74
|
+
select: (id: number, value: boolean) => void;
|
|
75
|
+
selected: Ref<Readonly<number[]>>;
|
|
76
|
+
isSelected: (id: number) => boolean;
|
|
77
|
+
prev: () => void;
|
|
78
|
+
next: () => void;
|
|
79
|
+
selectedClass: Ref<string | undefined>;
|
|
80
|
+
items: ComputedRef<{
|
|
81
|
+
id: number;
|
|
82
|
+
value: unknown;
|
|
83
|
+
disabled: boolean | undefined;
|
|
84
|
+
}[]>;
|
|
85
|
+
disabled: Ref<boolean | undefined>;
|
|
86
|
+
getItemIndex: (value: unknown) => number;
|
|
87
|
+
}
|
|
88
|
+
interface GroupItemProvide {
|
|
89
|
+
id: number;
|
|
90
|
+
isSelected: Ref<boolean>;
|
|
91
|
+
toggle: () => void;
|
|
92
|
+
select: (value: boolean) => void;
|
|
93
|
+
selectedClass: Ref<(string | undefined)[] | false>;
|
|
94
|
+
value: Ref<unknown>;
|
|
95
|
+
disabled: Ref<boolean | undefined>;
|
|
96
|
+
group: GroupProvide;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
declare const VItem: {
|
|
100
|
+
new (...args: any[]): {
|
|
101
|
+
$: vue.ComponentInternalInstance;
|
|
102
|
+
$data: {};
|
|
103
|
+
$props: Partial<{
|
|
104
|
+
disabled: boolean;
|
|
105
|
+
}> & Omit<Readonly<vue.ExtractPropTypes<{
|
|
106
|
+
value: null;
|
|
107
|
+
disabled: BooleanConstructor;
|
|
108
|
+
selectedClass: StringConstructor;
|
|
109
|
+
} & SlotsToProps<MakeSlots<{
|
|
110
|
+
default: [GroupItemProvide];
|
|
111
|
+
}>>>> & {
|
|
112
|
+
"onGroup:selected"?: ((val: {
|
|
113
|
+
value: boolean;
|
|
114
|
+
}) => any) | undefined;
|
|
115
|
+
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "disabled">;
|
|
116
|
+
$attrs: {
|
|
117
|
+
[x: string]: unknown;
|
|
118
|
+
};
|
|
119
|
+
$refs: {
|
|
120
|
+
[x: string]: unknown;
|
|
121
|
+
};
|
|
122
|
+
$slots: Readonly<{
|
|
123
|
+
[name: string]: vue.Slot | undefined;
|
|
124
|
+
}>;
|
|
125
|
+
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
|
|
126
|
+
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
|
|
127
|
+
$emit: (event: "group:selected", val: {
|
|
128
|
+
value: boolean;
|
|
129
|
+
}) => void;
|
|
130
|
+
$el: any;
|
|
131
|
+
$options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
|
|
132
|
+
value: null;
|
|
133
|
+
disabled: BooleanConstructor;
|
|
134
|
+
selectedClass: StringConstructor;
|
|
135
|
+
} & SlotsToProps<MakeSlots<{
|
|
136
|
+
default: [GroupItemProvide];
|
|
137
|
+
}>>>> & {
|
|
138
|
+
"onGroup:selected"?: ((val: {
|
|
139
|
+
value: boolean;
|
|
140
|
+
}) => any) | undefined;
|
|
141
|
+
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
142
|
+
[key: string]: any;
|
|
143
|
+
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
144
|
+
'group:selected': (val: {
|
|
145
|
+
value: boolean;
|
|
146
|
+
}) => boolean;
|
|
147
|
+
}, string, {
|
|
148
|
+
disabled: boolean;
|
|
149
|
+
}> & {
|
|
150
|
+
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
151
|
+
created?: ((() => void) | (() => void)[]) | undefined;
|
|
152
|
+
beforeMount?: ((() => void) | (() => void)[]) | undefined;
|
|
153
|
+
mounted?: ((() => void) | (() => void)[]) | undefined;
|
|
154
|
+
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
|
|
155
|
+
updated?: ((() => void) | (() => void)[]) | undefined;
|
|
156
|
+
activated?: ((() => void) | (() => void)[]) | undefined;
|
|
157
|
+
deactivated?: ((() => void) | (() => void)[]) | undefined;
|
|
158
|
+
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
|
|
159
|
+
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
|
|
160
|
+
destroyed?: ((() => void) | (() => void)[]) | undefined;
|
|
161
|
+
unmounted?: ((() => void) | (() => void)[]) | undefined;
|
|
162
|
+
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
|
|
163
|
+
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
|
|
164
|
+
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
|
|
165
|
+
};
|
|
166
|
+
$forceUpdate: () => void;
|
|
167
|
+
$nextTick: typeof vue.nextTick;
|
|
168
|
+
$watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
|
|
169
|
+
} & Readonly<vue.ExtractPropTypes<{
|
|
170
|
+
value: null;
|
|
171
|
+
disabled: BooleanConstructor;
|
|
172
|
+
selectedClass: StringConstructor;
|
|
173
|
+
} & SlotsToProps<MakeSlots<{
|
|
174
|
+
default: [GroupItemProvide];
|
|
175
|
+
}>>>> & {
|
|
176
|
+
"onGroup:selected"?: ((val: {
|
|
177
|
+
value: boolean;
|
|
178
|
+
}) => any) | undefined;
|
|
179
|
+
} & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
180
|
+
[key: string]: any;
|
|
181
|
+
}>[] | undefined> & {} & vue.ComponentCustomProperties;
|
|
182
|
+
__isFragment?: undefined;
|
|
183
|
+
__isTeleport?: undefined;
|
|
184
|
+
__isSuspense?: undefined;
|
|
185
|
+
} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
|
|
186
|
+
value: null;
|
|
187
|
+
disabled: BooleanConstructor;
|
|
188
|
+
selectedClass: StringConstructor;
|
|
189
|
+
} & SlotsToProps<MakeSlots<{
|
|
190
|
+
default: [GroupItemProvide];
|
|
191
|
+
}>>>> & {
|
|
192
|
+
"onGroup:selected"?: ((val: {
|
|
193
|
+
value: boolean;
|
|
194
|
+
}) => any) | undefined;
|
|
195
|
+
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
196
|
+
[key: string]: any;
|
|
197
|
+
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
198
|
+
'group:selected': (val: {
|
|
199
|
+
value: boolean;
|
|
200
|
+
}) => boolean;
|
|
201
|
+
}, string, {
|
|
202
|
+
disabled: boolean;
|
|
203
|
+
}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
204
|
+
$slots: MakeSlots<{
|
|
205
|
+
default: [GroupItemProvide];
|
|
206
|
+
}>;
|
|
207
|
+
});
|
|
208
|
+
declare type VItem = InstanceType<typeof VItem>;
|
|
209
|
+
|
|
210
|
+
export { VItem, VItemGroup };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as vue from 'vue';
|
|
2
|
+
|
|
3
|
+
declare const VKbd: vue.DefineComponent<{
|
|
4
|
+
tag: {
|
|
5
|
+
type: StringConstructor;
|
|
6
|
+
default: string;
|
|
7
|
+
};
|
|
8
|
+
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
11
|
+
tag: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
}>>, {
|
|
16
|
+
tag: string;
|
|
17
|
+
}>;
|
|
18
|
+
|
|
19
|
+
export { VKbd };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
.v-label {
|
|
2
2
|
align-items: center;
|
|
3
|
-
cursor: pointer;
|
|
4
3
|
display: inline-flex;
|
|
5
4
|
font-size: 1rem;
|
|
6
5
|
letter-spacing: 0.009375em;
|
|
@@ -9,4 +8,8 @@
|
|
|
9
8
|
overflow: hidden;
|
|
10
9
|
text-overflow: ellipsis;
|
|
11
10
|
white-space: nowrap;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.v-label--clickable {
|
|
14
|
+
cursor: pointer;
|
|
12
15
|
}
|
|
@@ -9,6 +9,7 @@ export const VLabel = defineComponent({
|
|
|
9
9
|
name: 'VLabel',
|
|
10
10
|
props: {
|
|
11
11
|
text: String,
|
|
12
|
+
clickable: Boolean,
|
|
12
13
|
...makeThemeProps()
|
|
13
14
|
},
|
|
14
15
|
|
|
@@ -20,7 +21,9 @@ export const VLabel = defineComponent({
|
|
|
20
21
|
var _slots$default;
|
|
21
22
|
|
|
22
23
|
return _createVNode("label", {
|
|
23
|
-
"class":
|
|
24
|
+
"class": ['v-label', {
|
|
25
|
+
'v-label--clickable': props.clickable
|
|
26
|
+
}]
|
|
24
27
|
}, [props.text, (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
|
|
25
28
|
});
|
|
26
29
|
return {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VLabel.mjs","names":["makeThemeProps","defineComponent","useRender","VLabel","name","props","text","String","setup","slots","default"],"sources":["../../../src/components/VLabel/VLabel.tsx"],"sourcesContent":["// Styles\nimport './VLabel.sass'\n\n// Composables\nimport { makeThemeProps } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VLabel = defineComponent({\n name: 'VLabel',\n\n props: {\n text: String,\n\n ...makeThemeProps(),\n },\n\n setup (props, { slots }) {\n useRender(() => (\n <label
|
|
1
|
+
{"version":3,"file":"VLabel.mjs","names":["makeThemeProps","defineComponent","useRender","VLabel","name","props","text","String","clickable","Boolean","setup","slots","default"],"sources":["../../../src/components/VLabel/VLabel.tsx"],"sourcesContent":["// Styles\nimport './VLabel.sass'\n\n// Composables\nimport { makeThemeProps } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VLabel = defineComponent({\n name: 'VLabel',\n\n props: {\n text: String,\n clickable: Boolean,\n\n ...makeThemeProps(),\n },\n\n setup (props, { slots }) {\n useRender(() => (\n <label\n class={[\n 'v-label',\n {\n 'v-label--clickable': props.clickable,\n },\n ]}\n >\n { props.text }\n\n { slots.default?.() }\n </label>\n ))\n\n return {}\n },\n})\n\nexport type VLabel = InstanceType<typeof VLabel>\n"],"mappings":";AAAA;AACA,sB,CAEA;;SACSA,c,uCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,MAAM,GAAGF,eAAe,CAAC;EACpCG,IAAI,EAAE,QAD8B;EAGpCC,KAAK,EAAE;IACLC,IAAI,EAAEC,MADD;IAELC,SAAS,EAAEC,OAFN;IAIL,GAAGT,cAAc;EAJZ,CAH6B;;EAUpCU,KAAK,CAAEL,KAAF,QAAoB;IAAA,IAAX;MAAEM;IAAF,CAAW;IACvBT,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEC,CACL,SADK,EAEL;UACE,sBAAsBG,KAAK,CAACG;QAD9B,CAFK;MAFD,IASJH,KAAK,CAACC,IATF,oBAWJK,KAAK,CAACC,OAXF,qBAWJ,oBAAAD,KAAK,CAXD;IAAA,CAAD,CAAT;IAeA,OAAO,EAAP;EACD;;AA3BmC,CAAD,CAA9B"}
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
|
|
5
5
|
.v-label
|
|
6
6
|
align-items: center
|
|
7
|
-
cursor: pointer
|
|
8
7
|
display: $label-display
|
|
9
8
|
font-size: $label-font-size
|
|
10
9
|
letter-spacing: $label-letter-spacing
|
|
@@ -13,3 +12,6 @@
|
|
|
13
12
|
overflow: hidden
|
|
14
13
|
text-overflow: ellipsis
|
|
15
14
|
white-space: nowrap
|
|
15
|
+
|
|
16
|
+
.v-label--clickable
|
|
17
|
+
cursor: pointer
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as vue from 'vue';
|
|
2
|
+
|
|
3
|
+
declare const VLabel: vue.DefineComponent<{
|
|
4
|
+
theme: StringConstructor;
|
|
5
|
+
text: StringConstructor;
|
|
6
|
+
clickable: BooleanConstructor;
|
|
7
|
+
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
8
|
+
theme: StringConstructor;
|
|
9
|
+
text: StringConstructor;
|
|
10
|
+
clickable: BooleanConstructor;
|
|
11
|
+
}>>, {
|
|
12
|
+
clickable: boolean;
|
|
13
|
+
}>;
|
|
14
|
+
declare type VLabel = InstanceType<typeof VLabel>;
|
|
15
|
+
|
|
16
|
+
export { VLabel };
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import * as vue from 'vue';
|
|
2
|
+
import { PropType } from 'vue';
|
|
3
|
+
|
|
4
|
+
declare const VLayout: vue.DefineComponent<{
|
|
5
|
+
overlaps: vue.Prop<string[], string[]>;
|
|
6
|
+
fullHeight: BooleanConstructor;
|
|
7
|
+
}, {
|
|
8
|
+
getLayoutItem: (id: string) => {
|
|
9
|
+
size: number;
|
|
10
|
+
top: number;
|
|
11
|
+
left: number;
|
|
12
|
+
right: number;
|
|
13
|
+
bottom: number;
|
|
14
|
+
id: string;
|
|
15
|
+
} | undefined;
|
|
16
|
+
items: vue.ComputedRef<{
|
|
17
|
+
size: number;
|
|
18
|
+
top: number;
|
|
19
|
+
left: number;
|
|
20
|
+
right: number;
|
|
21
|
+
bottom: number;
|
|
22
|
+
id: string;
|
|
23
|
+
}[]>;
|
|
24
|
+
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
25
|
+
overlaps: vue.Prop<string[], string[]>;
|
|
26
|
+
fullHeight: BooleanConstructor;
|
|
27
|
+
}>>, {
|
|
28
|
+
fullHeight: boolean;
|
|
29
|
+
}>;
|
|
30
|
+
declare type VLayout = InstanceType<typeof VLayout>;
|
|
31
|
+
|
|
32
|
+
declare const VLayoutItem: vue.DefineComponent<{
|
|
33
|
+
name: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
};
|
|
36
|
+
order: {
|
|
37
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
38
|
+
default: number;
|
|
39
|
+
};
|
|
40
|
+
absolute: BooleanConstructor;
|
|
41
|
+
position: {
|
|
42
|
+
type: PropType<"left" | "top" | "bottom" | "right">;
|
|
43
|
+
required: true;
|
|
44
|
+
};
|
|
45
|
+
size: {
|
|
46
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
47
|
+
default: number;
|
|
48
|
+
};
|
|
49
|
+
modelValue: BooleanConstructor;
|
|
50
|
+
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
51
|
+
name: {
|
|
52
|
+
type: StringConstructor;
|
|
53
|
+
};
|
|
54
|
+
order: {
|
|
55
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
56
|
+
default: number;
|
|
57
|
+
};
|
|
58
|
+
absolute: BooleanConstructor;
|
|
59
|
+
position: {
|
|
60
|
+
type: PropType<"left" | "top" | "bottom" | "right">;
|
|
61
|
+
required: true;
|
|
62
|
+
};
|
|
63
|
+
size: {
|
|
64
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
65
|
+
default: number;
|
|
66
|
+
};
|
|
67
|
+
modelValue: BooleanConstructor;
|
|
68
|
+
}>>, {
|
|
69
|
+
absolute: boolean;
|
|
70
|
+
order: string | number;
|
|
71
|
+
size: string | number;
|
|
72
|
+
modelValue: boolean;
|
|
73
|
+
}>;
|
|
74
|
+
|
|
75
|
+
export { VLayout, VLayoutItem };
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import * as vue from 'vue';
|
|
2
|
+
import { PropType } from 'vue';
|
|
3
|
+
|
|
4
|
+
declare const VLazy: vue.DefineComponent<{
|
|
5
|
+
transition: Omit<{
|
|
6
|
+
type: PropType<string | boolean | (vue.TransitionProps & {
|
|
7
|
+
component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
|
|
8
|
+
})>;
|
|
9
|
+
default: string;
|
|
10
|
+
validator: (val: unknown) => boolean;
|
|
11
|
+
}, "type" | "default"> & {
|
|
12
|
+
type: PropType<string | boolean | (vue.TransitionProps & {
|
|
13
|
+
component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
|
|
14
|
+
})>;
|
|
15
|
+
default: string | boolean | (vue.TransitionProps & {
|
|
16
|
+
component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
tag: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
height: (StringConstructor | NumberConstructor)[];
|
|
24
|
+
maxHeight: (StringConstructor | NumberConstructor)[];
|
|
25
|
+
maxWidth: (StringConstructor | NumberConstructor)[];
|
|
26
|
+
minHeight: (StringConstructor | NumberConstructor)[];
|
|
27
|
+
minWidth: (StringConstructor | NumberConstructor)[];
|
|
28
|
+
width: (StringConstructor | NumberConstructor)[];
|
|
29
|
+
modelValue: BooleanConstructor;
|
|
30
|
+
options: {
|
|
31
|
+
type: PropType<IntersectionObserverInit>;
|
|
32
|
+
default: () => {
|
|
33
|
+
root: undefined;
|
|
34
|
+
rootMargin: undefined;
|
|
35
|
+
threshold: undefined;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
39
|
+
'update:modelValue': (value: boolean) => true;
|
|
40
|
+
}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
41
|
+
transition: Omit<{
|
|
42
|
+
type: PropType<string | boolean | (vue.TransitionProps & {
|
|
43
|
+
component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
|
|
44
|
+
})>;
|
|
45
|
+
default: string;
|
|
46
|
+
validator: (val: unknown) => boolean;
|
|
47
|
+
}, "type" | "default"> & {
|
|
48
|
+
type: PropType<string | boolean | (vue.TransitionProps & {
|
|
49
|
+
component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
|
|
50
|
+
})>;
|
|
51
|
+
default: string | boolean | (vue.TransitionProps & {
|
|
52
|
+
component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
|
|
53
|
+
});
|
|
54
|
+
};
|
|
55
|
+
tag: {
|
|
56
|
+
type: StringConstructor;
|
|
57
|
+
default: string;
|
|
58
|
+
};
|
|
59
|
+
height: (StringConstructor | NumberConstructor)[];
|
|
60
|
+
maxHeight: (StringConstructor | NumberConstructor)[];
|
|
61
|
+
maxWidth: (StringConstructor | NumberConstructor)[];
|
|
62
|
+
minHeight: (StringConstructor | NumberConstructor)[];
|
|
63
|
+
minWidth: (StringConstructor | NumberConstructor)[];
|
|
64
|
+
width: (StringConstructor | NumberConstructor)[];
|
|
65
|
+
modelValue: BooleanConstructor;
|
|
66
|
+
options: {
|
|
67
|
+
type: PropType<IntersectionObserverInit>;
|
|
68
|
+
default: () => {
|
|
69
|
+
root: undefined;
|
|
70
|
+
rootMargin: undefined;
|
|
71
|
+
threshold: undefined;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
}>> & {
|
|
75
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
76
|
+
}, {
|
|
77
|
+
transition: string | boolean | (vue.TransitionProps & {
|
|
78
|
+
component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
|
|
79
|
+
});
|
|
80
|
+
options: IntersectionObserverInit;
|
|
81
|
+
tag: string;
|
|
82
|
+
modelValue: boolean;
|
|
83
|
+
}>;
|
|
84
|
+
|
|
85
|
+
export { VLazy };
|
|
@@ -32,11 +32,16 @@
|
|
|
32
32
|
opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
|
|
33
33
|
}
|
|
34
34
|
.v-list-item--active:hover > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-list-item__overlay {
|
|
35
|
-
opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
|
|
36
|
-
}
|
|
37
|
-
.v-list-item--active:focus > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-list-item__overlay {
|
|
38
35
|
opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
|
|
39
36
|
}
|
|
37
|
+
.v-list-item--active:focus-visible > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-list-item__overlay {
|
|
38
|
+
opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
|
|
39
|
+
}
|
|
40
|
+
@supports not selector(:focus-visible) {
|
|
41
|
+
.v-list-item--active:focus > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-list-item__overlay {
|
|
42
|
+
opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
|
|
43
|
+
}
|
|
44
|
+
}
|
|
40
45
|
.v-list-item--variant-plain, .v-list-item--variant-outlined, .v-list-item--variant-text, .v-list-item--variant-tonal {
|
|
41
46
|
background: transparent;
|
|
42
47
|
color: inherit;
|
|
@@ -83,9 +83,9 @@ export const VListItem = genericComponent()({
|
|
|
83
83
|
} = useNestedItem(id, false);
|
|
84
84
|
const list = useList();
|
|
85
85
|
const isActive = computed(() => {
|
|
86
|
-
var _link$
|
|
86
|
+
var _link$isActive;
|
|
87
87
|
|
|
88
|
-
return props.active !== false && (props.active || ((_link$
|
|
88
|
+
return props.active !== false && (props.active || ((_link$isActive = link.isActive) == null ? void 0 : _link$isActive.value) || isSelected.value);
|
|
89
89
|
});
|
|
90
90
|
const isLink = computed(() => props.link !== false && link.isLink.value);
|
|
91
91
|
const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || props.value != null && !!list));
|
|
@@ -95,9 +95,9 @@ export const VListItem = genericComponent()({
|
|
|
95
95
|
variant: props.variant
|
|
96
96
|
}));
|
|
97
97
|
watch(() => {
|
|
98
|
-
var _link$
|
|
98
|
+
var _link$isActive2;
|
|
99
99
|
|
|
100
|
-
return (_link$
|
|
100
|
+
return (_link$isActive2 = link.isActive) == null ? void 0 : _link$isActive2.value;
|
|
101
101
|
}, val => {
|
|
102
102
|
if (val && parent.value != null) {
|
|
103
103
|
root.open(parent.value, true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VListItem.mjs","names":["VAvatar","VDefaultsProvider","VIcon","VListItemSubtitle","VListItemTitle","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","useList","useNestedItem","computed","watch","genericComponent","useRender","VListItem","name","directives","props","active","type","Boolean","default","undefined","activeClass","String","activeColor","appendAvatar","appendIcon","disabled","lines","link","nav","prependAvatar","prependIcon","subtitle","Number","title","value","variant","setup","attrs","slots","id","href","select","isSelected","isIndeterminate","isGroupActivator","root","parent","openOnSelect","list","isActive","isExactActive","isLink","isClickable","roundedProps","rounded","variantProps","color","val","open","immediate","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","lineClasses","slotProps","Tag","tag","hasColor","hasTitle","hasSubtitle","hasAppend","append","hasPrepend","prepend","updateHasPrepend","e","navigate","density","image","icon","VListItemAction","start","end"],"sources":["../../../src/components/VList/VListItem.tsx"],"sourcesContent":["// Styles\nimport './VListItem.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VListItemSubtitle } from './VListItemSubtitle'\nimport { VListItemTitle } from './VListItemTitle'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useList } from './list'\nimport { useNestedItem } from '@/composables/nested/nested'\n\n// Utilities\nimport { computed, watch } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { PropType } from 'vue'\n\ntype ListItemSlot = {\n isActive: boolean\n activate: (value: boolean) => void\n isSelected: boolean\n select: (value: boolean) => void\n}\n\nexport type ListItemTitleSlot = {\n title?: string\n}\n\nexport type ListItemSubtitleSlot = {\n subtitle?: string\n}\n\nexport const VListItem = genericComponent<new () => {\n $slots: MakeSlots<{\n prepend: [ListItemSlot]\n append: [ListItemSlot]\n default: [ListItemSlot]\n title: [ListItemTitleSlot]\n subtitle: [ListItemSubtitleSlot]\n }>\n}>()({\n name: 'VListItem',\n\n directives: { Ripple },\n\n props: {\n active: {\n type: Boolean,\n default: undefined,\n },\n activeClass: String,\n activeColor: String,\n appendAvatar: String,\n appendIcon: IconValue,\n disabled: Boolean,\n lines: String as PropType<'one' | 'two' | 'three'>,\n link: {\n type: Boolean,\n default: undefined,\n },\n nav: Boolean,\n prependAvatar: String,\n prependIcon: IconValue,\n subtitle: [String, Number, Boolean],\n title: [String, Number, Boolean],\n value: null,\n\n ...makeBorderProps(),\n ...makeDensityProps(),\n ...makeDimensionProps(),\n ...makeElevationProps(),\n ...makeRoundedProps(),\n ...makeRouterProps(),\n ...makeTagProps(),\n ...makeThemeProps(),\n ...makeVariantProps({ variant: 'text' } as const),\n },\n\n setup (props, { attrs, slots }) {\n const link = useLink(props, attrs)\n const id = computed(() => props.value ?? link.href.value)\n const { select, isSelected, isIndeterminate, isGroupActivator, root, parent, openOnSelect } = useNestedItem(id, false)\n const list = useList()\n const isActive = computed(() =>\n props.active !== false &&\n (props.active || link.isExactActive?.value || isSelected.value)\n )\n const isLink = computed(() => props.link !== false && link.isLink.value)\n const isClickable = computed(() =>\n !props.disabled &&\n props.link !== false &&\n (props.link || link.isClickable.value || (props.value != null && !!list))\n )\n\n const roundedProps = computed(() => props.rounded || props.nav)\n const variantProps = computed(() => ({\n color: isActive.value ? props.activeColor ?? props.color : props.color,\n variant: props.variant,\n }))\n\n watch(() => link.isExactActive?.value, val => {\n if (val && parent.value != null) {\n root.open(parent.value, true)\n }\n\n if (val) {\n openOnSelect(val)\n }\n }, { immediate: true })\n\n const { themeClasses } = provideTheme(props)\n const { borderClasses } = useBorder(props)\n const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\n const { densityClasses } = useDensity(props)\n const { dimensionStyles } = useDimension(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(roundedProps)\n const lineClasses = computed(() => props.lines ? `v-list-item--${props.lines}-line` : undefined)\n\n const slotProps = computed(() => ({\n isActive: isActive.value,\n select,\n isSelected: isSelected.value,\n isIndeterminate: isIndeterminate.value,\n }))\n\n useRender(() => {\n const Tag = isLink.value ? 'a' : props.tag\n const hasColor = !list || isSelected.value || isActive.value\n const hasTitle = (slots.title || props.title)\n const hasSubtitle = (slots.subtitle || props.subtitle)\n const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon)\n const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon)\n\n list?.updateHasPrepend(hasPrepend)\n\n return (\n <Tag\n class={[\n 'v-list-item',\n {\n 'v-list-item--active': isActive.value,\n 'v-list-item--disabled': props.disabled,\n 'v-list-item--link': isClickable.value,\n 'v-list-item--nav': props.nav,\n 'v-list-item--prepend': !hasPrepend && list?.hasPrepend.value,\n [`${props.activeClass}`]: isActive.value,\n },\n themeClasses.value,\n borderClasses.value,\n hasColor ? colorClasses.value : undefined,\n densityClasses.value,\n elevationClasses.value,\n lineClasses.value,\n roundedClasses.value,\n variantClasses.value,\n ]}\n style={[\n hasColor ? colorStyles.value : undefined,\n dimensionStyles.value,\n ]}\n href={ link.href.value }\n tabindex={ isClickable.value ? 0 : undefined }\n onClick={ isClickable.value && ((e: MouseEvent) => {\n if (isGroupActivator) return\n\n link.navigate?.(e)\n props.value != null && select(!isSelected.value, e)\n })}\n v-ripple={ isClickable.value }\n >\n { genOverlays(isClickable.value || isActive.value, 'v-list-item') }\n\n { hasPrepend && (\n <VDefaultsProvider\n key=\"prepend\"\n defaults={{\n VAvatar: {\n density: props.density,\n image: props.prependAvatar,\n },\n VIcon: {\n density: props.density,\n icon: props.prependIcon,\n },\n VListItemAction: {\n start: true,\n },\n }}\n >\n <div class=\"v-list-item__prepend\">\n { props.prependAvatar && (\n <VAvatar key=\"prepend-avatar\" />\n ) }\n\n { props.prependIcon && (\n <VIcon key=\"prepend-icon\" />\n ) }\n\n { slots.prepend?.(slotProps.value) }\n </div>\n </VDefaultsProvider>\n ) }\n\n <div class=\"v-list-item__content\">\n { hasTitle && (\n <VListItemTitle key=\"title\">\n { slots.title?.({ title: props.title }) ?? props.title}\n </VListItemTitle>\n ) }\n\n { hasSubtitle && (\n <VListItemSubtitle key=\"subtitle\">\n { slots.subtitle?.({ subtitle: props.subtitle }) ?? props.subtitle }\n </VListItemSubtitle>\n ) }\n\n { slots.default?.(slotProps.value) }\n </div>\n\n { hasAppend && (\n <VDefaultsProvider\n key=\"append\"\n defaults={{\n VAvatar: {\n density: props.density,\n image: props.appendAvatar,\n },\n VIcon: {\n density: props.density,\n icon: props.appendIcon,\n },\n VListItemAction: {\n end: true,\n },\n }}\n >\n <div class=\"v-list-item__append\">\n { slots.append?.(slotProps.value) }\n\n { props.appendIcon && (\n <VIcon key=\"append-icon\" />\n ) }\n\n { props.appendAvatar && (\n <VAvatar key=\"append-avatar\" />\n ) }\n </div>\n </VDefaultsProvider>\n ) }\n </Tag>\n )\n })\n\n return {}\n },\n})\n\nexport type VListItem = InstanceType<typeof VListItem>\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VListItem.mjs","names":["VAvatar","VDefaultsProvider","VIcon","VListItemSubtitle","VListItemTitle","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","useList","useNestedItem","computed","watch","genericComponent","useRender","VListItem","name","directives","props","active","type","Boolean","default","undefined","activeClass","String","activeColor","appendAvatar","appendIcon","disabled","lines","link","nav","prependAvatar","prependIcon","subtitle","Number","title","value","variant","setup","attrs","slots","id","href","select","isSelected","isIndeterminate","isGroupActivator","root","parent","openOnSelect","list","isActive","isLink","isClickable","roundedProps","rounded","variantProps","color","val","open","immediate","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","lineClasses","slotProps","Tag","tag","hasColor","hasTitle","hasSubtitle","hasAppend","append","hasPrepend","prepend","updateHasPrepend","e","navigate","density","image","icon","VListItemAction","start","end"],"sources":["../../../src/components/VList/VListItem.tsx"],"sourcesContent":["// Styles\nimport './VListItem.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VListItemSubtitle } from './VListItemSubtitle'\nimport { VListItemTitle } from './VListItemTitle'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useList } from './list'\nimport { useNestedItem } from '@/composables/nested/nested'\n\n// Utilities\nimport { computed, watch } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { PropType } from 'vue'\n\ntype ListItemSlot = {\n isActive: boolean\n activate: (value: boolean) => void\n isSelected: boolean\n select: (value: boolean) => void\n}\n\nexport type ListItemTitleSlot = {\n title?: string\n}\n\nexport type ListItemSubtitleSlot = {\n subtitle?: string\n}\n\nexport const VListItem = genericComponent<new () => {\n $slots: MakeSlots<{\n prepend: [ListItemSlot]\n append: [ListItemSlot]\n default: [ListItemSlot]\n title: [ListItemTitleSlot]\n subtitle: [ListItemSubtitleSlot]\n }>\n}>()({\n name: 'VListItem',\n\n directives: { Ripple },\n\n props: {\n active: {\n type: Boolean,\n default: undefined,\n },\n activeClass: String,\n activeColor: String,\n appendAvatar: String,\n appendIcon: IconValue,\n disabled: Boolean,\n lines: String as PropType<'one' | 'two' | 'three'>,\n link: {\n type: Boolean,\n default: undefined,\n },\n nav: Boolean,\n prependAvatar: String,\n prependIcon: IconValue,\n subtitle: [String, Number, Boolean],\n title: [String, Number, Boolean],\n value: null,\n\n ...makeBorderProps(),\n ...makeDensityProps(),\n ...makeDimensionProps(),\n ...makeElevationProps(),\n ...makeRoundedProps(),\n ...makeRouterProps(),\n ...makeTagProps(),\n ...makeThemeProps(),\n ...makeVariantProps({ variant: 'text' } as const),\n },\n\n setup (props, { attrs, slots }) {\n const link = useLink(props, attrs)\n const id = computed(() => props.value ?? link.href.value)\n const { select, isSelected, isIndeterminate, isGroupActivator, root, parent, openOnSelect } = useNestedItem(id, false)\n const list = useList()\n const isActive = computed(() =>\n props.active !== false &&\n (props.active || link.isActive?.value || isSelected.value)\n )\n const isLink = computed(() => props.link !== false && link.isLink.value)\n const isClickable = computed(() =>\n !props.disabled &&\n props.link !== false &&\n (props.link || link.isClickable.value || (props.value != null && !!list))\n )\n\n const roundedProps = computed(() => props.rounded || props.nav)\n const variantProps = computed(() => ({\n color: isActive.value ? props.activeColor ?? props.color : props.color,\n variant: props.variant,\n }))\n\n watch(() => link.isActive?.value, val => {\n if (val && parent.value != null) {\n root.open(parent.value, true)\n }\n\n if (val) {\n openOnSelect(val)\n }\n }, { immediate: true })\n\n const { themeClasses } = provideTheme(props)\n const { borderClasses } = useBorder(props)\n const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\n const { densityClasses } = useDensity(props)\n const { dimensionStyles } = useDimension(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(roundedProps)\n const lineClasses = computed(() => props.lines ? `v-list-item--${props.lines}-line` : undefined)\n\n const slotProps = computed(() => ({\n isActive: isActive.value,\n select,\n isSelected: isSelected.value,\n isIndeterminate: isIndeterminate.value,\n }))\n\n useRender(() => {\n const Tag = isLink.value ? 'a' : props.tag\n const hasColor = !list || isSelected.value || isActive.value\n const hasTitle = (slots.title || props.title)\n const hasSubtitle = (slots.subtitle || props.subtitle)\n const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon)\n const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon)\n\n list?.updateHasPrepend(hasPrepend)\n\n return (\n <Tag\n class={[\n 'v-list-item',\n {\n 'v-list-item--active': isActive.value,\n 'v-list-item--disabled': props.disabled,\n 'v-list-item--link': isClickable.value,\n 'v-list-item--nav': props.nav,\n 'v-list-item--prepend': !hasPrepend && list?.hasPrepend.value,\n [`${props.activeClass}`]: isActive.value,\n },\n themeClasses.value,\n borderClasses.value,\n hasColor ? colorClasses.value : undefined,\n densityClasses.value,\n elevationClasses.value,\n lineClasses.value,\n roundedClasses.value,\n variantClasses.value,\n ]}\n style={[\n hasColor ? colorStyles.value : undefined,\n dimensionStyles.value,\n ]}\n href={ link.href.value }\n tabindex={ isClickable.value ? 0 : undefined }\n onClick={ isClickable.value && ((e: MouseEvent) => {\n if (isGroupActivator) return\n\n link.navigate?.(e)\n props.value != null && select(!isSelected.value, e)\n })}\n v-ripple={ isClickable.value }\n >\n { genOverlays(isClickable.value || isActive.value, 'v-list-item') }\n\n { hasPrepend && (\n <VDefaultsProvider\n key=\"prepend\"\n defaults={{\n VAvatar: {\n density: props.density,\n image: props.prependAvatar,\n },\n VIcon: {\n density: props.density,\n icon: props.prependIcon,\n },\n VListItemAction: {\n start: true,\n },\n }}\n >\n <div class=\"v-list-item__prepend\">\n { props.prependAvatar && (\n <VAvatar key=\"prepend-avatar\" />\n ) }\n\n { props.prependIcon && (\n <VIcon key=\"prepend-icon\" />\n ) }\n\n { slots.prepend?.(slotProps.value) }\n </div>\n </VDefaultsProvider>\n ) }\n\n <div class=\"v-list-item__content\">\n { hasTitle && (\n <VListItemTitle key=\"title\">\n { slots.title?.({ title: props.title }) ?? props.title}\n </VListItemTitle>\n ) }\n\n { hasSubtitle && (\n <VListItemSubtitle key=\"subtitle\">\n { slots.subtitle?.({ subtitle: props.subtitle }) ?? props.subtitle }\n </VListItemSubtitle>\n ) }\n\n { slots.default?.(slotProps.value) }\n </div>\n\n { hasAppend && (\n <VDefaultsProvider\n key=\"append\"\n defaults={{\n VAvatar: {\n density: props.density,\n image: props.appendAvatar,\n },\n VIcon: {\n density: props.density,\n icon: props.appendIcon,\n },\n VListItemAction: {\n end: true,\n },\n }}\n >\n <div class=\"v-list-item__append\">\n { slots.append?.(slotProps.value) }\n\n { props.appendIcon && (\n <VIcon key=\"append-icon\" />\n ) }\n\n { props.appendAvatar && (\n <VAvatar key=\"append-avatar\" />\n ) }\n </div>\n </VDefaultsProvider>\n ) }\n </Tag>\n )\n })\n\n return {}\n },\n})\n\nexport type VListItem = InstanceType<typeof VListItem>\n"],"mappings":"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"}
|