@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,185 @@
|
|
|
1
|
+
import * as vue from 'vue';
|
|
2
|
+
import { JSXComponent, PropType } from 'vue';
|
|
3
|
+
|
|
4
|
+
declare const block: readonly ["top", "bottom"];
|
|
5
|
+
declare const inline: readonly ["start", "end", "left", "right"];
|
|
6
|
+
declare type Tblock = typeof block[number];
|
|
7
|
+
declare type Tinline = typeof inline[number];
|
|
8
|
+
declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
|
|
9
|
+
|
|
10
|
+
declare type IconValue = string | JSXComponent;
|
|
11
|
+
declare const IconValue: PropType<IconValue>;
|
|
12
|
+
|
|
13
|
+
declare const allowedTypes: readonly ["success", "info", "warning", "error"];
|
|
14
|
+
declare type ContextualType = typeof allowedTypes[number];
|
|
15
|
+
declare const VAlert: vue.DefineComponent<{
|
|
16
|
+
color: StringConstructor;
|
|
17
|
+
variant: Omit<{
|
|
18
|
+
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
|
|
19
|
+
default: string;
|
|
20
|
+
validator: (v: any) => boolean;
|
|
21
|
+
}, "type" | "default"> & {
|
|
22
|
+
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
|
|
23
|
+
default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
|
|
24
|
+
};
|
|
25
|
+
theme: StringConstructor;
|
|
26
|
+
tag: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
default: string;
|
|
29
|
+
};
|
|
30
|
+
rounded: {
|
|
31
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
32
|
+
default: undefined;
|
|
33
|
+
};
|
|
34
|
+
position: {
|
|
35
|
+
type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
|
|
36
|
+
validator: (v: any) => boolean;
|
|
37
|
+
};
|
|
38
|
+
location: PropType<Anchor>;
|
|
39
|
+
elevation: {
|
|
40
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
41
|
+
validator(v: any): boolean;
|
|
42
|
+
};
|
|
43
|
+
height: (StringConstructor | NumberConstructor)[];
|
|
44
|
+
maxHeight: (StringConstructor | NumberConstructor)[];
|
|
45
|
+
maxWidth: (StringConstructor | NumberConstructor)[];
|
|
46
|
+
minHeight: (StringConstructor | NumberConstructor)[];
|
|
47
|
+
minWidth: (StringConstructor | NumberConstructor)[];
|
|
48
|
+
width: (StringConstructor | NumberConstructor)[];
|
|
49
|
+
density: {
|
|
50
|
+
type: PropType<"default" | "compact" | "comfortable" | null>;
|
|
51
|
+
default: string;
|
|
52
|
+
validator: (v: any) => boolean;
|
|
53
|
+
};
|
|
54
|
+
border: {
|
|
55
|
+
type: (StringConstructor | BooleanConstructor)[];
|
|
56
|
+
validator: (val: boolean | string) => boolean;
|
|
57
|
+
};
|
|
58
|
+
borderColor: StringConstructor;
|
|
59
|
+
closable: BooleanConstructor;
|
|
60
|
+
closeIcon: {
|
|
61
|
+
type: PropType<IconValue>;
|
|
62
|
+
default: string;
|
|
63
|
+
};
|
|
64
|
+
closeLabel: {
|
|
65
|
+
type: StringConstructor;
|
|
66
|
+
default: string;
|
|
67
|
+
};
|
|
68
|
+
icon: {
|
|
69
|
+
type: PropType<false | IconValue>;
|
|
70
|
+
default: null;
|
|
71
|
+
};
|
|
72
|
+
modelValue: {
|
|
73
|
+
type: BooleanConstructor;
|
|
74
|
+
default: boolean;
|
|
75
|
+
};
|
|
76
|
+
prominent: BooleanConstructor;
|
|
77
|
+
title: StringConstructor;
|
|
78
|
+
text: StringConstructor;
|
|
79
|
+
type: {
|
|
80
|
+
type: PropType<"error" | "success" | "warning" | "info">;
|
|
81
|
+
validator: (val: ContextualType) => boolean;
|
|
82
|
+
};
|
|
83
|
+
}, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
84
|
+
'update:modelValue': (value: boolean) => true;
|
|
85
|
+
}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
86
|
+
color: StringConstructor;
|
|
87
|
+
variant: Omit<{
|
|
88
|
+
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
|
|
89
|
+
default: string;
|
|
90
|
+
validator: (v: any) => boolean;
|
|
91
|
+
}, "type" | "default"> & {
|
|
92
|
+
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
|
|
93
|
+
default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
|
|
94
|
+
};
|
|
95
|
+
theme: StringConstructor;
|
|
96
|
+
tag: {
|
|
97
|
+
type: StringConstructor;
|
|
98
|
+
default: string;
|
|
99
|
+
};
|
|
100
|
+
rounded: {
|
|
101
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
102
|
+
default: undefined;
|
|
103
|
+
};
|
|
104
|
+
position: {
|
|
105
|
+
type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
|
|
106
|
+
validator: (v: any) => boolean;
|
|
107
|
+
};
|
|
108
|
+
location: PropType<Anchor>;
|
|
109
|
+
elevation: {
|
|
110
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
111
|
+
validator(v: any): boolean;
|
|
112
|
+
};
|
|
113
|
+
height: (StringConstructor | NumberConstructor)[];
|
|
114
|
+
maxHeight: (StringConstructor | NumberConstructor)[];
|
|
115
|
+
maxWidth: (StringConstructor | NumberConstructor)[];
|
|
116
|
+
minHeight: (StringConstructor | NumberConstructor)[];
|
|
117
|
+
minWidth: (StringConstructor | NumberConstructor)[];
|
|
118
|
+
width: (StringConstructor | NumberConstructor)[];
|
|
119
|
+
density: {
|
|
120
|
+
type: PropType<"default" | "compact" | "comfortable" | null>;
|
|
121
|
+
default: string;
|
|
122
|
+
validator: (v: any) => boolean;
|
|
123
|
+
};
|
|
124
|
+
border: {
|
|
125
|
+
type: (StringConstructor | BooleanConstructor)[];
|
|
126
|
+
validator: (val: boolean | string) => boolean;
|
|
127
|
+
};
|
|
128
|
+
borderColor: StringConstructor;
|
|
129
|
+
closable: BooleanConstructor;
|
|
130
|
+
closeIcon: {
|
|
131
|
+
type: PropType<IconValue>;
|
|
132
|
+
default: string;
|
|
133
|
+
};
|
|
134
|
+
closeLabel: {
|
|
135
|
+
type: StringConstructor;
|
|
136
|
+
default: string;
|
|
137
|
+
};
|
|
138
|
+
icon: {
|
|
139
|
+
type: PropType<false | IconValue>;
|
|
140
|
+
default: null;
|
|
141
|
+
};
|
|
142
|
+
modelValue: {
|
|
143
|
+
type: BooleanConstructor;
|
|
144
|
+
default: boolean;
|
|
145
|
+
};
|
|
146
|
+
prominent: BooleanConstructor;
|
|
147
|
+
title: StringConstructor;
|
|
148
|
+
text: StringConstructor;
|
|
149
|
+
type: {
|
|
150
|
+
type: PropType<"error" | "success" | "warning" | "info">;
|
|
151
|
+
validator: (val: ContextualType) => boolean;
|
|
152
|
+
};
|
|
153
|
+
}>> & {
|
|
154
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
155
|
+
}, {
|
|
156
|
+
tag: string;
|
|
157
|
+
icon: false | IconValue;
|
|
158
|
+
rounded: string | number | boolean;
|
|
159
|
+
prominent: boolean;
|
|
160
|
+
density: "default" | "compact" | "comfortable" | null;
|
|
161
|
+
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
|
|
162
|
+
modelValue: boolean;
|
|
163
|
+
closable: boolean;
|
|
164
|
+
closeIcon: IconValue;
|
|
165
|
+
closeLabel: string;
|
|
166
|
+
}>;
|
|
167
|
+
declare type VAlert = InstanceType<typeof VAlert>;
|
|
168
|
+
|
|
169
|
+
declare const VAlertTitle: vue.DefineComponent<{
|
|
170
|
+
tag: {
|
|
171
|
+
type: StringConstructor;
|
|
172
|
+
default: string;
|
|
173
|
+
};
|
|
174
|
+
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
175
|
+
[key: string]: any;
|
|
176
|
+
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
177
|
+
tag: {
|
|
178
|
+
type: StringConstructor;
|
|
179
|
+
default: string;
|
|
180
|
+
};
|
|
181
|
+
}>>, {
|
|
182
|
+
tag: string;
|
|
183
|
+
}>;
|
|
184
|
+
|
|
185
|
+
export { VAlert, VAlertTitle };
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import * as vue from 'vue';
|
|
2
|
+
import { Ref, DeepReadonly } from 'vue';
|
|
3
|
+
|
|
4
|
+
interface InternalThemeDefinition {
|
|
5
|
+
dark: boolean;
|
|
6
|
+
colors: Colors;
|
|
7
|
+
variables: Record<string, string | number>;
|
|
8
|
+
}
|
|
9
|
+
interface Colors extends BaseColors, OnColors {
|
|
10
|
+
[key: string]: string;
|
|
11
|
+
}
|
|
12
|
+
interface BaseColors {
|
|
13
|
+
background: string;
|
|
14
|
+
surface: string;
|
|
15
|
+
primary: string;
|
|
16
|
+
secondary: string;
|
|
17
|
+
success: string;
|
|
18
|
+
warning: string;
|
|
19
|
+
error: string;
|
|
20
|
+
info: string;
|
|
21
|
+
}
|
|
22
|
+
interface OnColors {
|
|
23
|
+
'on-background': string;
|
|
24
|
+
'on-surface': string;
|
|
25
|
+
'on-primary': string;
|
|
26
|
+
'on-secondary': string;
|
|
27
|
+
'on-success': string;
|
|
28
|
+
'on-warning': string;
|
|
29
|
+
'on-error': string;
|
|
30
|
+
'on-info': string;
|
|
31
|
+
}
|
|
32
|
+
interface ThemeInstance {
|
|
33
|
+
readonly isDisabled: boolean;
|
|
34
|
+
readonly themes: Ref<Record<string, InternalThemeDefinition>>;
|
|
35
|
+
readonly name: Readonly<Ref<string>>;
|
|
36
|
+
readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
|
|
37
|
+
readonly computedThemes: DeepReadonly<Ref<Record<string, InternalThemeDefinition>>>;
|
|
38
|
+
readonly themeClasses: Readonly<Ref<string | undefined>>;
|
|
39
|
+
readonly styles: Readonly<Ref<string>>;
|
|
40
|
+
readonly global: {
|
|
41
|
+
readonly name: Ref<string>;
|
|
42
|
+
readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
declare const VApp: vue.DefineComponent<{
|
|
47
|
+
theme: StringConstructor;
|
|
48
|
+
overlaps: vue.Prop<string[], string[]>;
|
|
49
|
+
fullHeight: {
|
|
50
|
+
type: vue.PropType<boolean>;
|
|
51
|
+
default: boolean;
|
|
52
|
+
};
|
|
53
|
+
}, {
|
|
54
|
+
getLayoutItem: (id: string) => {
|
|
55
|
+
size: number;
|
|
56
|
+
top: number;
|
|
57
|
+
left: number;
|
|
58
|
+
right: number;
|
|
59
|
+
bottom: number;
|
|
60
|
+
id: string;
|
|
61
|
+
} | undefined;
|
|
62
|
+
items: vue.ComputedRef<{
|
|
63
|
+
size: number;
|
|
64
|
+
top: number;
|
|
65
|
+
left: number;
|
|
66
|
+
right: number;
|
|
67
|
+
bottom: number;
|
|
68
|
+
id: string;
|
|
69
|
+
}[]>;
|
|
70
|
+
theme: ThemeInstance;
|
|
71
|
+
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
72
|
+
theme: StringConstructor;
|
|
73
|
+
overlaps: vue.Prop<string[], string[]>;
|
|
74
|
+
fullHeight: {
|
|
75
|
+
type: vue.PropType<boolean>;
|
|
76
|
+
default: boolean;
|
|
77
|
+
};
|
|
78
|
+
}>>, {
|
|
79
|
+
fullHeight: boolean;
|
|
80
|
+
}>;
|
|
81
|
+
declare type VApp = InstanceType<typeof VApp>;
|
|
82
|
+
|
|
83
|
+
export { VApp };
|
|
@@ -7,4 +7,7 @@
|
|
|
7
7
|
}
|
|
8
8
|
.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
|
|
9
9
|
box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
|
|
10
|
+
}
|
|
11
|
+
.v-app-bar:not(.v-toolbar--absolute) {
|
|
12
|
+
padding-inline-end: var(--v-scrollbar-offset);
|
|
10
13
|
}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
import * as vue from 'vue';
|
|
2
|
+
import { PropType, JSXComponent } from 'vue';
|
|
3
|
+
|
|
4
|
+
declare const VAppBar: vue.DefineComponent<{
|
|
5
|
+
height: {
|
|
6
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
7
|
+
default: number;
|
|
8
|
+
};
|
|
9
|
+
name: {
|
|
10
|
+
type: StringConstructor;
|
|
11
|
+
};
|
|
12
|
+
order: {
|
|
13
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
14
|
+
default: number;
|
|
15
|
+
};
|
|
16
|
+
absolute: BooleanConstructor;
|
|
17
|
+
theme: StringConstructor;
|
|
18
|
+
tag: Omit<{
|
|
19
|
+
type: StringConstructor;
|
|
20
|
+
default: string;
|
|
21
|
+
}, "type" | "default"> & {
|
|
22
|
+
type: PropType<string>;
|
|
23
|
+
default: string;
|
|
24
|
+
};
|
|
25
|
+
rounded: {
|
|
26
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
27
|
+
default: undefined;
|
|
28
|
+
};
|
|
29
|
+
elevation: {
|
|
30
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
31
|
+
validator(v: any): boolean;
|
|
32
|
+
};
|
|
33
|
+
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
34
|
+
collapse: BooleanConstructor;
|
|
35
|
+
color: StringConstructor;
|
|
36
|
+
density: {
|
|
37
|
+
type: PropType<"default" | "compact" | "prominent" | "comfortable" | null>;
|
|
38
|
+
default: string;
|
|
39
|
+
validator: (v: any) => boolean;
|
|
40
|
+
};
|
|
41
|
+
extended: BooleanConstructor;
|
|
42
|
+
extensionHeight: {
|
|
43
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
44
|
+
default: number;
|
|
45
|
+
};
|
|
46
|
+
flat: BooleanConstructor;
|
|
47
|
+
floating: BooleanConstructor;
|
|
48
|
+
image: StringConstructor;
|
|
49
|
+
title: StringConstructor;
|
|
50
|
+
modelValue: {
|
|
51
|
+
type: BooleanConstructor;
|
|
52
|
+
default: boolean;
|
|
53
|
+
};
|
|
54
|
+
location: {
|
|
55
|
+
type: PropType<"top" | "bottom">;
|
|
56
|
+
default: string;
|
|
57
|
+
validator: (value: any) => boolean;
|
|
58
|
+
};
|
|
59
|
+
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
60
|
+
'update:modelValue': (value: boolean) => true;
|
|
61
|
+
}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
62
|
+
height: {
|
|
63
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
64
|
+
default: number;
|
|
65
|
+
};
|
|
66
|
+
name: {
|
|
67
|
+
type: StringConstructor;
|
|
68
|
+
};
|
|
69
|
+
order: {
|
|
70
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
71
|
+
default: number;
|
|
72
|
+
};
|
|
73
|
+
absolute: BooleanConstructor;
|
|
74
|
+
theme: StringConstructor;
|
|
75
|
+
tag: Omit<{
|
|
76
|
+
type: StringConstructor;
|
|
77
|
+
default: string;
|
|
78
|
+
}, "type" | "default"> & {
|
|
79
|
+
type: PropType<string>;
|
|
80
|
+
default: string;
|
|
81
|
+
};
|
|
82
|
+
rounded: {
|
|
83
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
84
|
+
default: undefined;
|
|
85
|
+
};
|
|
86
|
+
elevation: {
|
|
87
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
88
|
+
validator(v: any): boolean;
|
|
89
|
+
};
|
|
90
|
+
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
91
|
+
collapse: BooleanConstructor;
|
|
92
|
+
color: StringConstructor;
|
|
93
|
+
density: {
|
|
94
|
+
type: PropType<"default" | "compact" | "prominent" | "comfortable" | null>;
|
|
95
|
+
default: string;
|
|
96
|
+
validator: (v: any) => boolean;
|
|
97
|
+
};
|
|
98
|
+
extended: BooleanConstructor;
|
|
99
|
+
extensionHeight: {
|
|
100
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
101
|
+
default: number;
|
|
102
|
+
};
|
|
103
|
+
flat: BooleanConstructor;
|
|
104
|
+
floating: BooleanConstructor;
|
|
105
|
+
image: StringConstructor;
|
|
106
|
+
title: StringConstructor;
|
|
107
|
+
modelValue: {
|
|
108
|
+
type: BooleanConstructor;
|
|
109
|
+
default: boolean;
|
|
110
|
+
};
|
|
111
|
+
location: {
|
|
112
|
+
type: PropType<"top" | "bottom">;
|
|
113
|
+
default: string;
|
|
114
|
+
validator: (value: any) => boolean;
|
|
115
|
+
};
|
|
116
|
+
}>> & {
|
|
117
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
118
|
+
}, {
|
|
119
|
+
flat: boolean;
|
|
120
|
+
absolute: boolean;
|
|
121
|
+
location: "top" | "bottom";
|
|
122
|
+
height: string | number;
|
|
123
|
+
order: string | number;
|
|
124
|
+
tag: string;
|
|
125
|
+
collapse: boolean;
|
|
126
|
+
rounded: string | number | boolean;
|
|
127
|
+
density: "default" | "compact" | "prominent" | "comfortable" | null;
|
|
128
|
+
extended: boolean;
|
|
129
|
+
extensionHeight: string | number;
|
|
130
|
+
floating: boolean;
|
|
131
|
+
modelValue: boolean;
|
|
132
|
+
}>;
|
|
133
|
+
declare type VAppBar = InstanceType<typeof VAppBar>;
|
|
134
|
+
|
|
135
|
+
declare type IconValue = string | JSXComponent;
|
|
136
|
+
declare const IconValue: PropType<IconValue>;
|
|
137
|
+
|
|
138
|
+
declare const VAppBarNavIcon: vue.DefineComponent<{
|
|
139
|
+
icon: {
|
|
140
|
+
type: vue.PropType<IconValue>;
|
|
141
|
+
default: string;
|
|
142
|
+
};
|
|
143
|
+
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
144
|
+
icon: {
|
|
145
|
+
type: vue.PropType<IconValue>;
|
|
146
|
+
default: string;
|
|
147
|
+
};
|
|
148
|
+
}>>, {
|
|
149
|
+
icon: IconValue;
|
|
150
|
+
}>;
|
|
151
|
+
|
|
152
|
+
declare const VAppBarTitle: vue.DefineComponent<any, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
|
|
153
|
+
[x: string]: any;
|
|
154
|
+
}>;
|
|
155
|
+
|
|
156
|
+
export { VAppBar, VAppBarNavIcon, VAppBarTitle };
|
|
@@ -171,7 +171,7 @@ export const VAutocomplete = genericComponent()({
|
|
|
171
171
|
"onUpdate:modelValue": v => {
|
|
172
172
|
if (v == null) model.value = [];
|
|
173
173
|
},
|
|
174
|
-
"validationValue":
|
|
174
|
+
"validationValue": model.externalValue,
|
|
175
175
|
"dirty": model.value.length > 0,
|
|
176
176
|
"onInput": onInput,
|
|
177
177
|
"class": ['v-autocomplete', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VAutocomplete.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","makeFilterProps","useFilter","makeTransitionProps","forwardRefs","useItems","useLocale","useProxiedModel","computed","mergeProps","nextTick","ref","watch","genericComponent","useRender","wrapInArray","highlightResult","text","matches","length","Array","isArray","Error","substr","VAutocomplete","name","props","search","String","filterKeys","transition","emits","val","setup","slots","t","vTextFieldRef","isFocused","isPristine","menu","items","transformIn","transformOut","model","v","transformed","multiple","filteredItems","value","undefined","selections","map","find","item","selected","selection","onClear","e","openOnClear","onClickControl","hideNoData","readonly","onKeydown","includes","key","onInput","target","onAfterLeave","isSelecting","select","index","findIndex","splice","title","at","hasChips","chips","chip","modelValue","menuIcon","default","eager","menuProps","preventDefault","noDataText","onClick","prepend","isSelected","hideSelected","onChipClose","stopPropagation","slotProps","closable","closableChips","size"],"sources":["../../../src/components/VAutocomplete/VAutocomplete.tsx"],"sourcesContent":["// Styles\nimport './VAutocomplete.sass'\n\n// Components\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useItems } from '@/composables/items'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utility\nimport { computed, mergeProps, nextTick, ref, watch } from 'vue'\nimport { genericComponent, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { FilterMatch } from '@/composables/filter'\nimport type { MakeSlots } from '@/util'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nfunction highlightResult (text: string, matches: FilterMatch, length: number) {\n if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented')\n\n return typeof matches === 'number' && ~matches\n ? (\n <>\n <span class=\"v-autocomplete__unmask\">{ text.substr(0, matches) }</span>\n <span class=\"v-autocomplete__mask\">{ text.substr(matches, length) }</span>\n <span class=\"v-autocomplete__unmask\">{ text.substr(matches + length) }</span>\n </>\n )\n : text\n}\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = T extends Primitive\n ? T\n : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n Multiple extends true\n ? Val<T, ReturnObject>[]\n : Val<T, ReturnObject>\n\nexport const VAutocomplete = genericComponent<new <\n T,\n ReturnObject extends boolean = false,\n Multiple extends boolean = false,\n V extends Value<T, ReturnObject, Multiple> = Value<T, ReturnObject, Multiple>\n>() => {\n $props: {\n items?: readonly T[]\n returnObject?: ReturnObject\n multiple?: Multiple\n modelValue?: Readonly<V>\n 'onUpdate:modelValue'?: (val: V) => void\n }\n $slots: Omit<VInputSlots & VFieldSlots, 'default'> & MakeSlots<{\n item: [{ item: T, index: number, props: Record<string, unknown> }]\n chip: [{ item: T, index: number, props: Record<string, unknown> }]\n selection: [{ item: T, index: number }]\n 'no-data': []\n }>\n}>()({\n name: 'VAutocomplete',\n\n props: {\n // TODO: implement post keyboard support\n // autoSelectFirst: Boolean,\n search: String,\n\n ...makeFilterProps({ filterKeys: ['title'] }),\n ...makeSelectProps(),\n ...makeTransitionProps({ transition: false }),\n },\n\n emits: {\n 'update:search': (val: any) => true,\n 'update:modelValue': (val: any) => true,\n 'update:menu': (val: boolean) => true,\n },\n\n setup (props, { slots }) {\n const { t } = useLocale()\n const vTextFieldRef = ref()\n const isFocused = ref(false)\n const isPristine = ref(true)\n const menu = useProxiedModel(props, 'menu')\n const { items, transformIn, transformOut } = useItems(props)\n const search = useProxiedModel(props, 'search', '')\n const model = useProxiedModel(\n props,\n 'modelValue',\n [],\n v => transformIn(wrapInArray(v)),\n v => {\n const transformed = transformOut(v)\n return props.multiple ? transformed : (transformed[0] ?? null)\n }\n )\n const { filteredItems } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\n const selections = computed(() => {\n return model.value.map(v => {\n return items.value.find(item => item.value === v.value) || v\n })\n })\n const selected = computed(() => selections.value.map(selection => selection.props.value))\n\n function onClear (e: MouseEvent) {\n model.value = []\n\n if (props.openOnClear) {\n menu.value = true\n }\n\n search.value = ''\n }\n function onClickControl () {\n if (\n (props.hideNoData && !items.value.length) ||\n props.readonly\n ) return\n\n menu.value = true\n }\n function onKeydown (e: KeyboardEvent) {\n if (props.readonly) return\n\n if (['Enter', 'ArrowDown'].includes(e.key)) {\n menu.value = true\n }\n\n if (['Escape'].includes(e.key)) {\n menu.value = false\n }\n\n if (['Enter', 'Escape', 'Tab'].includes(e.key)) {\n isPristine.value = true\n }\n }\n\n function onInput (e: InputEvent) {\n search.value = (e.target as HTMLInputElement).value\n }\n\n function onAfterLeave () {\n if (isFocused.value) isPristine.value = true\n }\n\n const isSelecting = ref(false)\n\n function select (item: any) {\n if (props.multiple) {\n const index = selected.value.findIndex(selection => selection === item.value)\n\n if (index === -1) {\n model.value = [...model.value, item]\n search.value = ''\n } else {\n const value = [...model.value]\n value.splice(index, 1)\n model.value = value\n }\n } else {\n model.value = [item]\n\n isSelecting.value = true\n\n search.value = item.title\n menu.value = false\n isPristine.value = true\n\n nextTick(() => (isSelecting.value = false))\n }\n }\n\n watch(isFocused, val => {\n if (val) {\n isSelecting.value = true\n search.value = props.multiple ? '' : String(selections.value.at(-1)?.props.title ?? '')\n isPristine.value = true\n\n nextTick(() => isSelecting.value = false)\n } else {\n menu.value = false\n search.value = ''\n }\n })\n\n watch(search, val => {\n if (!isFocused.value || isSelecting.value) return\n\n if (val) menu.value = true\n\n isPristine.value = !val\n })\n\n useRender(() => {\n const hasChips = !!(props.chips || slots.chip)\n\n return (\n <VTextField\n ref={ vTextFieldRef }\n modelValue={ search.value }\n onUpdate:modelValue={ v => { if (v == null) model.value = [] } }\n validationValue={ props.modelValue ?? model.value }\n dirty={ model.value.length > 0 }\n onInput={ onInput }\n class={[\n 'v-autocomplete',\n {\n 'v-autocomplete--active-menu': menu.value,\n 'v-autocomplete--chips': !!props.chips,\n [`v-autocomplete--${props.multiple ? 'multiple' : 'single'}`]: true,\n },\n ]}\n appendInnerIcon={ props.menuIcon }\n readonly={ props.readonly }\n onClick:clear={ onClear }\n onClick:control={ onClickControl }\n onClick:input={ onClickControl }\n onFocus={ () => isFocused.value = true }\n onBlur={ () => isFocused.value = false }\n onKeydown={ onKeydown }\n >\n {{\n ...slots,\n default: () => (\n <>\n <VMenu\n v-model={ menu.value }\n activator=\"parent\"\n contentClass=\"v-autocomplete__content\"\n eager={ props.eager }\n openOnClick={ false }\n closeOnContentClick={ false }\n transition={ props.transition }\n onAfterLeave={ onAfterLeave }\n { ...props.menuProps }\n >\n <VList\n selected={ selected.value }\n selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n onMousedown={ (e: MouseEvent) => e.preventDefault() }\n >\n { !filteredItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n <VListItem title={ t(props.noDataText) } />\n )) }\n\n { filteredItems.value.map(({ item, matches }, index) => slots.item?.({\n item,\n index,\n props: mergeProps(item.props, { onClick: () => select(item) }),\n }) ?? (\n <VListItem\n key={ index }\n { ...item.props }\n onClick={ () => select(item) }\n >\n {{\n prepend: ({ isSelected }) => props.multiple && !props.hideSelected ? (\n <VCheckboxBtn modelValue={ isSelected } ripple={ false } />\n ) : undefined,\n title: () => {\n return isPristine.value\n ? item.title\n : highlightResult(item.title, matches.title, search.value?.length ?? 0)\n },\n }}\n </VListItem>\n )) }\n </VList>\n </VMenu>\n\n { selections.value.map((item, index) => {\n function onChipClose (e: Event) {\n e.stopPropagation()\n e.preventDefault()\n\n select(item)\n }\n\n const slotProps = {\n 'onClick:close': onChipClose,\n modelValue: true,\n }\n\n return (\n <div key={ index } class=\"v-autocomplete__selection\">\n { hasChips ? (\n <VDefaultsProvider\n defaults={{\n VChip: {\n closable: props.closableChips,\n size: 'small',\n text: item.title,\n },\n }}\n >\n { slots.chip\n ? slots.chip({ item, index, props: slotProps })\n : (<VChip { ...slotProps } />)\n }\n </VDefaultsProvider>\n ) : (\n slots.selection\n ? slots.selection({ item, index })\n : (\n <span class=\"v-autocomplete__selection-text\">\n { item.title }\n { props.multiple && (index < selections.value.length - 1) && (\n <span class=\"v-autocomplete__selection-comma\">,</span>\n ) }\n </span>\n )\n )}\n </div>\n )\n }) }\n </>\n ),\n }}\n </VTextField>\n )\n })\n\n return forwardRefs({\n isFocused,\n isPristine,\n menu,\n search,\n filteredItems,\n select,\n }, vTextFieldRef)\n },\n})\n\nexport type VAutocomplete = InstanceType<typeof VAutocomplete>\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VAutocomplete.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","makeFilterProps","useFilter","makeTransitionProps","forwardRefs","useItems","useLocale","useProxiedModel","computed","mergeProps","nextTick","ref","watch","genericComponent","useRender","wrapInArray","highlightResult","text","matches","length","Array","isArray","Error","substr","VAutocomplete","name","props","search","String","filterKeys","transition","emits","val","setup","slots","t","vTextFieldRef","isFocused","isPristine","menu","items","transformIn","transformOut","model","v","transformed","multiple","filteredItems","value","undefined","selections","map","find","item","selected","selection","onClear","e","openOnClear","onClickControl","hideNoData","readonly","onKeydown","includes","key","onInput","target","onAfterLeave","isSelecting","select","index","findIndex","splice","title","at","hasChips","chips","chip","externalValue","menuIcon","default","eager","menuProps","preventDefault","noDataText","onClick","prepend","isSelected","hideSelected","onChipClose","stopPropagation","slotProps","modelValue","closable","closableChips","size"],"sources":["../../../src/components/VAutocomplete/VAutocomplete.tsx"],"sourcesContent":["// Styles\nimport './VAutocomplete.sass'\n\n// Components\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useItems } from '@/composables/items'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utility\nimport { computed, mergeProps, nextTick, ref, watch } from 'vue'\nimport { genericComponent, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { FilterMatch } from '@/composables/filter'\nimport type { InternalItem } from '@/composables/items'\nimport type { MakeSlots } from '@/util'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nfunction highlightResult (text: string, matches: FilterMatch, length: number) {\n if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented')\n\n return typeof matches === 'number' && ~matches\n ? (\n <>\n <span class=\"v-autocomplete__unmask\">{ text.substr(0, matches) }</span>\n <span class=\"v-autocomplete__mask\">{ text.substr(matches, length) }</span>\n <span class=\"v-autocomplete__unmask\">{ text.substr(matches + length) }</span>\n </>\n )\n : text\n}\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = T extends Primitive\n ? T\n : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n Multiple extends true\n ? Val<T, ReturnObject>[]\n : Val<T, ReturnObject>\n\nexport const VAutocomplete = genericComponent<new <\n T,\n ReturnObject extends boolean = false,\n Multiple extends boolean = false,\n V extends Value<T, ReturnObject, Multiple> = Value<T, ReturnObject, Multiple>\n>() => {\n $props: {\n items?: readonly T[]\n returnObject?: ReturnObject\n multiple?: Multiple\n modelValue?: Readonly<V>\n 'onUpdate:modelValue'?: (val: V) => void\n } & Omit<VTextField['$props'], 'modelValue' | 'onUpdate:modelValue'>\n $slots: Omit<VInputSlots & VFieldSlots, 'default'> & MakeSlots<{\n item: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n chip: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n selection: [{ item: InternalItem<T>, index: number }]\n 'no-data': []\n }>\n}>()({\n name: 'VAutocomplete',\n\n props: {\n // TODO: implement post keyboard support\n // autoSelectFirst: Boolean,\n search: String,\n\n ...makeFilterProps({ filterKeys: ['title'] }),\n ...makeSelectProps(),\n ...makeTransitionProps({ transition: false }),\n },\n\n emits: {\n 'update:search': (val: any) => true,\n 'update:modelValue': (val: any) => true,\n 'update:menu': (val: boolean) => true,\n },\n\n setup (props, { slots }) {\n const { t } = useLocale()\n const vTextFieldRef = ref()\n const isFocused = ref(false)\n const isPristine = ref(true)\n const menu = useProxiedModel(props, 'menu')\n const { items, transformIn, transformOut } = useItems(props)\n const search = useProxiedModel(props, 'search', '')\n const model = useProxiedModel(\n props,\n 'modelValue',\n [],\n v => transformIn(wrapInArray(v)),\n v => {\n const transformed = transformOut(v)\n return props.multiple ? transformed : (transformed[0] ?? null)\n }\n )\n const { filteredItems } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\n const selections = computed(() => {\n return model.value.map(v => {\n return items.value.find(item => item.value === v.value) || v\n })\n })\n const selected = computed(() => selections.value.map(selection => selection.props.value))\n\n function onClear (e: MouseEvent) {\n model.value = []\n\n if (props.openOnClear) {\n menu.value = true\n }\n\n search.value = ''\n }\n function onClickControl () {\n if (\n (props.hideNoData && !items.value.length) ||\n props.readonly\n ) return\n\n menu.value = true\n }\n function onKeydown (e: KeyboardEvent) {\n if (props.readonly) return\n\n if (['Enter', 'ArrowDown'].includes(e.key)) {\n menu.value = true\n }\n\n if (['Escape'].includes(e.key)) {\n menu.value = false\n }\n\n if (['Enter', 'Escape', 'Tab'].includes(e.key)) {\n isPristine.value = true\n }\n }\n\n function onInput (e: InputEvent) {\n search.value = (e.target as HTMLInputElement).value\n }\n\n function onAfterLeave () {\n if (isFocused.value) isPristine.value = true\n }\n\n const isSelecting = ref(false)\n\n function select (item: InternalItem) {\n if (props.multiple) {\n const index = selected.value.findIndex(selection => selection === item.value)\n\n if (index === -1) {\n model.value = [...model.value, item]\n search.value = ''\n } else {\n const value = [...model.value]\n value.splice(index, 1)\n model.value = value\n }\n } else {\n model.value = [item]\n\n isSelecting.value = true\n\n search.value = item.title\n menu.value = false\n isPristine.value = true\n\n nextTick(() => (isSelecting.value = false))\n }\n }\n\n watch(isFocused, val => {\n if (val) {\n isSelecting.value = true\n search.value = props.multiple ? '' : String(selections.value.at(-1)?.props.title ?? '')\n isPristine.value = true\n\n nextTick(() => isSelecting.value = false)\n } else {\n menu.value = false\n search.value = ''\n }\n })\n\n watch(search, val => {\n if (!isFocused.value || isSelecting.value) return\n\n if (val) menu.value = true\n\n isPristine.value = !val\n })\n\n useRender(() => {\n const hasChips = !!(props.chips || slots.chip)\n\n return (\n <VTextField\n ref={ vTextFieldRef }\n modelValue={ search.value }\n onUpdate:modelValue={ v => { if (v == null) model.value = [] } }\n validationValue={ model.externalValue }\n dirty={ model.value.length > 0 }\n onInput={ onInput }\n class={[\n 'v-autocomplete',\n {\n 'v-autocomplete--active-menu': menu.value,\n 'v-autocomplete--chips': !!props.chips,\n [`v-autocomplete--${props.multiple ? 'multiple' : 'single'}`]: true,\n },\n ]}\n appendInnerIcon={ props.menuIcon }\n readonly={ props.readonly }\n onClick:clear={ onClear }\n onClick:control={ onClickControl }\n onClick:input={ onClickControl }\n onFocus={ () => isFocused.value = true }\n onBlur={ () => isFocused.value = false }\n onKeydown={ onKeydown }\n >\n {{\n ...slots,\n default: () => (\n <>\n <VMenu\n v-model={ menu.value }\n activator=\"parent\"\n contentClass=\"v-autocomplete__content\"\n eager={ props.eager }\n openOnClick={ false }\n closeOnContentClick={ false }\n transition={ props.transition }\n onAfterLeave={ onAfterLeave }\n { ...props.menuProps }\n >\n <VList\n selected={ selected.value }\n selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n onMousedown={ (e: MouseEvent) => e.preventDefault() }\n >\n { !filteredItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n <VListItem title={ t(props.noDataText) } />\n )) }\n\n { filteredItems.value.map(({ item, matches }, index) => slots.item?.({\n item,\n index,\n props: mergeProps(item.props, { onClick: () => select(item) }),\n }) ?? (\n <VListItem\n key={ index }\n { ...item.props }\n onClick={ () => select(item) }\n >\n {{\n prepend: ({ isSelected }) => props.multiple && !props.hideSelected ? (\n <VCheckboxBtn modelValue={ isSelected } ripple={ false } />\n ) : undefined,\n title: () => {\n return isPristine.value\n ? item.title\n : highlightResult(item.title, matches.title, search.value?.length ?? 0)\n },\n }}\n </VListItem>\n )) }\n </VList>\n </VMenu>\n\n { selections.value.map((item, index) => {\n function onChipClose (e: Event) {\n e.stopPropagation()\n e.preventDefault()\n\n select(item)\n }\n\n const slotProps = {\n 'onClick:close': onChipClose,\n modelValue: true,\n }\n\n return (\n <div key={ index } class=\"v-autocomplete__selection\">\n { hasChips ? (\n <VDefaultsProvider\n defaults={{\n VChip: {\n closable: props.closableChips,\n size: 'small',\n text: item.title,\n },\n }}\n >\n { slots.chip\n ? slots.chip({ item, index, props: slotProps })\n : (<VChip { ...slotProps } />)\n }\n </VDefaultsProvider>\n ) : (\n slots.selection\n ? slots.selection({ item, index })\n : (\n <span class=\"v-autocomplete__selection-text\">\n { item.title }\n { props.multiple && (index < selections.value.length - 1) && (\n <span class=\"v-autocomplete__selection-comma\">,</span>\n ) }\n </span>\n )\n )}\n </div>\n )\n }) }\n </>\n ),\n }}\n </VTextField>\n )\n })\n\n return forwardRefs({\n isFocused,\n isPristine,\n menu,\n search,\n filteredItems,\n select,\n }, vTextFieldRef)\n },\n})\n\nexport type VAutocomplete = InstanceType<typeof VAutocomplete>\n"],"mappings":"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"}
|