@sfxcode/formkit-primevue 3.2.6 → 3.2.8
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/components/FormKitDataEdit.d.vue.ts +184 -0
- package/dist/components/FormKitDataEdit.vue +52 -33
- package/dist/components/FormKitDataEdit.vue.d.ts +184 -0
- package/dist/components/FormKitDataView.d.vue.ts +77 -0
- package/dist/components/FormKitDataView.vue +34 -17
- package/dist/components/FormKitDataView.vue.d.ts +77 -0
- package/dist/components/FormKitIcon.d.vue.ts +39 -0
- package/dist/components/FormKitIcon.vue +13 -6
- package/dist/components/FormKitIcon.vue.d.ts +39 -0
- package/dist/components/FormKitPrefix.d.vue.ts +7 -0
- package/dist/components/FormKitPrefix.vue +3 -3
- package/dist/components/FormKitPrefix.vue.d.ts +7 -0
- package/dist/components/FormKitSuffix.d.vue.ts +7 -0
- package/dist/components/FormKitSuffix.vue +3 -3
- package/dist/components/FormKitSuffix.vue.d.ts +7 -0
- package/dist/components/PrimeAutoComplete.d.vue.ts +31 -0
- package/dist/components/PrimeAutoComplete.vue +98 -47
- package/dist/components/PrimeAutoComplete.vue.d.ts +31 -0
- package/dist/components/PrimeCascadeSelect.d.vue.ts +28 -0
- package/dist/components/PrimeCascadeSelect.vue +26 -7
- package/dist/components/PrimeCascadeSelect.vue.d.ts +28 -0
- package/dist/components/PrimeCheckbox.d.vue.ts +27 -0
- package/dist/components/PrimeCheckbox.vue +29 -9
- package/dist/components/PrimeCheckbox.vue.d.ts +27 -0
- package/dist/components/PrimeColorPicker.d.vue.ts +24 -0
- package/dist/components/PrimeColorPicker.vue +22 -7
- package/dist/components/PrimeColorPicker.vue.d.ts +24 -0
- package/dist/components/PrimeDatePicker.d.vue.ts +63 -0
- package/dist/components/PrimeDatePicker.vue +73 -15
- package/dist/components/PrimeDatePicker.vue.d.ts +63 -0
- package/dist/components/PrimeInputMask.d.vue.ts +28 -0
- package/dist/components/PrimeInputMask.vue +29 -10
- package/dist/components/PrimeInputMask.vue.d.ts +28 -0
- package/dist/components/PrimeInputNumber.d.vue.ts +36 -0
- package/dist/components/PrimeInputNumber.vue +56 -22
- package/dist/components/PrimeInputNumber.vue.d.ts +36 -0
- package/dist/components/PrimeInputOtp.d.vue.ts +26 -0
- package/dist/components/PrimeInputOtp.vue +24 -7
- package/dist/components/PrimeInputOtp.vue.d.ts +26 -0
- package/dist/components/PrimeInputText.d.vue.ts +24 -0
- package/dist/components/PrimeInputText.vue +25 -10
- package/dist/components/PrimeInputText.vue.d.ts +24 -0
- package/dist/components/PrimeKnob.d.vue.ts +31 -0
- package/dist/components/PrimeKnob.vue +37 -12
- package/dist/components/PrimeKnob.vue.d.ts +31 -0
- package/dist/components/PrimeListbox.d.vue.ts +42 -0
- package/dist/components/PrimeListbox.vue +39 -7
- package/dist/components/PrimeListbox.vue.d.ts +42 -0
- package/dist/components/PrimeMultiSelect.d.vue.ts +53 -0
- package/dist/components/PrimeMultiSelect.vue +52 -7
- package/dist/components/PrimeMultiSelect.vue.d.ts +53 -0
- package/dist/components/PrimeOutputBoolean.d.vue.ts +16 -0
- package/dist/components/PrimeOutputBoolean.vue +23 -16
- package/dist/components/PrimeOutputBoolean.vue.d.ts +16 -0
- package/dist/components/PrimeOutputDate.d.vue.ts +16 -0
- package/dist/components/PrimeOutputDate.vue +31 -21
- package/dist/components/PrimeOutputDate.vue.d.ts +16 -0
- package/dist/components/PrimeOutputDuration.d.vue.ts +16 -0
- package/dist/components/PrimeOutputDuration.vue +17 -11
- package/dist/components/PrimeOutputDuration.vue.d.ts +16 -0
- package/dist/components/PrimeOutputLink.d.vue.ts +16 -0
- package/dist/components/PrimeOutputLink.vue +24 -17
- package/dist/components/PrimeOutputLink.vue.d.ts +16 -0
- package/dist/components/PrimeOutputList.d.vue.ts +19 -0
- package/dist/components/PrimeOutputList.vue +29 -18
- package/dist/components/PrimeOutputList.vue.d.ts +19 -0
- package/dist/components/PrimeOutputNumber.d.vue.ts +16 -0
- package/dist/components/PrimeOutputNumber.vue +37 -24
- package/dist/components/PrimeOutputNumber.vue.d.ts +16 -0
- package/dist/components/PrimeOutputReference.d.vue.ts +16 -0
- package/dist/components/PrimeOutputReference.vue +28 -21
- package/dist/components/PrimeOutputReference.vue.d.ts +16 -0
- package/dist/components/PrimeOutputText.d.vue.ts +21 -0
- package/dist/components/PrimeOutputText.vue +37 -22
- package/dist/components/PrimeOutputText.vue.d.ts +21 -0
- package/dist/components/PrimePassword.d.vue.ts +33 -0
- package/dist/components/PrimePassword.vue +31 -7
- package/dist/components/PrimePassword.vue.d.ts +33 -0
- package/dist/components/PrimeRadioButton.d.vue.ts +28 -0
- package/dist/components/PrimeRadioButton.vue +23 -7
- package/dist/components/PrimeRadioButton.vue.d.ts +28 -0
- package/dist/components/PrimeRating.d.vue.ts +24 -0
- package/dist/components/PrimeRating.vue +22 -7
- package/dist/components/PrimeRating.vue.d.ts +24 -0
- package/dist/components/PrimeSelect.d.vue.ts +50 -0
- package/dist/components/PrimeSelect.vue +49 -7
- package/dist/components/PrimeSelect.vue.d.ts +50 -0
- package/dist/components/PrimeSelectButton.d.vue.ts +28 -0
- package/dist/components/PrimeSelectButton.vue +27 -7
- package/dist/components/PrimeSelectButton.vue.d.ts +28 -0
- package/dist/components/PrimeSlider.d.vue.ts +26 -0
- package/dist/components/PrimeSlider.vue +28 -10
- package/dist/components/PrimeSlider.vue.d.ts +26 -0
- package/dist/components/PrimeTextarea.d.vue.ts +25 -0
- package/dist/components/PrimeTextarea.vue +23 -7
- package/dist/components/PrimeTextarea.vue.d.ts +25 -0
- package/dist/components/PrimeToggleButton.d.vue.ts +26 -0
- package/dist/components/PrimeToggleButton.vue +25 -7
- package/dist/components/PrimeToggleButton.vue.d.ts +26 -0
- package/dist/components/PrimeToggleSwitch.d.vue.ts +23 -0
- package/dist/components/PrimeToggleSwitch.vue +23 -8
- package/dist/components/PrimeToggleSwitch.vue.d.ts +23 -0
- package/dist/components/PrimeTreeSelect.d.vue.ts +32 -0
- package/dist/components/PrimeTreeSelect.vue +30 -7
- package/dist/components/PrimeTreeSelect.vue.d.ts +32 -0
- package/dist/components/index.d.ts +1 -2
- package/dist/components/index.js +0 -7
- package/dist/components/index.mjs +0 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +0 -6
- package/dist/index.mjs +1 -2
- package/package.json +1 -1
- package/dist/components/FormKitDebug.vue +0 -20
|
@@ -1,32 +1,47 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
1
|
+
<script setup lang='ts'>
|
|
2
|
+
import type { FormKitFrameworkContext } from '@formkit/core'
|
|
3
|
+
import type { PropType } from 'vue'
|
|
4
|
+
import type { FormKitIconProps } from './FormKitIcon.vue'
|
|
5
|
+
import { computed } from 'vue'
|
|
6
|
+
import { useI18n } from 'vue-i18n'
|
|
7
|
+
import { useFormKitSection } from '../composables'
|
|
8
|
+
import FormKitIcon from './FormKitIcon.vue'
|
|
9
|
+
import FormKitPrefix from './FormKitPrefix.vue'
|
|
10
|
+
import FormKitSuffix from './FormKitSuffix.vue'
|
|
11
|
+
|
|
12
|
+
export interface FormKitOutputTextProps {
|
|
13
|
+
html?: boolean
|
|
14
|
+
isTranslationKey?: boolean
|
|
15
|
+
convertValue?: (value: string) => string
|
|
16
|
+
}
|
|
17
|
+
|
|
8
18
|
const props = defineProps({
|
|
9
19
|
context: {
|
|
10
|
-
type: Object,
|
|
11
|
-
required: true
|
|
12
|
-
}
|
|
13
|
-
})
|
|
20
|
+
type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps,
|
|
21
|
+
required: true,
|
|
22
|
+
},
|
|
23
|
+
})
|
|
24
|
+
|
|
14
25
|
const textValue = computed(() => {
|
|
15
|
-
const value = props.context?._value
|
|
16
|
-
const { t } = useI18n()
|
|
26
|
+
const value = props.context?._value
|
|
27
|
+
const { t } = useI18n()
|
|
17
28
|
if (value) {
|
|
18
29
|
if (props.context?.isTranslationKey) {
|
|
19
|
-
return t(value)
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
30
|
+
return t(value)
|
|
31
|
+
}
|
|
32
|
+
else if (typeof props.context?.convertValue === 'function') {
|
|
33
|
+
return props.context?.convertValue(value)
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
return value
|
|
24
37
|
}
|
|
25
|
-
} else {
|
|
26
|
-
return "";
|
|
27
38
|
}
|
|
28
|
-
|
|
29
|
-
|
|
39
|
+
else {
|
|
40
|
+
return ''
|
|
41
|
+
}
|
|
42
|
+
})
|
|
43
|
+
|
|
44
|
+
const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
|
|
30
45
|
</script>
|
|
31
46
|
|
|
32
47
|
<template>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
+
import type { PropType } from 'vue';
|
|
3
|
+
import type { FormKitIconProps } from './FormKitIcon.vue';
|
|
4
|
+
export interface FormKitOutputTextProps {
|
|
5
|
+
html?: boolean;
|
|
6
|
+
isTranslationKey?: boolean;
|
|
7
|
+
convertValue?: (value: string) => string;
|
|
8
|
+
}
|
|
9
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
10
|
+
context: {
|
|
11
|
+
type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
15
|
+
context: {
|
|
16
|
+
type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
|
|
17
|
+
required: true;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
+
import type { PasswordProps } from 'primevue/password';
|
|
3
|
+
import type { PropType } from 'vue';
|
|
4
|
+
export interface FormKitPrimePasswordProps {
|
|
5
|
+
mediumRegex?: PasswordProps['mediumRegex'];
|
|
6
|
+
strongRegex?: PasswordProps['strongRegex'];
|
|
7
|
+
promptLabel?: PasswordProps['promptLabel'];
|
|
8
|
+
weakLabel?: PasswordProps['weakLabel'];
|
|
9
|
+
mediumLabel?: PasswordProps['mediumLabel'];
|
|
10
|
+
strongLabel?: PasswordProps['strongLabel'];
|
|
11
|
+
maskIcon?: PasswordProps['maskIcon'];
|
|
12
|
+
unmaskIcon?: PasswordProps['unmaskIcon'];
|
|
13
|
+
pt?: PasswordProps['pt'];
|
|
14
|
+
ptOptions?: PasswordProps['ptOptions'];
|
|
15
|
+
unstyled?: PasswordProps['unstyled'];
|
|
16
|
+
placeholder?: PasswordProps['placeholder'];
|
|
17
|
+
feedback?: PasswordProps['feedback'];
|
|
18
|
+
toggleMask?: PasswordProps['toggleMask'];
|
|
19
|
+
size?: PasswordProps['size'];
|
|
20
|
+
}
|
|
21
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
22
|
+
context: {
|
|
23
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
27
|
+
context: {
|
|
28
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>;
|
|
29
|
+
required: true;
|
|
30
|
+
};
|
|
31
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
32
|
+
declare const _default: typeof __VLS_export;
|
|
33
|
+
export default _default;
|
|
@@ -1,12 +1,36 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import {
|
|
1
|
+
<script setup lang='ts'>
|
|
2
|
+
import type { FormKitFrameworkContext } from '@formkit/core'
|
|
3
|
+
import type { PasswordProps } from 'primevue/password'
|
|
4
|
+
|
|
5
|
+
import type { PropType } from 'vue'
|
|
6
|
+
import { useFormKitInput } from '../composables'
|
|
7
|
+
|
|
8
|
+
export interface FormKitPrimePasswordProps {
|
|
9
|
+
mediumRegex?: PasswordProps['mediumRegex']
|
|
10
|
+
strongRegex?: PasswordProps['strongRegex']
|
|
11
|
+
promptLabel?: PasswordProps['promptLabel']
|
|
12
|
+
weakLabel?: PasswordProps['weakLabel']
|
|
13
|
+
mediumLabel?: PasswordProps['mediumLabel']
|
|
14
|
+
strongLabel?: PasswordProps['strongLabel']
|
|
15
|
+
maskIcon?: PasswordProps['maskIcon']
|
|
16
|
+
unmaskIcon?: PasswordProps['unmaskIcon']
|
|
17
|
+
pt?: PasswordProps['pt']
|
|
18
|
+
ptOptions?: PasswordProps['ptOptions']
|
|
19
|
+
unstyled?: PasswordProps['unstyled']
|
|
20
|
+
placeholder?: PasswordProps['placeholder']
|
|
21
|
+
feedback?: PasswordProps['feedback']
|
|
22
|
+
toggleMask?: PasswordProps['toggleMask']
|
|
23
|
+
size?: PasswordProps['size']
|
|
24
|
+
}
|
|
25
|
+
|
|
3
26
|
const props = defineProps({
|
|
4
27
|
context: {
|
|
5
|
-
type: Object
|
|
6
|
-
required: true
|
|
7
|
-
}
|
|
8
|
-
})
|
|
9
|
-
|
|
28
|
+
type: Object as PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>,
|
|
29
|
+
required: true,
|
|
30
|
+
},
|
|
31
|
+
})
|
|
32
|
+
|
|
33
|
+
const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
|
|
10
34
|
</script>
|
|
11
35
|
|
|
12
36
|
<template>
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
+
import type { PasswordProps } from 'primevue/password';
|
|
3
|
+
import type { PropType } from 'vue';
|
|
4
|
+
export interface FormKitPrimePasswordProps {
|
|
5
|
+
mediumRegex?: PasswordProps['mediumRegex'];
|
|
6
|
+
strongRegex?: PasswordProps['strongRegex'];
|
|
7
|
+
promptLabel?: PasswordProps['promptLabel'];
|
|
8
|
+
weakLabel?: PasswordProps['weakLabel'];
|
|
9
|
+
mediumLabel?: PasswordProps['mediumLabel'];
|
|
10
|
+
strongLabel?: PasswordProps['strongLabel'];
|
|
11
|
+
maskIcon?: PasswordProps['maskIcon'];
|
|
12
|
+
unmaskIcon?: PasswordProps['unmaskIcon'];
|
|
13
|
+
pt?: PasswordProps['pt'];
|
|
14
|
+
ptOptions?: PasswordProps['ptOptions'];
|
|
15
|
+
unstyled?: PasswordProps['unstyled'];
|
|
16
|
+
placeholder?: PasswordProps['placeholder'];
|
|
17
|
+
feedback?: PasswordProps['feedback'];
|
|
18
|
+
toggleMask?: PasswordProps['toggleMask'];
|
|
19
|
+
size?: PasswordProps['size'];
|
|
20
|
+
}
|
|
21
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
22
|
+
context: {
|
|
23
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
27
|
+
context: {
|
|
28
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>;
|
|
29
|
+
required: true;
|
|
30
|
+
};
|
|
31
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
32
|
+
declare const _default: typeof __VLS_export;
|
|
33
|
+
export default _default;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
+
import type { RadioButtonProps } from 'primevue/radiobutton';
|
|
3
|
+
import type { PropType } from 'vue';
|
|
4
|
+
export interface FormKitPrimeRadioButtonProps {
|
|
5
|
+
pt?: RadioButtonProps['pt'];
|
|
6
|
+
ptOptions?: RadioButtonProps['ptOptions'];
|
|
7
|
+
unstyled?: RadioButtonProps['unstyled'];
|
|
8
|
+
size?: RadioButtonProps['size'];
|
|
9
|
+
options?: {
|
|
10
|
+
label: string;
|
|
11
|
+
value: any;
|
|
12
|
+
}[];
|
|
13
|
+
optionsClass?: string;
|
|
14
|
+
optionClass?: string;
|
|
15
|
+
}
|
|
16
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
17
|
+
context: {
|
|
18
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
|
+
context: {
|
|
23
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
27
|
+
declare const _default: typeof __VLS_export;
|
|
28
|
+
export default _default;
|
|
@@ -1,12 +1,28 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import {
|
|
1
|
+
<script setup lang='ts'>
|
|
2
|
+
import type { FormKitFrameworkContext } from '@formkit/core'
|
|
3
|
+
import type { RadioButtonProps } from 'primevue/radiobutton'
|
|
4
|
+
|
|
5
|
+
import type { PropType } from 'vue'
|
|
6
|
+
import { useFormKitInput } from '../composables'
|
|
7
|
+
|
|
8
|
+
export interface FormKitPrimeRadioButtonProps {
|
|
9
|
+
pt?: RadioButtonProps['pt']
|
|
10
|
+
ptOptions?: RadioButtonProps['ptOptions']
|
|
11
|
+
unstyled?: RadioButtonProps['unstyled']
|
|
12
|
+
size?: RadioButtonProps['size']
|
|
13
|
+
options?: { label: string, value: any }[]
|
|
14
|
+
optionsClass?: string
|
|
15
|
+
optionClass?: string
|
|
16
|
+
}
|
|
17
|
+
|
|
3
18
|
const props = defineProps({
|
|
4
19
|
context: {
|
|
5
|
-
type: Object
|
|
6
|
-
required: true
|
|
7
|
-
}
|
|
8
|
-
})
|
|
9
|
-
|
|
20
|
+
type: Object as PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>,
|
|
21
|
+
required: true,
|
|
22
|
+
},
|
|
23
|
+
})
|
|
24
|
+
|
|
25
|
+
const { unstyled, isInvalid, handleChange, handleBlur } = useFormKitInput(props.context)
|
|
10
26
|
</script>
|
|
11
27
|
|
|
12
28
|
<template>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
+
import type { RadioButtonProps } from 'primevue/radiobutton';
|
|
3
|
+
import type { PropType } from 'vue';
|
|
4
|
+
export interface FormKitPrimeRadioButtonProps {
|
|
5
|
+
pt?: RadioButtonProps['pt'];
|
|
6
|
+
ptOptions?: RadioButtonProps['ptOptions'];
|
|
7
|
+
unstyled?: RadioButtonProps['unstyled'];
|
|
8
|
+
size?: RadioButtonProps['size'];
|
|
9
|
+
options?: {
|
|
10
|
+
label: string;
|
|
11
|
+
value: any;
|
|
12
|
+
}[];
|
|
13
|
+
optionsClass?: string;
|
|
14
|
+
optionClass?: string;
|
|
15
|
+
}
|
|
16
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
17
|
+
context: {
|
|
18
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
|
+
context: {
|
|
23
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
27
|
+
declare const _default: typeof __VLS_export;
|
|
28
|
+
export default _default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
+
import type { RatingProps } from 'primevue/rating';
|
|
3
|
+
import type { PropType } from 'vue';
|
|
4
|
+
export interface FormKitPrimeRatingProps {
|
|
5
|
+
unstyled?: RatingProps['unstyled'];
|
|
6
|
+
stars?: RatingProps['stars'];
|
|
7
|
+
onIcon?: RatingProps['onIcon'];
|
|
8
|
+
offIcon?: RatingProps['offIcon'];
|
|
9
|
+
ptOptions?: RatingProps['ptOptions'];
|
|
10
|
+
pt?: RatingProps['pt'];
|
|
11
|
+
}
|
|
12
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
13
|
+
context: {
|
|
14
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeRatingProps>;
|
|
15
|
+
required: true;
|
|
16
|
+
};
|
|
17
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
18
|
+
context: {
|
|
19
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeRatingProps>;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
declare const _default: typeof __VLS_export;
|
|
24
|
+
export default _default;
|
|
@@ -1,12 +1,27 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import {
|
|
1
|
+
<script setup lang='ts'>
|
|
2
|
+
import type { FormKitFrameworkContext } from '@formkit/core'
|
|
3
|
+
import type { RatingProps } from 'primevue/rating'
|
|
4
|
+
|
|
5
|
+
import type { PropType } from 'vue'
|
|
6
|
+
import { useFormKitInput } from '../composables'
|
|
7
|
+
|
|
8
|
+
export interface FormKitPrimeRatingProps {
|
|
9
|
+
unstyled?: RatingProps['unstyled']
|
|
10
|
+
stars?: RatingProps['stars']
|
|
11
|
+
onIcon?: RatingProps['onIcon']
|
|
12
|
+
offIcon?: RatingProps['offIcon']
|
|
13
|
+
ptOptions?: RatingProps['ptOptions']
|
|
14
|
+
pt?: RatingProps['pt']
|
|
15
|
+
}
|
|
16
|
+
|
|
3
17
|
const props = defineProps({
|
|
4
18
|
context: {
|
|
5
|
-
type: Object
|
|
6
|
-
required: true
|
|
7
|
-
}
|
|
8
|
-
})
|
|
9
|
-
|
|
19
|
+
type: Object as PropType<FormKitFrameworkContext & FormKitPrimeRatingProps>,
|
|
20
|
+
required: true,
|
|
21
|
+
},
|
|
22
|
+
})
|
|
23
|
+
|
|
24
|
+
const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
|
|
10
25
|
</script>
|
|
11
26
|
|
|
12
27
|
<template>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
+
import type { RatingProps } from 'primevue/rating';
|
|
3
|
+
import type { PropType } from 'vue';
|
|
4
|
+
export interface FormKitPrimeRatingProps {
|
|
5
|
+
unstyled?: RatingProps['unstyled'];
|
|
6
|
+
stars?: RatingProps['stars'];
|
|
7
|
+
onIcon?: RatingProps['onIcon'];
|
|
8
|
+
offIcon?: RatingProps['offIcon'];
|
|
9
|
+
ptOptions?: RatingProps['ptOptions'];
|
|
10
|
+
pt?: RatingProps['pt'];
|
|
11
|
+
}
|
|
12
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
13
|
+
context: {
|
|
14
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeRatingProps>;
|
|
15
|
+
required: true;
|
|
16
|
+
};
|
|
17
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
18
|
+
context: {
|
|
19
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeRatingProps>;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
declare const _default: typeof __VLS_export;
|
|
24
|
+
export default _default;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
+
import type { SelectProps } from 'primevue/select';
|
|
3
|
+
import type { PropType } from 'vue';
|
|
4
|
+
export interface FormKitPrimeSelectProps {
|
|
5
|
+
options?: SelectProps['options'];
|
|
6
|
+
optionLabel?: SelectProps['optionLabel'];
|
|
7
|
+
optionValue?: SelectProps['optionValue'];
|
|
8
|
+
optionDisabled?: SelectProps['optionDisabled'];
|
|
9
|
+
optionGroupLabel?: SelectProps['optionGroupLabel'];
|
|
10
|
+
optionGroupChildren?: SelectProps['optionGroupChildren'];
|
|
11
|
+
scrollHeight?: SelectProps['scrollHeight'];
|
|
12
|
+
filter?: SelectProps['filter'];
|
|
13
|
+
filterPlaceholder?: SelectProps['filterPlaceholder'];
|
|
14
|
+
filterLocale?: SelectProps['filterLocale'];
|
|
15
|
+
filterMatchMode?: SelectProps['filterMatchMode'];
|
|
16
|
+
filterFields?: SelectProps['filterFields'];
|
|
17
|
+
editable?: SelectProps['editable'];
|
|
18
|
+
placeholder?: SelectProps['placeholder'];
|
|
19
|
+
dataKey?: SelectProps['dataKey'];
|
|
20
|
+
showClear?: SelectProps['showClear'];
|
|
21
|
+
overlayStyle?: SelectProps['overlayStyle'];
|
|
22
|
+
overlayClass?: SelectProps['overlayClass'];
|
|
23
|
+
appendTo?: SelectProps['appendTo'];
|
|
24
|
+
resetFilterOnHide?: SelectProps['resetFilterOnHide'];
|
|
25
|
+
virtualScrollerOptions?: SelectProps['virtualScrollerOptions'];
|
|
26
|
+
autoOptionFocus?: SelectProps['autoOptionFocus'];
|
|
27
|
+
selectOnFocus?: SelectProps['selectOnFocus'];
|
|
28
|
+
filterMessage?: SelectProps['filterMessage'];
|
|
29
|
+
selectionMessage?: SelectProps['selectionMessage'];
|
|
30
|
+
emptySelectionMessage?: SelectProps['emptySelectionMessage'];
|
|
31
|
+
emptyFilterMessage?: SelectProps['emptyFilterMessage'];
|
|
32
|
+
emptyMessage?: SelectProps['emptyMessage'];
|
|
33
|
+
pt?: SelectProps['pt'];
|
|
34
|
+
ptOptions?: SelectProps['ptOptions'];
|
|
35
|
+
unstyled?: SelectProps['unstyled'];
|
|
36
|
+
size?: SelectProps['size'];
|
|
37
|
+
}
|
|
38
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
39
|
+
context: {
|
|
40
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeSelectProps>;
|
|
41
|
+
required: true;
|
|
42
|
+
};
|
|
43
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
44
|
+
context: {
|
|
45
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeSelectProps>;
|
|
46
|
+
required: true;
|
|
47
|
+
};
|
|
48
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
49
|
+
declare const _default: typeof __VLS_export;
|
|
50
|
+
export default _default;
|
|
@@ -1,12 +1,54 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import {
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { FormKitFrameworkContext } from '@formkit/core'
|
|
3
|
+
import type { SelectProps } from 'primevue/select'
|
|
4
|
+
|
|
5
|
+
import type { PropType } from 'vue'
|
|
6
|
+
import { useFormKitInput } from '../composables'
|
|
7
|
+
|
|
8
|
+
export interface FormKitPrimeSelectProps {
|
|
9
|
+
options?: SelectProps['options']
|
|
10
|
+
optionLabel?: SelectProps['optionLabel']
|
|
11
|
+
optionValue?: SelectProps['optionValue']
|
|
12
|
+
optionDisabled?: SelectProps['optionDisabled']
|
|
13
|
+
optionGroupLabel?: SelectProps['optionGroupLabel']
|
|
14
|
+
optionGroupChildren?: SelectProps['optionGroupChildren']
|
|
15
|
+
scrollHeight?: SelectProps['scrollHeight']
|
|
16
|
+
filter?: SelectProps['filter']
|
|
17
|
+
filterPlaceholder?: SelectProps['filterPlaceholder']
|
|
18
|
+
filterLocale?: SelectProps['filterLocale']
|
|
19
|
+
filterMatchMode?: SelectProps['filterMatchMode']
|
|
20
|
+
filterFields?: SelectProps['filterFields']
|
|
21
|
+
editable?: SelectProps['editable']
|
|
22
|
+
placeholder?: SelectProps['placeholder']
|
|
23
|
+
dataKey?: SelectProps['dataKey']
|
|
24
|
+
showClear?: SelectProps['showClear']
|
|
25
|
+
overlayStyle?: SelectProps['overlayStyle']
|
|
26
|
+
overlayClass?: SelectProps['overlayClass']
|
|
27
|
+
appendTo?: SelectProps['appendTo']
|
|
28
|
+
resetFilterOnHide?: SelectProps['resetFilterOnHide']
|
|
29
|
+
virtualScrollerOptions?: SelectProps['virtualScrollerOptions']
|
|
30
|
+
autoOptionFocus?: SelectProps['autoOptionFocus']
|
|
31
|
+
selectOnFocus?: SelectProps['selectOnFocus']
|
|
32
|
+
filterMessage?: SelectProps['filterMessage']
|
|
33
|
+
selectionMessage?: SelectProps['selectionMessage']
|
|
34
|
+
emptySelectionMessage?: SelectProps['emptySelectionMessage']
|
|
35
|
+
emptyFilterMessage?: SelectProps['emptyFilterMessage']
|
|
36
|
+
emptyMessage?: SelectProps['emptyMessage']
|
|
37
|
+
pt?: SelectProps['pt']
|
|
38
|
+
ptOptions?: SelectProps['ptOptions']
|
|
39
|
+
unstyled?: SelectProps['unstyled']
|
|
40
|
+
size?: SelectProps['size']
|
|
41
|
+
|
|
42
|
+
}
|
|
43
|
+
|
|
3
44
|
const props = defineProps({
|
|
4
45
|
context: {
|
|
5
|
-
type: Object
|
|
6
|
-
required: true
|
|
7
|
-
}
|
|
8
|
-
})
|
|
9
|
-
|
|
46
|
+
type: Object as PropType<FormKitFrameworkContext & FormKitPrimeSelectProps>,
|
|
47
|
+
required: true,
|
|
48
|
+
},
|
|
49
|
+
})
|
|
50
|
+
|
|
51
|
+
const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
|
|
10
52
|
</script>
|
|
11
53
|
|
|
12
54
|
<template>
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
+
import type { SelectProps } from 'primevue/select';
|
|
3
|
+
import type { PropType } from 'vue';
|
|
4
|
+
export interface FormKitPrimeSelectProps {
|
|
5
|
+
options?: SelectProps['options'];
|
|
6
|
+
optionLabel?: SelectProps['optionLabel'];
|
|
7
|
+
optionValue?: SelectProps['optionValue'];
|
|
8
|
+
optionDisabled?: SelectProps['optionDisabled'];
|
|
9
|
+
optionGroupLabel?: SelectProps['optionGroupLabel'];
|
|
10
|
+
optionGroupChildren?: SelectProps['optionGroupChildren'];
|
|
11
|
+
scrollHeight?: SelectProps['scrollHeight'];
|
|
12
|
+
filter?: SelectProps['filter'];
|
|
13
|
+
filterPlaceholder?: SelectProps['filterPlaceholder'];
|
|
14
|
+
filterLocale?: SelectProps['filterLocale'];
|
|
15
|
+
filterMatchMode?: SelectProps['filterMatchMode'];
|
|
16
|
+
filterFields?: SelectProps['filterFields'];
|
|
17
|
+
editable?: SelectProps['editable'];
|
|
18
|
+
placeholder?: SelectProps['placeholder'];
|
|
19
|
+
dataKey?: SelectProps['dataKey'];
|
|
20
|
+
showClear?: SelectProps['showClear'];
|
|
21
|
+
overlayStyle?: SelectProps['overlayStyle'];
|
|
22
|
+
overlayClass?: SelectProps['overlayClass'];
|
|
23
|
+
appendTo?: SelectProps['appendTo'];
|
|
24
|
+
resetFilterOnHide?: SelectProps['resetFilterOnHide'];
|
|
25
|
+
virtualScrollerOptions?: SelectProps['virtualScrollerOptions'];
|
|
26
|
+
autoOptionFocus?: SelectProps['autoOptionFocus'];
|
|
27
|
+
selectOnFocus?: SelectProps['selectOnFocus'];
|
|
28
|
+
filterMessage?: SelectProps['filterMessage'];
|
|
29
|
+
selectionMessage?: SelectProps['selectionMessage'];
|
|
30
|
+
emptySelectionMessage?: SelectProps['emptySelectionMessage'];
|
|
31
|
+
emptyFilterMessage?: SelectProps['emptyFilterMessage'];
|
|
32
|
+
emptyMessage?: SelectProps['emptyMessage'];
|
|
33
|
+
pt?: SelectProps['pt'];
|
|
34
|
+
ptOptions?: SelectProps['ptOptions'];
|
|
35
|
+
unstyled?: SelectProps['unstyled'];
|
|
36
|
+
size?: SelectProps['size'];
|
|
37
|
+
}
|
|
38
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
39
|
+
context: {
|
|
40
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeSelectProps>;
|
|
41
|
+
required: true;
|
|
42
|
+
};
|
|
43
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
44
|
+
context: {
|
|
45
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeSelectProps>;
|
|
46
|
+
required: true;
|
|
47
|
+
};
|
|
48
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
49
|
+
declare const _default: typeof __VLS_export;
|
|
50
|
+
export default _default;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
+
import type { SelectButtonProps } from 'primevue/selectbutton';
|
|
3
|
+
import type { PropType } from 'vue';
|
|
4
|
+
export interface FormKitPrimeSelectButtonProps {
|
|
5
|
+
pt?: SelectButtonProps['pt'];
|
|
6
|
+
ptOptions?: SelectButtonProps['ptOptions'];
|
|
7
|
+
unstyled?: SelectButtonProps['unstyled'];
|
|
8
|
+
optionLabel?: SelectButtonProps['optionLabel'];
|
|
9
|
+
optionValue?: SelectButtonProps['optionValue'];
|
|
10
|
+
optionDisabled?: SelectButtonProps['optionDisabled'];
|
|
11
|
+
multiple?: SelectButtonProps['multiple'];
|
|
12
|
+
dataKey?: SelectButtonProps['dataKey'];
|
|
13
|
+
options?: SelectButtonProps['options'];
|
|
14
|
+
size?: SelectButtonProps['size'];
|
|
15
|
+
}
|
|
16
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
17
|
+
context: {
|
|
18
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeSelectButtonProps>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
|
+
context: {
|
|
23
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeSelectButtonProps>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
27
|
+
declare const _default: typeof __VLS_export;
|
|
28
|
+
export default _default;
|
|
@@ -1,12 +1,32 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import {
|
|
1
|
+
<script setup lang='ts'>
|
|
2
|
+
import type { FormKitFrameworkContext } from '@formkit/core'
|
|
3
|
+
import type { SelectButtonProps } from 'primevue/selectbutton'
|
|
4
|
+
|
|
5
|
+
import type { PropType } from 'vue'
|
|
6
|
+
import { useFormKitInput } from '../composables'
|
|
7
|
+
|
|
8
|
+
export interface FormKitPrimeSelectButtonProps {
|
|
9
|
+
pt?: SelectButtonProps['pt']
|
|
10
|
+
ptOptions?: SelectButtonProps['ptOptions']
|
|
11
|
+
unstyled?: SelectButtonProps['unstyled']
|
|
12
|
+
optionLabel?: SelectButtonProps['optionLabel']
|
|
13
|
+
optionValue?: SelectButtonProps['optionValue']
|
|
14
|
+
optionDisabled?: SelectButtonProps['optionDisabled']
|
|
15
|
+
multiple?: SelectButtonProps['multiple']
|
|
16
|
+
dataKey?: SelectButtonProps['dataKey']
|
|
17
|
+
options?: SelectButtonProps['options']
|
|
18
|
+
size?: SelectButtonProps['size']
|
|
19
|
+
|
|
20
|
+
}
|
|
21
|
+
|
|
3
22
|
const props = defineProps({
|
|
4
23
|
context: {
|
|
5
|
-
type: Object
|
|
6
|
-
required: true
|
|
7
|
-
}
|
|
8
|
-
})
|
|
9
|
-
|
|
24
|
+
type: Object as PropType<FormKitFrameworkContext & FormKitPrimeSelectButtonProps>,
|
|
25
|
+
required: true,
|
|
26
|
+
},
|
|
27
|
+
})
|
|
28
|
+
|
|
29
|
+
const { validSlotNames, unstyled, isInvalid, handleChange, handleBlur } = useFormKitInput(props.context)
|
|
10
30
|
</script>
|
|
11
31
|
|
|
12
32
|
<template>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
+
import type { SelectButtonProps } from 'primevue/selectbutton';
|
|
3
|
+
import type { PropType } from 'vue';
|
|
4
|
+
export interface FormKitPrimeSelectButtonProps {
|
|
5
|
+
pt?: SelectButtonProps['pt'];
|
|
6
|
+
ptOptions?: SelectButtonProps['ptOptions'];
|
|
7
|
+
unstyled?: SelectButtonProps['unstyled'];
|
|
8
|
+
optionLabel?: SelectButtonProps['optionLabel'];
|
|
9
|
+
optionValue?: SelectButtonProps['optionValue'];
|
|
10
|
+
optionDisabled?: SelectButtonProps['optionDisabled'];
|
|
11
|
+
multiple?: SelectButtonProps['multiple'];
|
|
12
|
+
dataKey?: SelectButtonProps['dataKey'];
|
|
13
|
+
options?: SelectButtonProps['options'];
|
|
14
|
+
size?: SelectButtonProps['size'];
|
|
15
|
+
}
|
|
16
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
17
|
+
context: {
|
|
18
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeSelectButtonProps>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
|
+
context: {
|
|
23
|
+
type: PropType<FormKitFrameworkContext & FormKitPrimeSelectButtonProps>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
27
|
+
declare const _default: typeof __VLS_export;
|
|
28
|
+
export default _default;
|