@nuxt/ui 2.18.6 → 2.18.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/module.json +1 -1
- package/dist/module.mjs +1 -1
- package/dist/runtime/components/data/Table.vue.d.ts +4 -4
- package/dist/runtime/components/elements/Alert.vue.d.ts +1 -1
- package/dist/runtime/components/elements/Carousel.vue +15 -6
- package/dist/runtime/components/elements/Carousel.vue.d.ts +9 -0
- package/dist/runtime/components/elements/Dropdown.vue +1 -1
- package/dist/runtime/components/forms/Checkbox.vue.d.ts +4 -4
- package/dist/runtime/components/forms/Input.vue.d.ts +2 -2
- package/dist/runtime/components/forms/InputMenu.vue.d.ts +3 -3
- package/dist/runtime/components/forms/Radio.vue.d.ts +4 -4
- package/dist/runtime/components/forms/RadioGroup.vue.d.ts +7 -7
- package/dist/runtime/components/forms/Range.vue.d.ts +2 -2
- package/dist/runtime/components/forms/Select.vue.d.ts +3 -3
- package/dist/runtime/components/forms/SelectMenu.vue.d.ts +3 -3
- package/dist/runtime/components/forms/Textarea.vue.d.ts +2 -2
- package/dist/runtime/components/forms/Toggle.vue.d.ts +2 -2
- package/dist/runtime/components/overlays/Notification.vue.d.ts +1 -1
- package/dist/runtime/components/overlays/Notifications.vue.d.ts +1 -1
- package/dist/runtime/components/overlays/Popover.vue +1 -1
- package/dist/runtime/components/overlays/Tooltip.vue +5 -3
- package/dist/runtime/components/overlays/Tooltip.vue.d.ts +1 -0
- package/dist/runtime/ui.config/elements/carousel.js +2 -2
- package/dist/runtime/utils/link.js +1 -1
- package/package.json +10 -10
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -14,7 +14,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
|
|
|
14
14
|
const __dirname = __cjs_path__.dirname(__filename);
|
|
15
15
|
const require = __cjs_mod__.createRequire(import.meta.url);
|
|
16
16
|
const name = "@nuxt/ui";
|
|
17
|
-
const version = "2.18.
|
|
17
|
+
const version = "2.18.7";
|
|
18
18
|
|
|
19
19
|
function createTemplates(nuxt = useNuxt()) {
|
|
20
20
|
const template = addTemplate({
|
|
@@ -1935,7 +1935,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1935
1935
|
default: any;
|
|
1936
1936
|
};
|
|
1937
1937
|
modelValue: {
|
|
1938
|
-
type:
|
|
1938
|
+
type: PropType<boolean | Array<any> | null>;
|
|
1939
1939
|
default: any;
|
|
1940
1940
|
};
|
|
1941
1941
|
name: {
|
|
@@ -2020,7 +2020,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2020
2020
|
attrs: import("vue").ComputedRef<Pick<{
|
|
2021
2021
|
[x: string]: unknown;
|
|
2022
2022
|
}, string>>;
|
|
2023
|
-
toggle: import("vue").WritableComputedRef<boolean |
|
|
2023
|
+
toggle: import("vue").WritableComputedRef<boolean | any[], boolean | any[]>;
|
|
2024
2024
|
inputId: string;
|
|
2025
2025
|
name: import("vue").ComputedRef<string>;
|
|
2026
2026
|
inputClass: import("vue").ComputedRef<string>;
|
|
@@ -2035,7 +2035,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2035
2035
|
default: any;
|
|
2036
2036
|
};
|
|
2037
2037
|
modelValue: {
|
|
2038
|
-
type:
|
|
2038
|
+
type: PropType<boolean | Array<any> | null>;
|
|
2039
2039
|
default: any;
|
|
2040
2040
|
};
|
|
2041
2041
|
name: {
|
|
@@ -2131,7 +2131,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2131
2131
|
strategy?: Strategy;
|
|
2132
2132
|
};
|
|
2133
2133
|
id: string;
|
|
2134
|
-
modelValue: boolean |
|
|
2134
|
+
modelValue: boolean | any[];
|
|
2135
2135
|
value: string | number | boolean | Record<string, any>;
|
|
2136
2136
|
help: string;
|
|
2137
2137
|
indeterminate: boolean;
|
|
@@ -181,10 +181,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
181
181
|
onClose?: (...args: any[]) => any;
|
|
182
182
|
}>, {
|
|
183
183
|
class: any;
|
|
184
|
+
title: string;
|
|
184
185
|
avatar: Avatar;
|
|
185
186
|
color: AlertColor;
|
|
186
187
|
variant: AlertVariant;
|
|
187
|
-
title: string;
|
|
188
188
|
ui: {
|
|
189
189
|
wrapper?: string;
|
|
190
190
|
inner?: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div :class="ui.wrapper" v-bind="attrs">
|
|
2
|
+
<div :class="ui.wrapper" v-bind="attrs" :dir="dir">
|
|
3
3
|
<div ref="carouselRef" :class="ui.container" class="no-scrollbar">
|
|
4
4
|
<div
|
|
5
5
|
v-for="(item, index) in items"
|
|
@@ -84,6 +84,10 @@ export default defineComponent({
|
|
|
84
84
|
type: Boolean,
|
|
85
85
|
default: false
|
|
86
86
|
},
|
|
87
|
+
dir: {
|
|
88
|
+
type: String,
|
|
89
|
+
default: "ltr"
|
|
90
|
+
},
|
|
87
91
|
prevButton: {
|
|
88
92
|
type: Object,
|
|
89
93
|
default: () => config.default.prevButton
|
|
@@ -112,28 +116,33 @@ export default defineComponent({
|
|
|
112
116
|
const [entry] = entries;
|
|
113
117
|
itemWidth.value = entry?.target?.firstElementChild?.clientWidth || 0;
|
|
114
118
|
});
|
|
119
|
+
const isRtl = computed(() => props.dir === "rtl");
|
|
115
120
|
const currentPage = computed(() => {
|
|
116
121
|
if (!itemWidth.value) {
|
|
117
122
|
return 0;
|
|
118
123
|
}
|
|
119
|
-
return Math.round(x.value / itemWidth.value) + 1;
|
|
124
|
+
return isRtl.value ? Math.round(-x.value / itemWidth.value) + 1 : Math.round(x.value / itemWidth.value) + 1;
|
|
120
125
|
});
|
|
121
126
|
const pages = computed(() => {
|
|
122
127
|
if (!itemWidth.value) {
|
|
123
128
|
return 0;
|
|
124
129
|
}
|
|
125
|
-
|
|
130
|
+
const itemDivisions = Math.round(carouselWidth.value / itemWidth.value);
|
|
131
|
+
if (props.items.length <= itemDivisions) {
|
|
132
|
+
return 0;
|
|
133
|
+
}
|
|
134
|
+
return props.items.length - itemDivisions + 1;
|
|
126
135
|
});
|
|
127
136
|
const isFirst = computed(() => currentPage.value <= 1);
|
|
128
137
|
const isLast = computed(() => currentPage.value === pages.value);
|
|
129
138
|
function onClickNext() {
|
|
130
|
-
x.value += itemWidth.value;
|
|
139
|
+
x.value += isRtl.value ? -itemWidth.value : itemWidth.value;
|
|
131
140
|
}
|
|
132
141
|
function onClickPrev() {
|
|
133
|
-
x.value -= itemWidth.value;
|
|
142
|
+
x.value -= isRtl.value ? -itemWidth.value : itemWidth.value;
|
|
134
143
|
}
|
|
135
144
|
function onClick(page) {
|
|
136
|
-
x.value = (page - 1) * itemWidth.value;
|
|
145
|
+
x.value = (page - 1) * itemWidth.value * (isRtl.value ? -1 : 1);
|
|
137
146
|
}
|
|
138
147
|
expose({
|
|
139
148
|
pages,
|
|
@@ -39,6 +39,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
39
39
|
type: BooleanConstructor;
|
|
40
40
|
default: boolean;
|
|
41
41
|
};
|
|
42
|
+
dir: {
|
|
43
|
+
type: PropType<"ltr" | "rtl">;
|
|
44
|
+
default: string;
|
|
45
|
+
};
|
|
42
46
|
prevButton: {
|
|
43
47
|
type: PropType<Button & {
|
|
44
48
|
class?: string;
|
|
@@ -117,6 +121,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
117
121
|
type: BooleanConstructor;
|
|
118
122
|
default: boolean;
|
|
119
123
|
};
|
|
124
|
+
dir: {
|
|
125
|
+
type: PropType<"ltr" | "rtl">;
|
|
126
|
+
default: string;
|
|
127
|
+
};
|
|
120
128
|
prevButton: {
|
|
121
129
|
type: PropType<Button & {
|
|
122
130
|
class?: string;
|
|
@@ -176,6 +184,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
176
184
|
items: any[];
|
|
177
185
|
arrows: boolean;
|
|
178
186
|
indicators: boolean;
|
|
187
|
+
dir: "ltr" | "rtl";
|
|
179
188
|
prevButton: Button & {
|
|
180
189
|
class?: string;
|
|
181
190
|
};
|
|
@@ -166,7 +166,7 @@ export default defineComponent({
|
|
|
166
166
|
}
|
|
167
167
|
});
|
|
168
168
|
function onTouchStart(event) {
|
|
169
|
-
if (!event.cancelable || !menuApi.value) {
|
|
169
|
+
if (!event.cancelable || !menuApi.value || props.mode === "click") {
|
|
170
170
|
return;
|
|
171
171
|
}
|
|
172
172
|
if (menuApi.value.menuState === 0) {
|
|
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
29
29
|
default: any;
|
|
30
30
|
};
|
|
31
31
|
modelValue: {
|
|
32
|
-
type:
|
|
32
|
+
type: PropType<boolean | Array<any> | null>;
|
|
33
33
|
default: any;
|
|
34
34
|
};
|
|
35
35
|
name: {
|
|
@@ -97,7 +97,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
97
97
|
attrs: import("vue").ComputedRef<Pick<{
|
|
98
98
|
[x: string]: unknown;
|
|
99
99
|
}, string>>;
|
|
100
|
-
toggle: import("vue").WritableComputedRef<boolean |
|
|
100
|
+
toggle: import("vue").WritableComputedRef<boolean | any[], boolean | any[]>;
|
|
101
101
|
inputId: string;
|
|
102
102
|
name: import("vue").ComputedRef<string>;
|
|
103
103
|
inputClass: import("vue").ComputedRef<string>;
|
|
@@ -112,7 +112,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
112
112
|
default: any;
|
|
113
113
|
};
|
|
114
114
|
modelValue: {
|
|
115
|
-
type:
|
|
115
|
+
type: PropType<boolean | Array<any> | null>;
|
|
116
116
|
default: any;
|
|
117
117
|
};
|
|
118
118
|
name: {
|
|
@@ -191,7 +191,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
191
191
|
strategy?: Strategy;
|
|
192
192
|
};
|
|
193
193
|
id: string;
|
|
194
|
-
modelValue: boolean |
|
|
194
|
+
modelValue: boolean | any[];
|
|
195
195
|
value: string | number | boolean | Record<string, any>;
|
|
196
196
|
help: string;
|
|
197
197
|
indeterminate: boolean;
|
|
@@ -111,7 +111,7 @@ declare const config: {
|
|
|
111
111
|
};
|
|
112
112
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
113
113
|
modelValue: {
|
|
114
|
-
type:
|
|
114
|
+
type: PropType<string | number | null>;
|
|
115
115
|
default: string;
|
|
116
116
|
};
|
|
117
117
|
type: {
|
|
@@ -345,7 +345,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
345
345
|
onBlur: (event: FocusEvent) => void;
|
|
346
346
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "update:modelValue")[], "blur" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
347
347
|
modelValue: {
|
|
348
|
-
type:
|
|
348
|
+
type: PropType<string | number | null>;
|
|
349
349
|
default: string;
|
|
350
350
|
};
|
|
351
351
|
type: {
|
|
@@ -174,7 +174,7 @@ declare const configMenu: {
|
|
|
174
174
|
};
|
|
175
175
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
176
176
|
modelValue: {
|
|
177
|
-
type:
|
|
177
|
+
type: PropType<string | number | object | Array<any> | null>;
|
|
178
178
|
default: string;
|
|
179
179
|
};
|
|
180
180
|
query: {
|
|
@@ -512,7 +512,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
512
512
|
onQueryChange: (event: any) => void;
|
|
513
513
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
514
514
|
modelValue: {
|
|
515
|
-
type:
|
|
515
|
+
type: PropType<string | number | object | Array<any> | null>;
|
|
516
516
|
default: string;
|
|
517
517
|
};
|
|
518
518
|
query: {
|
|
@@ -790,7 +790,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
790
790
|
[key: string]: any;
|
|
791
791
|
disabled?: boolean;
|
|
792
792
|
}[];
|
|
793
|
-
modelValue: string | number |
|
|
793
|
+
modelValue: string | number | object | any[];
|
|
794
794
|
loading: boolean;
|
|
795
795
|
padded: boolean;
|
|
796
796
|
loadingIcon: string;
|
|
@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
28
28
|
default: any;
|
|
29
29
|
};
|
|
30
30
|
modelValue: {
|
|
31
|
-
type:
|
|
31
|
+
type: PropType<string | number | boolean | object | null>;
|
|
32
32
|
default: any;
|
|
33
33
|
};
|
|
34
34
|
name: {
|
|
@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
92
92
|
attrs: import("vue").ComputedRef<Pick<{
|
|
93
93
|
[x: string]: unknown;
|
|
94
94
|
}, string>>;
|
|
95
|
-
pick: import("vue").WritableComputedRef<string | number | boolean |
|
|
95
|
+
pick: import("vue").WritableComputedRef<string | number | boolean | object, string | number | boolean | object>;
|
|
96
96
|
name: any;
|
|
97
97
|
inputClass: import("vue").ComputedRef<string>;
|
|
98
98
|
onChange: (event: Event) => void;
|
|
@@ -106,7 +106,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
106
106
|
default: any;
|
|
107
107
|
};
|
|
108
108
|
modelValue: {
|
|
109
|
-
type:
|
|
109
|
+
type: PropType<string | number | boolean | object | null>;
|
|
110
110
|
default: any;
|
|
111
111
|
};
|
|
112
112
|
name: {
|
|
@@ -180,7 +180,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
180
180
|
strategy?: Strategy;
|
|
181
181
|
};
|
|
182
182
|
id: string;
|
|
183
|
-
modelValue: string | number | boolean |
|
|
183
|
+
modelValue: string | number | boolean | object;
|
|
184
184
|
value: string | number | boolean;
|
|
185
185
|
help: string;
|
|
186
186
|
inputClass: string;
|
|
@@ -28,7 +28,7 @@ declare const configRadio: {
|
|
|
28
28
|
};
|
|
29
29
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
30
30
|
modelValue: {
|
|
31
|
-
type:
|
|
31
|
+
type: PropType<string | number | boolean | object | null>;
|
|
32
32
|
default: string;
|
|
33
33
|
};
|
|
34
34
|
name: {
|
|
@@ -109,7 +109,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
109
109
|
onUpdate: (value: any) => void;
|
|
110
110
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
111
111
|
modelValue: {
|
|
112
|
-
type:
|
|
112
|
+
type: PropType<string | number | boolean | object | null>;
|
|
113
113
|
default: string;
|
|
114
114
|
};
|
|
115
115
|
name: {
|
|
@@ -179,7 +179,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
179
179
|
strategy?: Strategy;
|
|
180
180
|
};
|
|
181
181
|
options: unknown[];
|
|
182
|
-
modelValue: string | number | boolean |
|
|
182
|
+
modelValue: string | number | boolean | object;
|
|
183
183
|
optionAttribute: string;
|
|
184
184
|
valueAttribute: string;
|
|
185
185
|
uiRadio: {
|
|
@@ -214,7 +214,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
214
214
|
default: any;
|
|
215
215
|
};
|
|
216
216
|
modelValue: {
|
|
217
|
-
type:
|
|
217
|
+
type: PropType<string | number | boolean | object | null>;
|
|
218
218
|
default: any;
|
|
219
219
|
};
|
|
220
220
|
name: {
|
|
@@ -294,7 +294,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
294
294
|
attrs: import("vue").ComputedRef<Pick<{
|
|
295
295
|
[x: string]: unknown;
|
|
296
296
|
}, string>>;
|
|
297
|
-
pick: import("vue").WritableComputedRef<string | number | boolean |
|
|
297
|
+
pick: import("vue").WritableComputedRef<string | number | boolean | object, string | number | boolean | object>;
|
|
298
298
|
name: any;
|
|
299
299
|
inputClass: import("vue").ComputedRef<string>;
|
|
300
300
|
onChange: (event: Event) => void;
|
|
@@ -308,7 +308,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
308
308
|
default: any;
|
|
309
309
|
};
|
|
310
310
|
modelValue: {
|
|
311
|
-
type:
|
|
311
|
+
type: PropType<string | number | boolean | object | null>;
|
|
312
312
|
default: any;
|
|
313
313
|
};
|
|
314
314
|
name: {
|
|
@@ -398,7 +398,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
398
398
|
strategy?: Strategy;
|
|
399
399
|
};
|
|
400
400
|
id: string;
|
|
401
|
-
modelValue: string | number | boolean |
|
|
401
|
+
modelValue: string | number | boolean | object;
|
|
402
402
|
value: string | number | boolean;
|
|
403
403
|
help: string;
|
|
404
404
|
inputClass: string;
|
|
@@ -65,7 +65,7 @@ declare const config: {
|
|
|
65
65
|
};
|
|
66
66
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
67
67
|
modelValue: {
|
|
68
|
-
type:
|
|
68
|
+
type: PropType<number | null>;
|
|
69
69
|
default: number;
|
|
70
70
|
};
|
|
71
71
|
id: {
|
|
@@ -197,7 +197,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
197
197
|
onChange: (event: Event) => void;
|
|
198
198
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
199
199
|
modelValue: {
|
|
200
|
-
type:
|
|
200
|
+
type: PropType<number | null>;
|
|
201
201
|
default: number;
|
|
202
202
|
};
|
|
203
203
|
id: {
|
|
@@ -112,7 +112,7 @@ declare const config: {
|
|
|
112
112
|
};
|
|
113
113
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
114
114
|
modelValue: {
|
|
115
|
-
type:
|
|
115
|
+
type: PropType<string | number | object | null>;
|
|
116
116
|
default: string;
|
|
117
117
|
};
|
|
118
118
|
id: {
|
|
@@ -344,7 +344,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
344
344
|
onChange: (event: Event) => void;
|
|
345
345
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
346
346
|
modelValue: {
|
|
347
|
-
type:
|
|
347
|
+
type: PropType<string | number | object | null>;
|
|
348
348
|
default: string;
|
|
349
349
|
};
|
|
350
350
|
id: {
|
|
@@ -569,7 +569,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
569
569
|
id: string;
|
|
570
570
|
icon: string;
|
|
571
571
|
options: unknown[];
|
|
572
|
-
modelValue: string | number |
|
|
572
|
+
modelValue: string | number | object;
|
|
573
573
|
loading: boolean;
|
|
574
574
|
padded: boolean;
|
|
575
575
|
loadingIcon: string;
|
|
@@ -181,7 +181,7 @@ declare const configMenu: {
|
|
|
181
181
|
};
|
|
182
182
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
183
183
|
modelValue: {
|
|
184
|
-
type:
|
|
184
|
+
type: PropType<string | number | object | Array<any> | boolean | null>;
|
|
185
185
|
default: string;
|
|
186
186
|
};
|
|
187
187
|
query: {
|
|
@@ -546,7 +546,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
546
546
|
onQueryChange: (event: any) => void;
|
|
547
547
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
548
548
|
modelValue: {
|
|
549
|
-
type:
|
|
549
|
+
type: PropType<string | number | object | Array<any> | boolean | null>;
|
|
550
550
|
default: string;
|
|
551
551
|
};
|
|
552
552
|
query: {
|
|
@@ -840,7 +840,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
840
840
|
[key: string]: any;
|
|
841
841
|
disabled?: boolean;
|
|
842
842
|
}[];
|
|
843
|
-
modelValue: string | number | boolean |
|
|
843
|
+
modelValue: string | number | boolean | object | any[];
|
|
844
844
|
loading: boolean;
|
|
845
845
|
padded: boolean;
|
|
846
846
|
loadingIcon: string;
|
|
@@ -110,7 +110,7 @@ declare const config: {
|
|
|
110
110
|
};
|
|
111
111
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
112
112
|
modelValue: {
|
|
113
|
-
type:
|
|
113
|
+
type: PropType<string | number | null>;
|
|
114
114
|
default: string;
|
|
115
115
|
};
|
|
116
116
|
id: {
|
|
@@ -319,7 +319,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
319
319
|
onBlur: (event: FocusEvent) => void;
|
|
320
320
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "update:modelValue")[], "blur" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
321
321
|
modelValue: {
|
|
322
|
-
type:
|
|
322
|
+
type: PropType<string | number | null>;
|
|
323
323
|
default: string;
|
|
324
324
|
};
|
|
325
325
|
id: {
|
|
@@ -72,7 +72,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
72
72
|
default: any;
|
|
73
73
|
};
|
|
74
74
|
modelValue: {
|
|
75
|
-
type:
|
|
75
|
+
type: PropType<boolean | null>;
|
|
76
76
|
default: boolean;
|
|
77
77
|
};
|
|
78
78
|
disabled: {
|
|
@@ -199,7 +199,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
199
199
|
default: any;
|
|
200
200
|
};
|
|
201
201
|
modelValue: {
|
|
202
|
-
type:
|
|
202
|
+
type: PropType<boolean | null>;
|
|
203
203
|
default: boolean;
|
|
204
204
|
};
|
|
205
205
|
disabled: {
|
|
@@ -222,9 +222,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
222
222
|
}>, {
|
|
223
223
|
class: any;
|
|
224
224
|
timeout: number;
|
|
225
|
+
title: string;
|
|
225
226
|
avatar: Avatar;
|
|
226
227
|
color: NotificationColor;
|
|
227
|
-
title: string;
|
|
228
228
|
ui: {
|
|
229
229
|
wrapper?: string;
|
|
230
230
|
container?: string;
|
|
@@ -341,9 +341,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
341
341
|
}>, {
|
|
342
342
|
class: any;
|
|
343
343
|
timeout: number;
|
|
344
|
+
title: string;
|
|
344
345
|
avatar: import("../../types/avatar").Avatar;
|
|
345
346
|
color: import("../../types/notification").NotificationColor;
|
|
346
|
-
title: string;
|
|
347
347
|
ui: {
|
|
348
348
|
wrapper?: string;
|
|
349
349
|
container?: string;
|
|
@@ -139,7 +139,7 @@ export default defineComponent({
|
|
|
139
139
|
}
|
|
140
140
|
});
|
|
141
141
|
function onTouchStart(event) {
|
|
142
|
-
if (!event.cancelable || !popoverApi.value) {
|
|
142
|
+
if (!event.cancelable || !popoverApi.value || props.mode === "click") {
|
|
143
143
|
return;
|
|
144
144
|
}
|
|
145
145
|
if (popoverApi.value.popoverState === 0) {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
Hover
|
|
5
5
|
</slot>
|
|
6
6
|
|
|
7
|
-
<div v-if="open && !prevent" ref="container" :class="[ui.container, ui.width]">
|
|
7
|
+
<div v-if="open && !prevent && isVisible" ref="container" :class="[ui.container, ui.width]">
|
|
8
8
|
<Transition appear v-bind="ui.transition">
|
|
9
9
|
<div>
|
|
10
10
|
<div v-if="popper.arrow" data-popper-arrow :class="Object.values(ui.arrow)" />
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
</template>
|
|
30
30
|
|
|
31
31
|
<script>
|
|
32
|
-
import { computed, ref, toRef, defineComponent } from "vue";
|
|
32
|
+
import { computed, ref, toRef, defineComponent, useSlots } from "vue";
|
|
33
33
|
import { defu } from "defu";
|
|
34
34
|
import UKbd from "../elements/Kbd.vue";
|
|
35
35
|
import { useUI } from "../../composables/useUI";
|
|
@@ -84,6 +84,7 @@ export default defineComponent({
|
|
|
84
84
|
const open = ref(false);
|
|
85
85
|
let openTimeout = null;
|
|
86
86
|
let closeTimeout = null;
|
|
87
|
+
const isVisible = computed(() => !!(useSlots().text || props.text));
|
|
87
88
|
function onMouseEnter() {
|
|
88
89
|
if (closeTimeout) {
|
|
89
90
|
clearTimeout(closeTimeout);
|
|
@@ -120,7 +121,8 @@ export default defineComponent({
|
|
|
120
121
|
container,
|
|
121
122
|
open,
|
|
122
123
|
onMouseEnter,
|
|
123
|
-
onMouseLeave
|
|
124
|
+
onMouseLeave,
|
|
125
|
+
isVisible
|
|
124
126
|
};
|
|
125
127
|
}
|
|
126
128
|
});
|
|
@@ -117,6 +117,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
117
117
|
open: import("vue").Ref<boolean, boolean>;
|
|
118
118
|
onMouseEnter: () => void;
|
|
119
119
|
onMouseLeave: () => void;
|
|
120
|
+
isVisible: import("vue").ComputedRef<boolean>;
|
|
120
121
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
121
122
|
text: {
|
|
122
123
|
type: StringConstructor;
|
|
@@ -14,12 +14,12 @@ export default {
|
|
|
14
14
|
default: {
|
|
15
15
|
prevButton: {
|
|
16
16
|
color: "black",
|
|
17
|
-
class: "rtl:[&_span:first-child]:rotate-180 absolute
|
|
17
|
+
class: "rtl:[&_span:first-child]:rotate-180 absolute start-4 top-1/2 transform -translate-y-1/2 rounded-full",
|
|
18
18
|
icon: "i-heroicons-chevron-left-20-solid"
|
|
19
19
|
},
|
|
20
20
|
nextButton: {
|
|
21
21
|
color: "black",
|
|
22
|
-
class: "rtl:[&_span:last-child]:rotate-180 absolute
|
|
22
|
+
class: "rtl:[&_span:last-child]:rotate-180 absolute end-4 top-1/2 transform -translate-y-1/2 rounded-full",
|
|
23
23
|
icon: "i-heroicons-chevron-right-20-solid"
|
|
24
24
|
}
|
|
25
25
|
}
|
|
@@ -114,7 +114,7 @@ export const getNuxtLinkProps = (props) => {
|
|
|
114
114
|
}, {});
|
|
115
115
|
};
|
|
116
116
|
export const getULinkProps = (props) => {
|
|
117
|
-
const keys = [...Object.keys(nuxtLinkProps), ...Object.keys(uLinkProps), "ariaLabel"];
|
|
117
|
+
const keys = [...Object.keys(nuxtLinkProps), ...Object.keys(uLinkProps), "ariaLabel", "title"];
|
|
118
118
|
return keys.reduce((acc, key) => {
|
|
119
119
|
if (props[key] !== void 0) {
|
|
120
120
|
acc[key] = props[key];
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nuxt/ui",
|
|
3
3
|
"description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
|
|
4
|
-
"version": "2.18.
|
|
5
|
-
"packageManager": "pnpm@9.
|
|
4
|
+
"version": "2.18.7",
|
|
5
|
+
"packageManager": "pnpm@9.12.1",
|
|
6
6
|
"repository": "nuxt/ui",
|
|
7
7
|
"homepage": "https://ui.nuxt.com",
|
|
8
8
|
"type": "module",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"build:docs": "nuxi generate docs",
|
|
27
27
|
"lint": "eslint .",
|
|
28
28
|
"lint:fix": "eslint . --fix",
|
|
29
|
-
"typecheck": "vue-tsc --noEmit",
|
|
29
|
+
"typecheck": "vue-tsc --noEmit && nuxi typecheck docs",
|
|
30
30
|
"dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare docs",
|
|
31
31
|
"release": "release-it",
|
|
32
32
|
"test": "vitest"
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@headlessui/tailwindcss": "^0.2.1",
|
|
36
36
|
"@headlessui/vue": "^1.7.23",
|
|
37
|
-
"@iconify-json/heroicons": "^1.2.
|
|
38
|
-
"@nuxt/icon": "^1.5.
|
|
37
|
+
"@iconify-json/heroicons": "^1.2.1",
|
|
38
|
+
"@nuxt/icon": "^1.5.5",
|
|
39
39
|
"@nuxt/kit": "^3.13.2",
|
|
40
40
|
"@nuxtjs/color-mode": "^3.5.1",
|
|
41
41
|
"@nuxtjs/tailwindcss": "^6.12.1",
|
|
@@ -52,25 +52,25 @@
|
|
|
52
52
|
"ohash": "^1.1.4",
|
|
53
53
|
"pathe": "^1.1.2",
|
|
54
54
|
"scule": "^1.3.0",
|
|
55
|
-
"tailwind-merge": "^2.5.
|
|
56
|
-
"tailwindcss": "^3.4.
|
|
55
|
+
"tailwind-merge": "^2.5.3",
|
|
56
|
+
"tailwindcss": "^3.4.13"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
59
|
"@nuxt/eslint-config": "^0.4.0",
|
|
60
60
|
"@nuxt/module-builder": "^0.8.4",
|
|
61
|
-
"@nuxt/test-utils": "^3.14.
|
|
61
|
+
"@nuxt/test-utils": "^3.14.3",
|
|
62
62
|
"@release-it/conventional-changelog": "^8.0.2",
|
|
63
63
|
"@vue/test-utils": "^2.4.6",
|
|
64
64
|
"eslint": "^8.57.0",
|
|
65
65
|
"happy-dom": "^14.12.3",
|
|
66
66
|
"joi": "^17.13.3",
|
|
67
67
|
"nuxt": "^3.13.2",
|
|
68
|
-
"release-it": "^17.
|
|
68
|
+
"release-it": "^17.7.0",
|
|
69
69
|
"unbuild": "^2.0.0",
|
|
70
70
|
"valibot": "^0.42.1",
|
|
71
71
|
"valibot30": "npm:valibot@0.30.0",
|
|
72
72
|
"valibot31": "npm:valibot@0.31.0",
|
|
73
|
-
"vitest": "^2.1.
|
|
73
|
+
"vitest": "^2.1.2",
|
|
74
74
|
"vitest-environment-nuxt": "^1.0.1",
|
|
75
75
|
"vue-tsc": "^2.1.6",
|
|
76
76
|
"yup": "^1.4.0",
|