@sfxcode/nuxt-ui-formkit 1.2.6 → 1.2.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/README.md +3 -1
- package/dist/module.json +1 -1
- package/dist/runtime/components/FUAutoFormOverlay.d.vue.ts +1 -1
- package/dist/runtime/components/FUAutoFormOverlay.vue.d.ts +1 -1
- package/dist/runtime/components/inputs/FUInputRating.d.vue.ts +30 -0
- package/dist/runtime/components/inputs/FUInputRating.vue +48 -0
- package/dist/runtime/components/inputs/FUInputRating.vue.d.ts +30 -0
- package/dist/runtime/formkit/definitions/index.d.ts +1 -0
- package/dist/runtime/formkit/definitions/index.js +2 -1
- package/dist/runtime/formkit/definitions/index.mjs +2 -1
- package/dist/runtime/formkit/definitions/input.d.ts +1 -0
- package/dist/runtime/formkit/definitions/input.js +5 -0
- package/dist/runtime/formkit/definitions/input.mjs +5 -0
- package/dist/runtime/formkit/index.d.ts +5 -1
- package/package.json +8 -8
package/README.md
CHANGED
|
@@ -18,7 +18,7 @@ FormKit Nuxt UI bridges the gap between [FormKit](https://formkit.com/)'s powerf
|
|
|
18
18
|
|
|
19
19
|
## Features
|
|
20
20
|
|
|
21
|
-
✨ **
|
|
21
|
+
✨ **22 Input Components** - Complete set of FormKit-wrapped Nuxt UI input components
|
|
22
22
|
- `nuxtUICalendar` - Bare date-grid picker with range/multiple selection
|
|
23
23
|
- `nuxtUICheckbox` - Single checkbox with label and description
|
|
24
24
|
- `nuxtUICheckboxGroup` - Multiple checkbox selection
|
|
@@ -29,6 +29,7 @@ FormKit Nuxt UI bridges the gap between [FormKit](https://formkit.com/)'s powerf
|
|
|
29
29
|
- `nuxtUIInputDate` - Date and time picker with range support
|
|
30
30
|
- `nuxtUIInputMenu` - Dropdown menu with searchable options
|
|
31
31
|
- `nuxtUIInputNumber` - Number input with increment/decrement buttons
|
|
32
|
+
- `nuxtUIInputRating` - Star-based rating input for numeric values
|
|
32
33
|
- `nuxtUIInputTags` - Tag input with custom delimiters
|
|
33
34
|
- `nuxtUIInputTime` - Time picker with 12/24-hour format
|
|
34
35
|
- `nuxtUIListbox` - Listbox for single/multiple selection with filtering (for use with transfer mode lucide icons must be installed additionally)
|
|
@@ -315,6 +316,7 @@ The playground includes comprehensive examples for all components:
|
|
|
315
316
|
- [InputDate](./playground/app/pages/components/input/input-date.vue)
|
|
316
317
|
- [InputMenu](./playground/app/pages/components/input/input-menu.vue)
|
|
317
318
|
- [InputNumber](./playground/app/pages/components/input/input-number.vue)
|
|
319
|
+
- [InputRating](./playground/app/pages/components/input/input-rating.vue)
|
|
318
320
|
- [InputTags](./playground/app/pages/components/input/input-tags.vue)
|
|
319
321
|
- [InputTime](./playground/app/pages/components/input/input-time.vue)
|
|
320
322
|
- [Listbox](./playground/app/pages/components/input/listbox.vue)
|
package/dist/module.json
CHANGED
|
@@ -73,10 +73,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
73
73
|
}>, {
|
|
74
74
|
data: Record<string, any>;
|
|
75
75
|
title: string;
|
|
76
|
-
as: "modal" | "slideover";
|
|
77
76
|
overrides: AutoFormOverrides;
|
|
78
77
|
valibotSchema: ValibotLikeSchema;
|
|
79
78
|
zodSchema: ZodLikeSchema;
|
|
79
|
+
as: "modal" | "slideover";
|
|
80
80
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
81
81
|
declare const _default: typeof __VLS_export;
|
|
82
82
|
export default _default;
|
|
@@ -73,10 +73,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
73
73
|
}>, {
|
|
74
74
|
data: Record<string, any>;
|
|
75
75
|
title: string;
|
|
76
|
-
as: "modal" | "slideover";
|
|
77
76
|
overrides: AutoFormOverrides;
|
|
78
77
|
valibotSchema: ValibotLikeSchema;
|
|
79
78
|
zodSchema: ZodLikeSchema;
|
|
79
|
+
as: "modal" | "slideover";
|
|
80
80
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
81
81
|
declare const _default: typeof __VLS_export;
|
|
82
82
|
export default _default;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
+
import type { PropType } from 'vue';
|
|
3
|
+
export interface FormKitInputRatingProps {
|
|
4
|
+
color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
|
|
5
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
6
|
+
orientation?: 'horizontal' | 'vertical';
|
|
7
|
+
icon?: string;
|
|
8
|
+
emptyIcon?: string;
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
clearable?: boolean;
|
|
11
|
+
hoverable?: boolean;
|
|
12
|
+
length?: number;
|
|
13
|
+
step?: number;
|
|
14
|
+
defaultValue?: number;
|
|
15
|
+
name?: string;
|
|
16
|
+
ui?: Record<string, unknown>;
|
|
17
|
+
}
|
|
18
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
19
|
+
context: {
|
|
20
|
+
type: PropType<FormKitFrameworkContext & FormKitInputRatingProps>;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
context: {
|
|
25
|
+
type: PropType<FormKitFrameworkContext & FormKitInputRatingProps>;
|
|
26
|
+
required: true;
|
|
27
|
+
};
|
|
28
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
29
|
+
declare const _default: typeof __VLS_export;
|
|
30
|
+
export default _default;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { useFormKitInput } from "../../utils/useFormKitInput";
|
|
3
|
+
const props = defineProps({
|
|
4
|
+
context: {
|
|
5
|
+
type: Object,
|
|
6
|
+
required: true
|
|
7
|
+
}
|
|
8
|
+
});
|
|
9
|
+
const { handleInput, handleChange, handleBlur, styleClass, color, modelValue, validSlotNames, ui } = useFormKitInput(props.context);
|
|
10
|
+
</script>
|
|
11
|
+
|
|
12
|
+
<template>
|
|
13
|
+
<UInputRating
|
|
14
|
+
:id="context.id"
|
|
15
|
+
v-model="modelValue"
|
|
16
|
+
:name="context.node.name"
|
|
17
|
+
v-bind="{ ...context?.attrs }"
|
|
18
|
+
:class="styleClass"
|
|
19
|
+
:disabled="!!context?.disabled"
|
|
20
|
+
:style="context?.attrs.style"
|
|
21
|
+
:color="color"
|
|
22
|
+
:size="context.size ?? 'md'"
|
|
23
|
+
:orientation="context.orientation ?? 'horizontal'"
|
|
24
|
+
:icon="context.icon"
|
|
25
|
+
:empty-icon="context.emptyIcon"
|
|
26
|
+
:readonly="context.readonly"
|
|
27
|
+
:clearable="context.clearable"
|
|
28
|
+
:hoverable="context.hoverable"
|
|
29
|
+
:length="context.length ?? 5"
|
|
30
|
+
:step="context.step"
|
|
31
|
+
:default-value="context.defaultValue"
|
|
32
|
+
:ui="ui"
|
|
33
|
+
@change="handleChange"
|
|
34
|
+
@update:model-value="handleInput"
|
|
35
|
+
@blur="handleBlur"
|
|
36
|
+
>
|
|
37
|
+
<template
|
|
38
|
+
v-for="slotName in validSlotNames"
|
|
39
|
+
:key="slotName"
|
|
40
|
+
#[slotName]="slotProps"
|
|
41
|
+
>
|
|
42
|
+
<component
|
|
43
|
+
:is="context?.slots[slotName]"
|
|
44
|
+
v-bind="{ ...context, ...slotProps }"
|
|
45
|
+
/>
|
|
46
|
+
</template>
|
|
47
|
+
</UInputRating>
|
|
48
|
+
</template>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
+
import type { PropType } from 'vue';
|
|
3
|
+
export interface FormKitInputRatingProps {
|
|
4
|
+
color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
|
|
5
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
6
|
+
orientation?: 'horizontal' | 'vertical';
|
|
7
|
+
icon?: string;
|
|
8
|
+
emptyIcon?: string;
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
clearable?: boolean;
|
|
11
|
+
hoverable?: boolean;
|
|
12
|
+
length?: number;
|
|
13
|
+
step?: number;
|
|
14
|
+
defaultValue?: number;
|
|
15
|
+
name?: string;
|
|
16
|
+
ui?: Record<string, unknown>;
|
|
17
|
+
}
|
|
18
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
19
|
+
context: {
|
|
20
|
+
type: PropType<FormKitFrameworkContext & FormKitInputRatingProps>;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
context: {
|
|
25
|
+
type: PropType<FormKitFrameworkContext & FormKitInputRatingProps>;
|
|
26
|
+
required: true;
|
|
27
|
+
};
|
|
28
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
29
|
+
declare const _default: typeof __VLS_export;
|
|
30
|
+
export default _default;
|
|
@@ -12,6 +12,7 @@ export declare const nuxtUIInputs: {
|
|
|
12
12
|
nuxtUIInputDate: import("@formkit/core").FormKitTypeDefinition;
|
|
13
13
|
nuxtUIInputMenu: import("@formkit/core").FormKitTypeDefinition;
|
|
14
14
|
nuxtUIInputNumber: import("@formkit/core").FormKitTypeDefinition;
|
|
15
|
+
nuxtUIInputRating: import("@formkit/core").FormKitTypeDefinition;
|
|
15
16
|
nuxtUIInputTags: import("@formkit/core").FormKitTypeDefinition;
|
|
16
17
|
nuxtUIInputTime: import("@formkit/core").FormKitTypeDefinition;
|
|
17
18
|
nuxtUIListbox: import("@formkit/core").FormKitTypeDefinition;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { nuxtUICalendarDefinition, nuxtUICheckboxDefinition, nuxtUICheckboxGroupDefinition, nuxtUIColorPickerDefinition, nuxtUIEditorDefinition, nuxtUIFileUploadDefinition, nuxtUIInputDateDefinition, nuxtUIInputDefinition, nuxtUIInputMenuDefinition, nuxtUIInputNumberDefinition, nuxtUIInputTagsDefinition, nuxtUIInputTimeDefinition, nuxtUIListboxDefinition, nuxtUIPinInputDefinition, nuxtUIRadioGroupDefinition, nuxtUISelectDefinition, nuxtUISelectMenuDefinition, nuxtUISliderDefinition, nuxtUISwitchDefinition, nuxtUITextareaDefinition, nuxtUITreeDefinition } from "./input.js";
|
|
1
|
+
import { nuxtUICalendarDefinition, nuxtUICheckboxDefinition, nuxtUICheckboxGroupDefinition, nuxtUIColorPickerDefinition, nuxtUIEditorDefinition, nuxtUIFileUploadDefinition, nuxtUIInputDateDefinition, nuxtUIInputDefinition, nuxtUIInputMenuDefinition, nuxtUIInputNumberDefinition, nuxtUIInputRatingDefinition, nuxtUIInputTagsDefinition, nuxtUIInputTimeDefinition, nuxtUIListboxDefinition, nuxtUIPinInputDefinition, nuxtUIRadioGroupDefinition, nuxtUISelectDefinition, nuxtUISelectMenuDefinition, nuxtUISliderDefinition, nuxtUISwitchDefinition, nuxtUITextareaDefinition, nuxtUITreeDefinition } from "./input.js";
|
|
2
2
|
import { nuxtUIMultiStepDefinition, nuxtUIStepDefinition } from "./multiStep.js";
|
|
3
3
|
import { nuxtUIOutputBooleanDefinition, nuxtUIOutputDateDefinition, nuxtUIOutputLinkDefinition, nuxtUIOutputListDefinition, nuxtUIOutputNumberDefinition, nuxtUIOutputTextDefinition } from "./output.js";
|
|
4
4
|
import { nuxtUIRepeaterDefinition } from "./repeater.js";
|
|
@@ -16,6 +16,7 @@ export const nuxtUIInputs = {
|
|
|
16
16
|
nuxtUIInputDate: nuxtUIInputDateDefinition,
|
|
17
17
|
nuxtUIInputMenu: nuxtUIInputMenuDefinition,
|
|
18
18
|
nuxtUIInputNumber: nuxtUIInputNumberDefinition,
|
|
19
|
+
nuxtUIInputRating: nuxtUIInputRatingDefinition,
|
|
19
20
|
nuxtUIInputTags: nuxtUIInputTagsDefinition,
|
|
20
21
|
nuxtUIInputTime: nuxtUIInputTimeDefinition,
|
|
21
22
|
nuxtUIListbox: nuxtUIListboxDefinition,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { nuxtUICalendarDefinition, nuxtUICheckboxDefinition, nuxtUICheckboxGroupDefinition, nuxtUIColorPickerDefinition, nuxtUIEditorDefinition, nuxtUIFileUploadDefinition, nuxtUIInputDateDefinition, nuxtUIInputDefinition, nuxtUIInputMenuDefinition, nuxtUIInputNumberDefinition, nuxtUIInputTagsDefinition, nuxtUIInputTimeDefinition, nuxtUIListboxDefinition, nuxtUIPinInputDefinition, nuxtUIRadioGroupDefinition, nuxtUISelectDefinition, nuxtUISelectMenuDefinition, nuxtUISliderDefinition, nuxtUISwitchDefinition, nuxtUITextareaDefinition, nuxtUITreeDefinition } from "./input.mjs";
|
|
1
|
+
import { nuxtUICalendarDefinition, nuxtUICheckboxDefinition, nuxtUICheckboxGroupDefinition, nuxtUIColorPickerDefinition, nuxtUIEditorDefinition, nuxtUIFileUploadDefinition, nuxtUIInputDateDefinition, nuxtUIInputDefinition, nuxtUIInputMenuDefinition, nuxtUIInputNumberDefinition, nuxtUIInputRatingDefinition, nuxtUIInputTagsDefinition, nuxtUIInputTimeDefinition, nuxtUIListboxDefinition, nuxtUIPinInputDefinition, nuxtUIRadioGroupDefinition, nuxtUISelectDefinition, nuxtUISelectMenuDefinition, nuxtUISliderDefinition, nuxtUISwitchDefinition, nuxtUITextareaDefinition, nuxtUITreeDefinition } from "./input.mjs";
|
|
2
2
|
import { nuxtUIMultiStepDefinition, nuxtUIStepDefinition } from "./multiStep.mjs";
|
|
3
3
|
import { nuxtUIOutputBooleanDefinition, nuxtUIOutputDateDefinition, nuxtUIOutputLinkDefinition, nuxtUIOutputListDefinition, nuxtUIOutputNumberDefinition, nuxtUIOutputTextDefinition } from "./output.mjs";
|
|
4
4
|
import { nuxtUIRepeaterDefinition } from "./repeater.mjs";
|
|
@@ -16,6 +16,7 @@ export const nuxtUIInputs = {
|
|
|
16
16
|
nuxtUIInputDate: nuxtUIInputDateDefinition,
|
|
17
17
|
nuxtUIInputMenu: nuxtUIInputMenuDefinition,
|
|
18
18
|
nuxtUIInputNumber: nuxtUIInputNumberDefinition,
|
|
19
|
+
nuxtUIInputRating: nuxtUIInputRatingDefinition,
|
|
19
20
|
nuxtUIInputTags: nuxtUIInputTagsDefinition,
|
|
20
21
|
nuxtUIInputTime: nuxtUIInputTimeDefinition,
|
|
21
22
|
nuxtUIListbox: nuxtUIListboxDefinition,
|
|
@@ -9,6 +9,7 @@ export declare const nuxtUIInputDefinition: FormKitTypeDefinition;
|
|
|
9
9
|
export declare const nuxtUIInputDateDefinition: FormKitTypeDefinition;
|
|
10
10
|
export declare const nuxtUIInputMenuDefinition: FormKitTypeDefinition;
|
|
11
11
|
export declare const nuxtUIInputNumberDefinition: FormKitTypeDefinition;
|
|
12
|
+
export declare const nuxtUIInputRatingDefinition: FormKitTypeDefinition;
|
|
12
13
|
export declare const nuxtUIInputTagsDefinition: FormKitTypeDefinition;
|
|
13
14
|
export declare const nuxtUIInputTimeDefinition: FormKitTypeDefinition;
|
|
14
15
|
export declare const nuxtUIListboxDefinition: FormKitTypeDefinition;
|
|
@@ -9,6 +9,7 @@ import FUInput from "../../../runtime/components/inputs/FUInput.vue";
|
|
|
9
9
|
import FUInputDate from "../../../runtime/components/inputs/FUInputDate.vue";
|
|
10
10
|
import FUInputMenu from "../../../runtime/components/inputs/FUInputMenu.vue";
|
|
11
11
|
import FUInputNumber from "../../../runtime/components/inputs/FUInputNumber.vue";
|
|
12
|
+
import FUInputRating from "../../../runtime/components/inputs/FUInputRating.vue";
|
|
12
13
|
import FUInputTags from "../../../runtime/components/inputs/FUInputTags.vue";
|
|
13
14
|
import FUInputTime from "../../../runtime/components/inputs/FUInputTime.vue";
|
|
14
15
|
import FUListbox from "../../../runtime/components/inputs/FUListbox.vue";
|
|
@@ -60,6 +61,10 @@ export const nuxtUIInputNumberDefinition = createInput(FUInputNumber, {
|
|
|
60
61
|
props: ["placeholder", "color", "variant", "size", "highlight", "fixed", "orientation", "increment", "incrementIcon", "incrementDisabled", "decrement", "decrementIcon", "decrementDisabled", "autofocus", "autofocusDelay", "min", "max", "step", "stepSnapping", "formatOptions", "disableWheelChange", "invertWheelChange", "focusOnChange", "locale", "list", "autocomplete", "ui"],
|
|
61
62
|
family: "NuxtUIInput"
|
|
62
63
|
});
|
|
64
|
+
export const nuxtUIInputRatingDefinition = createInput(FUInputRating, {
|
|
65
|
+
props: ["color", "size", "orientation", "icon", "emptyIcon", "readonly", "clearable", "hoverable", "length", "step", "defaultValue", "name", "ui"],
|
|
66
|
+
family: "NuxtUIInput"
|
|
67
|
+
});
|
|
63
68
|
export const nuxtUIInputTagsDefinition = createInput(FUInputTags, {
|
|
64
69
|
props: ["placeholder", "maxLength", "color", "variant", "size", "autofocus", "autofocusDelay", "deleteIcon", "highlight", "fixed", "addOnPaste", "addOnTab", "addOnBlur", "duplicate", "delimiter", "max", "convertValue", "displayValue", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "list", "autocomplete", "ui"],
|
|
65
70
|
family: "NuxtUIInput"
|
|
@@ -9,6 +9,7 @@ import FUInput from "../../../runtime/components/inputs/FUInput.vue";
|
|
|
9
9
|
import FUInputDate from "../../../runtime/components/inputs/FUInputDate.vue";
|
|
10
10
|
import FUInputMenu from "../../../runtime/components/inputs/FUInputMenu.vue";
|
|
11
11
|
import FUInputNumber from "../../../runtime/components/inputs/FUInputNumber.vue";
|
|
12
|
+
import FUInputRating from "../../../runtime/components/inputs/FUInputRating.vue";
|
|
12
13
|
import FUInputTags from "../../../runtime/components/inputs/FUInputTags.vue";
|
|
13
14
|
import FUInputTime from "../../../runtime/components/inputs/FUInputTime.vue";
|
|
14
15
|
import FUListbox from "../../../runtime/components/inputs/FUListbox.vue";
|
|
@@ -60,6 +61,10 @@ export const nuxtUIInputNumberDefinition = createInput(FUInputNumber, {
|
|
|
60
61
|
props: ["placeholder", "color", "variant", "size", "highlight", "fixed", "orientation", "increment", "incrementIcon", "incrementDisabled", "decrement", "decrementIcon", "decrementDisabled", "autofocus", "autofocusDelay", "min", "max", "step", "stepSnapping", "formatOptions", "disableWheelChange", "invertWheelChange", "focusOnChange", "locale", "list", "autocomplete", "ui"],
|
|
61
62
|
family: "NuxtUIInput"
|
|
62
63
|
});
|
|
64
|
+
export const nuxtUIInputRatingDefinition = createInput(FUInputRating, {
|
|
65
|
+
props: ["color", "size", "orientation", "icon", "emptyIcon", "readonly", "clearable", "hoverable", "length", "step", "defaultValue", "name", "ui"],
|
|
66
|
+
family: "NuxtUIInput"
|
|
67
|
+
});
|
|
63
68
|
export const nuxtUIInputTagsDefinition = createInput(FUInputTags, {
|
|
64
69
|
props: ["placeholder", "maxLength", "color", "variant", "size", "autofocus", "autofocusDelay", "deleteIcon", "highlight", "fixed", "addOnPaste", "addOnTab", "addOnBlur", "duplicate", "delimiter", "max", "convertValue", "displayValue", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "list", "autocomplete", "ui"],
|
|
65
70
|
family: "NuxtUIInput"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { FormKitMultiStepSlots, FormKitStepSlots } from '@formkit/addons';
|
|
2
2
|
import type { FormKitBaseSlots, FormKitInputs } from '@formkit/inputs';
|
|
3
|
-
import type { CalendarSlots, CheckboxSlots, CheckboxGroupSlots, EditorSlots, FileUploadSlots, RadioGroupSlots, InputSlots, TextareaSlots, SelectSlots, SelectMenuSlots, InputDateSlots, InputMenuSlots, InputNumberSlots, InputTagsSlots, InputTimeSlots, ListboxSlots, PinInputSlots, SwitchSlots, TreeSlots } from '@nuxt/ui';
|
|
3
|
+
import type { CalendarSlots, CheckboxSlots, CheckboxGroupSlots, EditorSlots, FileUploadSlots, RadioGroupSlots, InputSlots, TextareaSlots, SelectSlots, SelectMenuSlots, InputDateSlots, InputMenuSlots, InputNumberSlots, InputRatingSlots, InputTagsSlots, InputTimeSlots, ListboxSlots, PinInputSlots, SwitchSlots, TreeSlots } from '@nuxt/ui';
|
|
4
4
|
export * from './createNuxtUiFormkitConfig.js';
|
|
5
5
|
export * from './definitions/index.js';
|
|
6
6
|
export * from './plugins/index.js';
|
|
@@ -40,6 +40,9 @@ declare module '@formkit/inputs' {
|
|
|
40
40
|
nuxtUIInputNumber: {
|
|
41
41
|
type: 'nuxtUIInputNumber';
|
|
42
42
|
};
|
|
43
|
+
nuxtUIInputRating: {
|
|
44
|
+
type: 'nuxtUIInputRating';
|
|
45
|
+
};
|
|
43
46
|
nuxtUIInputTags: {
|
|
44
47
|
type: 'nuxtUIInputTags';
|
|
45
48
|
};
|
|
@@ -111,6 +114,7 @@ declare module '@formkit/inputs' {
|
|
|
111
114
|
nuxtUIInputDate: MergeSlots<FormKitBaseSlots<Props>, InputDateSlots>;
|
|
112
115
|
nuxtUIInputMenu: MergeSlots<FormKitBaseSlots<Props>, InputMenuSlots>;
|
|
113
116
|
nuxtUIInputNumber: MergeSlots<FormKitBaseSlots<Props>, InputNumberSlots>;
|
|
117
|
+
nuxtUIInputRating: MergeSlots<FormKitBaseSlots<Props>, InputRatingSlots>;
|
|
114
118
|
nuxtUIInputTags: MergeSlots<FormKitBaseSlots<Props>, InputTagsSlots>;
|
|
115
119
|
nuxtUIInputTime: MergeSlots<FormKitBaseSlots<Props>, InputTimeSlots>;
|
|
116
120
|
nuxtUIListbox: MergeSlots<FormKitBaseSlots<Props>, ListboxSlots>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sfxcode/nuxt-ui-formkit",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.7",
|
|
4
4
|
"description": "FormKit integration for Nuxt UI - Seamlessly connect FormKit form handling with Nuxt UI components",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Tom",
|
|
@@ -91,9 +91,9 @@
|
|
|
91
91
|
"@formkit/addons": "^2.1.0",
|
|
92
92
|
"@formkit/nuxt": "^2.1.0",
|
|
93
93
|
"@nuxt/kit": "4.4.8",
|
|
94
|
-
"@nuxt/ui": "^4.
|
|
94
|
+
"@nuxt/ui": "^4.10.0",
|
|
95
95
|
"@standard-schema/spec": "^1.1.0",
|
|
96
|
-
"@vue/compiler-dom": "^3.5.
|
|
96
|
+
"@vue/compiler-dom": "^3.5.40"
|
|
97
97
|
},
|
|
98
98
|
"devDependencies": {
|
|
99
99
|
"@codemirror/lang-json": "^6.0.2",
|
|
@@ -101,19 +101,19 @@
|
|
|
101
101
|
"@codemirror/theme-one-dark": "^6.1.3",
|
|
102
102
|
"@codemirror/view": "^6.43.6",
|
|
103
103
|
"@iconify-json/heroicons": "^1.2.3",
|
|
104
|
-
"@iconify-json/lucide": "^1.2.
|
|
105
|
-
"@iconify-json/simple-icons": "^1.2.
|
|
104
|
+
"@iconify-json/lucide": "^1.2.117",
|
|
105
|
+
"@iconify-json/simple-icons": "^1.2.90",
|
|
106
106
|
"@nuxt/devtools": "4.0.0-alpha.7",
|
|
107
107
|
"@nuxt/eslint-config": "^1.16.0",
|
|
108
108
|
"@nuxt/module-builder": "^1.0.2",
|
|
109
109
|
"@nuxt/schema": "4.4.8",
|
|
110
110
|
"@nuxt/test-utils": "^4.0.3",
|
|
111
111
|
"@types/node": "latest",
|
|
112
|
-
"@vitejs/plugin-vue": "^6.0.
|
|
112
|
+
"@vitejs/plugin-vue": "^6.0.8",
|
|
113
113
|
"@vue/test-utils": "^2.4.11",
|
|
114
114
|
"changelogen": "^0.6.2",
|
|
115
115
|
"codemirror": "^6.0.2",
|
|
116
|
-
"eslint": "^10.
|
|
116
|
+
"eslint": "^10.7.0",
|
|
117
117
|
"jsdom": "^29.1.1",
|
|
118
118
|
"mkdist": "^2.4.1",
|
|
119
119
|
"nuxt": "4.4.8",
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
"valibot": "^1.4.2",
|
|
124
124
|
"vitepress": "2.0.0-alpha.17",
|
|
125
125
|
"vitest": "^4.1.10",
|
|
126
|
-
"vue": "^3.5.
|
|
126
|
+
"vue": "^3.5.40",
|
|
127
127
|
"vue-i18n": "^11.4.6",
|
|
128
128
|
"vue-tsc": "^3.3.7",
|
|
129
129
|
"zod": "^4.4.3"
|