@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.
Files changed (113) hide show
  1. package/dist/components/FormKitDataEdit.d.vue.ts +184 -0
  2. package/dist/components/FormKitDataEdit.vue +52 -33
  3. package/dist/components/FormKitDataEdit.vue.d.ts +184 -0
  4. package/dist/components/FormKitDataView.d.vue.ts +77 -0
  5. package/dist/components/FormKitDataView.vue +34 -17
  6. package/dist/components/FormKitDataView.vue.d.ts +77 -0
  7. package/dist/components/FormKitIcon.d.vue.ts +39 -0
  8. package/dist/components/FormKitIcon.vue +13 -6
  9. package/dist/components/FormKitIcon.vue.d.ts +39 -0
  10. package/dist/components/FormKitPrefix.d.vue.ts +7 -0
  11. package/dist/components/FormKitPrefix.vue +3 -3
  12. package/dist/components/FormKitPrefix.vue.d.ts +7 -0
  13. package/dist/components/FormKitSuffix.d.vue.ts +7 -0
  14. package/dist/components/FormKitSuffix.vue +3 -3
  15. package/dist/components/FormKitSuffix.vue.d.ts +7 -0
  16. package/dist/components/PrimeAutoComplete.d.vue.ts +31 -0
  17. package/dist/components/PrimeAutoComplete.vue +98 -47
  18. package/dist/components/PrimeAutoComplete.vue.d.ts +31 -0
  19. package/dist/components/PrimeCascadeSelect.d.vue.ts +28 -0
  20. package/dist/components/PrimeCascadeSelect.vue +26 -7
  21. package/dist/components/PrimeCascadeSelect.vue.d.ts +28 -0
  22. package/dist/components/PrimeCheckbox.d.vue.ts +27 -0
  23. package/dist/components/PrimeCheckbox.vue +29 -9
  24. package/dist/components/PrimeCheckbox.vue.d.ts +27 -0
  25. package/dist/components/PrimeColorPicker.d.vue.ts +24 -0
  26. package/dist/components/PrimeColorPicker.vue +22 -7
  27. package/dist/components/PrimeColorPicker.vue.d.ts +24 -0
  28. package/dist/components/PrimeDatePicker.d.vue.ts +63 -0
  29. package/dist/components/PrimeDatePicker.vue +73 -15
  30. package/dist/components/PrimeDatePicker.vue.d.ts +63 -0
  31. package/dist/components/PrimeInputMask.d.vue.ts +28 -0
  32. package/dist/components/PrimeInputMask.vue +29 -10
  33. package/dist/components/PrimeInputMask.vue.d.ts +28 -0
  34. package/dist/components/PrimeInputNumber.d.vue.ts +36 -0
  35. package/dist/components/PrimeInputNumber.vue +56 -22
  36. package/dist/components/PrimeInputNumber.vue.d.ts +36 -0
  37. package/dist/components/PrimeInputOtp.d.vue.ts +26 -0
  38. package/dist/components/PrimeInputOtp.vue +24 -7
  39. package/dist/components/PrimeInputOtp.vue.d.ts +26 -0
  40. package/dist/components/PrimeInputText.d.vue.ts +24 -0
  41. package/dist/components/PrimeInputText.vue +25 -10
  42. package/dist/components/PrimeInputText.vue.d.ts +24 -0
  43. package/dist/components/PrimeKnob.d.vue.ts +31 -0
  44. package/dist/components/PrimeKnob.vue +37 -12
  45. package/dist/components/PrimeKnob.vue.d.ts +31 -0
  46. package/dist/components/PrimeListbox.d.vue.ts +42 -0
  47. package/dist/components/PrimeListbox.vue +39 -7
  48. package/dist/components/PrimeListbox.vue.d.ts +42 -0
  49. package/dist/components/PrimeMultiSelect.d.vue.ts +53 -0
  50. package/dist/components/PrimeMultiSelect.vue +52 -7
  51. package/dist/components/PrimeMultiSelect.vue.d.ts +53 -0
  52. package/dist/components/PrimeOutputBoolean.d.vue.ts +16 -0
  53. package/dist/components/PrimeOutputBoolean.vue +23 -16
  54. package/dist/components/PrimeOutputBoolean.vue.d.ts +16 -0
  55. package/dist/components/PrimeOutputDate.d.vue.ts +16 -0
  56. package/dist/components/PrimeOutputDate.vue +31 -21
  57. package/dist/components/PrimeOutputDate.vue.d.ts +16 -0
  58. package/dist/components/PrimeOutputDuration.d.vue.ts +16 -0
  59. package/dist/components/PrimeOutputDuration.vue +17 -11
  60. package/dist/components/PrimeOutputDuration.vue.d.ts +16 -0
  61. package/dist/components/PrimeOutputLink.d.vue.ts +16 -0
  62. package/dist/components/PrimeOutputLink.vue +24 -17
  63. package/dist/components/PrimeOutputLink.vue.d.ts +16 -0
  64. package/dist/components/PrimeOutputList.d.vue.ts +19 -0
  65. package/dist/components/PrimeOutputList.vue +29 -18
  66. package/dist/components/PrimeOutputList.vue.d.ts +19 -0
  67. package/dist/components/PrimeOutputNumber.d.vue.ts +16 -0
  68. package/dist/components/PrimeOutputNumber.vue +37 -24
  69. package/dist/components/PrimeOutputNumber.vue.d.ts +16 -0
  70. package/dist/components/PrimeOutputReference.d.vue.ts +16 -0
  71. package/dist/components/PrimeOutputReference.vue +28 -21
  72. package/dist/components/PrimeOutputReference.vue.d.ts +16 -0
  73. package/dist/components/PrimeOutputText.d.vue.ts +21 -0
  74. package/dist/components/PrimeOutputText.vue +37 -22
  75. package/dist/components/PrimeOutputText.vue.d.ts +21 -0
  76. package/dist/components/PrimePassword.d.vue.ts +33 -0
  77. package/dist/components/PrimePassword.vue +31 -7
  78. package/dist/components/PrimePassword.vue.d.ts +33 -0
  79. package/dist/components/PrimeRadioButton.d.vue.ts +28 -0
  80. package/dist/components/PrimeRadioButton.vue +23 -7
  81. package/dist/components/PrimeRadioButton.vue.d.ts +28 -0
  82. package/dist/components/PrimeRating.d.vue.ts +24 -0
  83. package/dist/components/PrimeRating.vue +22 -7
  84. package/dist/components/PrimeRating.vue.d.ts +24 -0
  85. package/dist/components/PrimeSelect.d.vue.ts +50 -0
  86. package/dist/components/PrimeSelect.vue +49 -7
  87. package/dist/components/PrimeSelect.vue.d.ts +50 -0
  88. package/dist/components/PrimeSelectButton.d.vue.ts +28 -0
  89. package/dist/components/PrimeSelectButton.vue +27 -7
  90. package/dist/components/PrimeSelectButton.vue.d.ts +28 -0
  91. package/dist/components/PrimeSlider.d.vue.ts +26 -0
  92. package/dist/components/PrimeSlider.vue +28 -10
  93. package/dist/components/PrimeSlider.vue.d.ts +26 -0
  94. package/dist/components/PrimeTextarea.d.vue.ts +25 -0
  95. package/dist/components/PrimeTextarea.vue +23 -7
  96. package/dist/components/PrimeTextarea.vue.d.ts +25 -0
  97. package/dist/components/PrimeToggleButton.d.vue.ts +26 -0
  98. package/dist/components/PrimeToggleButton.vue +25 -7
  99. package/dist/components/PrimeToggleButton.vue.d.ts +26 -0
  100. package/dist/components/PrimeToggleSwitch.d.vue.ts +23 -0
  101. package/dist/components/PrimeToggleSwitch.vue +23 -8
  102. package/dist/components/PrimeToggleSwitch.vue.d.ts +23 -0
  103. package/dist/components/PrimeTreeSelect.d.vue.ts +32 -0
  104. package/dist/components/PrimeTreeSelect.vue +30 -7
  105. package/dist/components/PrimeTreeSelect.vue.d.ts +32 -0
  106. package/dist/components/index.d.ts +1 -2
  107. package/dist/components/index.js +0 -7
  108. package/dist/components/index.mjs +0 -2
  109. package/dist/index.d.ts +2 -2
  110. package/dist/index.js +0 -6
  111. package/dist/index.mjs +1 -2
  112. package/package.json +1 -1
  113. package/dist/components/FormKitDebug.vue +0 -20
@@ -1,12 +1,29 @@
1
- <script setup>
2
- import { useFormKitInput } from "../composables";
1
+ <script setup lang='ts'>
2
+ import type { FormKitFrameworkContext } from '@formkit/core'
3
+ import type { InputOtpProps } from 'primevue/inputotp'
4
+
5
+ import type { PropType } from 'vue'
6
+ import { useFormKitInput } from '../composables'
7
+
8
+ export interface FormKitPrimeInputOtpProps {
9
+ unstyled?: InputOtpProps['unstyled']
10
+ ptOptions?: InputOtpProps['ptOptions']
11
+ pt?: InputOtpProps['pt']
12
+ length?: InputOtpProps['length']
13
+ variant?: InputOtpProps['variant']
14
+ mask?: InputOtpProps['mask']
15
+ integerOnly?: InputOtpProps['integerOnly']
16
+ size?: InputOtpProps['size']
17
+ }
18
+
3
19
  const props = defineProps({
4
20
  context: {
5
- type: Object,
6
- required: true
7
- }
8
- });
9
- const { validSlotNames, unstyled, isInvalid, handleBlur, handleInput } = useFormKitInput(props.context);
21
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeInputOtpProps>,
22
+ required: true,
23
+ },
24
+ })
25
+
26
+ const { validSlotNames, unstyled, isInvalid, handleBlur, handleInput } = useFormKitInput(props.context)
10
27
  </script>
11
28
 
12
29
  <template>
@@ -0,0 +1,26 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { InputOtpProps } from 'primevue/inputotp';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeInputOtpProps {
5
+ unstyled?: InputOtpProps['unstyled'];
6
+ ptOptions?: InputOtpProps['ptOptions'];
7
+ pt?: InputOtpProps['pt'];
8
+ length?: InputOtpProps['length'];
9
+ variant?: InputOtpProps['variant'];
10
+ mask?: InputOtpProps['mask'];
11
+ integerOnly?: InputOtpProps['integerOnly'];
12
+ size?: InputOtpProps['size'];
13
+ }
14
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
15
+ context: {
16
+ type: PropType<FormKitFrameworkContext & FormKitPrimeInputOtpProps>;
17
+ required: true;
18
+ };
19
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
20
+ context: {
21
+ type: PropType<FormKitFrameworkContext & FormKitPrimeInputOtpProps>;
22
+ required: true;
23
+ };
24
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
25
+ declare const _default: typeof __VLS_export;
26
+ export default _default;
@@ -0,0 +1,24 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { InputTextProps } from 'primevue/inputtext';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeInputTextProps {
5
+ pt?: InputTextProps['pt'];
6
+ ptOptions?: InputTextProps['ptOptions'];
7
+ unstyled?: InputTextProps['unstyled'];
8
+ size?: InputTextProps['size'];
9
+ inputType?: string | undefined;
10
+ placeholder?: string;
11
+ }
12
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
13
+ context: {
14
+ type: PropType<FormKitFrameworkContext & FormKitPrimeInputTextProps>;
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 & FormKitPrimeInputTextProps>;
20
+ required: true;
21
+ };
22
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
23
+ declare const _default: typeof __VLS_export;
24
+ export default _default;
@@ -1,15 +1,30 @@
1
- <script setup>
2
- import IconField from "primevue/iconfield";
3
- import InputIcon from "primevue/inputicon";
4
- import { useFormKitInput, useFormKitSection } from "../composables";
1
+ <script setup lang='ts'>
2
+ import type { FormKitFrameworkContext } from '@formkit/core'
3
+ import type { InputTextProps } from 'primevue/inputtext'
4
+
5
+ import type { PropType } from 'vue'
6
+ import IconField from 'primevue/iconfield'
7
+ import InputIcon from 'primevue/inputicon'
8
+ import { useFormKitInput, useFormKitSection } from '../composables'
9
+
10
+ export interface FormKitPrimeInputTextProps {
11
+ pt?: InputTextProps['pt']
12
+ ptOptions?: InputTextProps['ptOptions']
13
+ unstyled?: InputTextProps['unstyled']
14
+ size?: InputTextProps['size']
15
+ inputType?: string | undefined
16
+ placeholder?: string
17
+ }
18
+
5
19
  const props = defineProps({
6
20
  context: {
7
- type: Object,
8
- required: true
9
- }
10
- });
11
- const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context);
12
- const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context);
21
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeInputTextProps>,
22
+ required: true,
23
+ },
24
+ })
25
+
26
+ const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
27
+ const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
13
28
  </script>
14
29
 
15
30
  <template>
@@ -0,0 +1,24 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { InputTextProps } from 'primevue/inputtext';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeInputTextProps {
5
+ pt?: InputTextProps['pt'];
6
+ ptOptions?: InputTextProps['ptOptions'];
7
+ unstyled?: InputTextProps['unstyled'];
8
+ size?: InputTextProps['size'];
9
+ inputType?: string | undefined;
10
+ placeholder?: string;
11
+ }
12
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
13
+ context: {
14
+ type: PropType<FormKitFrameworkContext & FormKitPrimeInputTextProps>;
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 & FormKitPrimeInputTextProps>;
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,31 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { KnobProps } from 'primevue/knob';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeKnobProps {
5
+ pt?: KnobProps['pt'];
6
+ ptOptions?: KnobProps['ptOptions'];
7
+ unstyled?: KnobProps['unstyled'];
8
+ min?: KnobProps['min'];
9
+ max?: KnobProps['max'];
10
+ step?: KnobProps['step'];
11
+ size?: KnobProps['size'];
12
+ strokeWidth?: KnobProps['strokeWidth'];
13
+ showValue?: KnobProps['showValue'];
14
+ valueColor?: KnobProps['valueColor'];
15
+ rangeColor?: KnobProps['rangeColor'];
16
+ textColor?: KnobProps['textColor'];
17
+ valueTemplate?: KnobProps['valueTemplate'];
18
+ }
19
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
20
+ context: {
21
+ type: PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>;
22
+ required: true;
23
+ };
24
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
25
+ context: {
26
+ type: PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>;
27
+ required: true;
28
+ };
29
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
30
+ declare const _default: typeof __VLS_export;
31
+ export default _default;
@@ -1,18 +1,43 @@
1
- <script setup>
2
- import { useFormKitInput } from "../composables";
1
+ <script setup lang='ts'>
2
+ import type { FormKitFrameworkContext } from '@formkit/core'
3
+ import type { KnobProps } from 'primevue/knob'
4
+
5
+ import type { PropType } from 'vue'
6
+ import { useFormKitInput } from '../composables'
7
+
8
+ export interface FormKitPrimeKnobProps {
9
+ pt?: KnobProps['pt']
10
+ ptOptions?: KnobProps['ptOptions']
11
+ unstyled?: KnobProps['unstyled']
12
+ min?: KnobProps['min']
13
+ max?: KnobProps['max']
14
+ step?: KnobProps['step']
15
+ size?: KnobProps['size']
16
+ strokeWidth?: KnobProps['strokeWidth']
17
+ showValue?: KnobProps['showValue']
18
+ valueColor?: KnobProps['valueColor']
19
+ rangeColor?: KnobProps['rangeColor']
20
+ textColor?: KnobProps['textColor']
21
+ valueTemplate?: KnobProps['valueTemplate']
22
+
23
+ }
24
+
3
25
  const props = defineProps({
4
26
  context: {
5
- type: Object,
6
- required: true
7
- }
8
- });
9
- const { unstyled, isInvalid } = useFormKitInput(props.context);
10
- function handleInput(e) {
11
- props.context?.node.input(e);
12
- props.context?.handlers.blur(e);
27
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>,
28
+ required: true,
29
+ },
30
+ })
31
+
32
+ const { unstyled, isInvalid } = useFormKitInput(props.context)
33
+
34
+ function handleInput(e: any) {
35
+ props.context?.node.input(e)
36
+ props.context?.handlers.blur(e)
13
37
  }
14
- function updateValue(n) {
15
- props.context?.node.input(n);
38
+
39
+ function updateValue(n: number) {
40
+ props.context?.node.input(n)
16
41
  }
17
42
  </script>
18
43
 
@@ -0,0 +1,31 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { KnobProps } from 'primevue/knob';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeKnobProps {
5
+ pt?: KnobProps['pt'];
6
+ ptOptions?: KnobProps['ptOptions'];
7
+ unstyled?: KnobProps['unstyled'];
8
+ min?: KnobProps['min'];
9
+ max?: KnobProps['max'];
10
+ step?: KnobProps['step'];
11
+ size?: KnobProps['size'];
12
+ strokeWidth?: KnobProps['strokeWidth'];
13
+ showValue?: KnobProps['showValue'];
14
+ valueColor?: KnobProps['valueColor'];
15
+ rangeColor?: KnobProps['rangeColor'];
16
+ textColor?: KnobProps['textColor'];
17
+ valueTemplate?: KnobProps['valueTemplate'];
18
+ }
19
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
20
+ context: {
21
+ type: PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>;
22
+ required: true;
23
+ };
24
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
25
+ context: {
26
+ type: PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>;
27
+ required: true;
28
+ };
29
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
30
+ declare const _default: typeof __VLS_export;
31
+ export default _default;
@@ -0,0 +1,42 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { ListboxProps } from 'primevue/listbox';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeListboxProps {
5
+ pt?: ListboxProps['pt'];
6
+ ptOptions?: ListboxProps['ptOptions'];
7
+ unstyled?: ListboxProps['unstyled'];
8
+ options?: ListboxProps['options'];
9
+ optionLabel?: ListboxProps['optionLabel'];
10
+ optionValue?: ListboxProps['optionValue'];
11
+ multiple?: ListboxProps['multiple'];
12
+ filter?: ListboxProps['filter'];
13
+ filterIcon?: ListboxProps['filterIcon'];
14
+ filterPlaceholder?: ListboxProps['filterPlaceholder'];
15
+ filterLocale?: ListboxProps['filterLocale'];
16
+ filterMatchMode?: ListboxProps['filterMatchMode'];
17
+ autoOptionFocus?: ListboxProps['autoOptionFocus'];
18
+ selectOnFocus?: ListboxProps['selectOnFocus'];
19
+ optionDisabled?: ListboxProps['optionDisabled'];
20
+ optionGroupLabel?: ListboxProps['optionGroupLabel'];
21
+ optionGroupChildren?: ListboxProps['optionGroupChildren'];
22
+ listStyle?: ListboxProps['listStyle'];
23
+ dataKey?: ListboxProps['dataKey'];
24
+ metaKeySelection?: ListboxProps['metaKeySelection'];
25
+ virtualScrollerOptions?: ListboxProps['virtualScrollerOptions'];
26
+ tabindex?: ListboxProps['tabindex'];
27
+ ariaLabel?: ListboxProps['ariaLabel'];
28
+ ariaLabelledby?: ListboxProps['ariaLabelledby'];
29
+ }
30
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
31
+ context: {
32
+ type: PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>;
33
+ required: true;
34
+ };
35
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
36
+ context: {
37
+ type: PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>;
38
+ required: true;
39
+ };
40
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
41
+ declare const _default: typeof __VLS_export;
42
+ export default _default;
@@ -1,12 +1,44 @@
1
- <script setup>
2
- import { useFormKitInput } from "../composables";
1
+ <script setup lang="ts">
2
+ import type { FormKitFrameworkContext } from '@formkit/core'
3
+ import type { ListboxProps } from 'primevue/listbox'
4
+ import type { PropType } from 'vue'
5
+ import { useFormKitInput } from '../composables'
6
+
7
+ export interface FormKitPrimeListboxProps {
8
+ pt?: ListboxProps['pt']
9
+ ptOptions?: ListboxProps['ptOptions']
10
+ unstyled?: ListboxProps['unstyled']
11
+ options?: ListboxProps['options']
12
+ optionLabel?: ListboxProps['optionLabel']
13
+ optionValue?: ListboxProps['optionValue']
14
+ multiple?: ListboxProps['multiple']
15
+ filter?: ListboxProps['filter']
16
+ filterIcon?: ListboxProps['filterIcon']
17
+ filterPlaceholder?: ListboxProps['filterPlaceholder']
18
+ filterLocale?: ListboxProps['filterLocale']
19
+ filterMatchMode?: ListboxProps['filterMatchMode']
20
+ autoOptionFocus?: ListboxProps['autoOptionFocus']
21
+ selectOnFocus?: ListboxProps['selectOnFocus']
22
+ optionDisabled?: ListboxProps['optionDisabled']
23
+ optionGroupLabel?: ListboxProps['optionGroupLabel']
24
+ optionGroupChildren?: ListboxProps['optionGroupChildren']
25
+ listStyle?: ListboxProps['listStyle']
26
+ dataKey?: ListboxProps['dataKey']
27
+ metaKeySelection?: ListboxProps['metaKeySelection']
28
+ virtualScrollerOptions?: ListboxProps['virtualScrollerOptions']
29
+ tabindex?: ListboxProps['tabindex']
30
+ ariaLabel?: ListboxProps['ariaLabel']
31
+ ariaLabelledby?: ListboxProps['ariaLabelledby']
32
+ }
33
+
3
34
  const props = defineProps({
4
35
  context: {
5
- type: Object,
6
- required: true
7
- }
8
- });
9
- const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context);
36
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>,
37
+ required: true,
38
+ },
39
+ })
40
+
41
+ const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
10
42
  </script>
11
43
 
12
44
  <template>
@@ -0,0 +1,42 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { ListboxProps } from 'primevue/listbox';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeListboxProps {
5
+ pt?: ListboxProps['pt'];
6
+ ptOptions?: ListboxProps['ptOptions'];
7
+ unstyled?: ListboxProps['unstyled'];
8
+ options?: ListboxProps['options'];
9
+ optionLabel?: ListboxProps['optionLabel'];
10
+ optionValue?: ListboxProps['optionValue'];
11
+ multiple?: ListboxProps['multiple'];
12
+ filter?: ListboxProps['filter'];
13
+ filterIcon?: ListboxProps['filterIcon'];
14
+ filterPlaceholder?: ListboxProps['filterPlaceholder'];
15
+ filterLocale?: ListboxProps['filterLocale'];
16
+ filterMatchMode?: ListboxProps['filterMatchMode'];
17
+ autoOptionFocus?: ListboxProps['autoOptionFocus'];
18
+ selectOnFocus?: ListboxProps['selectOnFocus'];
19
+ optionDisabled?: ListboxProps['optionDisabled'];
20
+ optionGroupLabel?: ListboxProps['optionGroupLabel'];
21
+ optionGroupChildren?: ListboxProps['optionGroupChildren'];
22
+ listStyle?: ListboxProps['listStyle'];
23
+ dataKey?: ListboxProps['dataKey'];
24
+ metaKeySelection?: ListboxProps['metaKeySelection'];
25
+ virtualScrollerOptions?: ListboxProps['virtualScrollerOptions'];
26
+ tabindex?: ListboxProps['tabindex'];
27
+ ariaLabel?: ListboxProps['ariaLabel'];
28
+ ariaLabelledby?: ListboxProps['ariaLabelledby'];
29
+ }
30
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
31
+ context: {
32
+ type: PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>;
33
+ required: true;
34
+ };
35
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
36
+ context: {
37
+ type: PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>;
38
+ required: true;
39
+ };
40
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
41
+ declare const _default: typeof __VLS_export;
42
+ export default _default;
@@ -0,0 +1,53 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { MultiSelectProps } from 'primevue/multiselect';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeMultiSelectProps {
5
+ options?: MultiSelectProps['options'];
6
+ optionLabel?: MultiSelectProps['optionLabel'];
7
+ optionValue?: MultiSelectProps['optionValue'];
8
+ optionDisabled?: MultiSelectProps['optionDisabled'];
9
+ optionGroupLabel?: MultiSelectProps['optionGroupLabel'];
10
+ optionGroupChildren?: MultiSelectProps['optionGroupChildren'];
11
+ scrollHeight?: MultiSelectProps['scrollHeight'];
12
+ dataKey?: MultiSelectProps['dataKey'];
13
+ filter?: MultiSelectProps['filter'];
14
+ filterPlaceholder?: MultiSelectProps['filterPlaceholder'];
15
+ filterLocale?: MultiSelectProps['filterLocale'];
16
+ filterMatchMode?: MultiSelectProps['filterMatchMode'];
17
+ filterFields?: MultiSelectProps['filterFields'];
18
+ appendTo?: MultiSelectProps['appendTo'];
19
+ display?: MultiSelectProps['display'];
20
+ maxSelectedLabels?: MultiSelectProps['maxSelectedLabels'];
21
+ selectedItemsLabel?: MultiSelectProps['selectedItemsLabel'];
22
+ selectionLimit?: MultiSelectProps['selectionLimit'];
23
+ showToggleAll?: MultiSelectProps['showToggleAll'];
24
+ loading?: MultiSelectProps['loading'];
25
+ selectAll?: MultiSelectProps['selectAll'];
26
+ resetFilterOnHide?: MultiSelectProps['resetFilterOnHide'];
27
+ virtualScrollerOptions?: MultiSelectProps['virtualScrollerOptions'];
28
+ autoOptionFocus?: MultiSelectProps['autoOptionFocus'];
29
+ autoFilterFocus?: MultiSelectProps['autoFilterFocus'];
30
+ filterMessage?: MultiSelectProps['filterMessage'];
31
+ selectionMessage?: MultiSelectProps['selectionMessage'];
32
+ emptySelectionMessage?: MultiSelectProps['emptySelectionMessage'];
33
+ emptyFilterMessage?: MultiSelectProps['emptyFilterMessage'];
34
+ emptyMessage?: MultiSelectProps['emptyMessage'];
35
+ pt?: MultiSelectProps['pt'];
36
+ placeholder?: MultiSelectProps['placeholder'];
37
+ ptOptions?: MultiSelectProps['ptOptions'];
38
+ unstyled?: MultiSelectProps['unstyled'];
39
+ size?: MultiSelectProps['size'];
40
+ }
41
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
42
+ context: {
43
+ type: PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>;
44
+ required: true;
45
+ };
46
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
47
+ context: {
48
+ type: PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>;
49
+ required: true;
50
+ };
51
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
52
+ declare const _default: typeof __VLS_export;
53
+ export default _default;
@@ -1,12 +1,57 @@
1
- <script setup>
2
- import { useFormKitInput } from "../composables";
1
+ <script setup lang='ts'>
2
+ import type { FormKitFrameworkContext } from '@formkit/core'
3
+ import type { MultiSelectProps } from 'primevue/multiselect'
4
+
5
+ import type { PropType } from 'vue'
6
+ import { useFormKitInput } from '../composables'
7
+
8
+ export interface FormKitPrimeMultiSelectProps {
9
+ options?: MultiSelectProps['options']
10
+ optionLabel?: MultiSelectProps['optionLabel']
11
+ optionValue?: MultiSelectProps['optionValue']
12
+ optionDisabled?: MultiSelectProps['optionDisabled']
13
+ optionGroupLabel?: MultiSelectProps['optionGroupLabel']
14
+ optionGroupChildren?: MultiSelectProps['optionGroupChildren']
15
+ scrollHeight?: MultiSelectProps['scrollHeight']
16
+ dataKey?: MultiSelectProps['dataKey']
17
+ filter?: MultiSelectProps['filter']
18
+ filterPlaceholder?: MultiSelectProps['filterPlaceholder']
19
+ filterLocale?: MultiSelectProps['filterLocale']
20
+ filterMatchMode?: MultiSelectProps['filterMatchMode']
21
+ filterFields?: MultiSelectProps['filterFields']
22
+ appendTo?: MultiSelectProps['appendTo']
23
+ display?: MultiSelectProps['display']
24
+ maxSelectedLabels?: MultiSelectProps['maxSelectedLabels']
25
+ selectedItemsLabel?: MultiSelectProps['selectedItemsLabel']
26
+ selectionLimit?: MultiSelectProps['selectionLimit']
27
+ showToggleAll?: MultiSelectProps['showToggleAll']
28
+ loading?: MultiSelectProps['loading']
29
+ selectAll?: MultiSelectProps['selectAll']
30
+ resetFilterOnHide?: MultiSelectProps['resetFilterOnHide']
31
+ virtualScrollerOptions?: MultiSelectProps['virtualScrollerOptions']
32
+ autoOptionFocus?: MultiSelectProps['autoOptionFocus']
33
+ autoFilterFocus?: MultiSelectProps['autoFilterFocus']
34
+ filterMessage?: MultiSelectProps['filterMessage']
35
+ selectionMessage?: MultiSelectProps['selectionMessage']
36
+ emptySelectionMessage?: MultiSelectProps['emptySelectionMessage']
37
+ emptyFilterMessage?: MultiSelectProps['emptyFilterMessage']
38
+ emptyMessage?: MultiSelectProps['emptyMessage']
39
+ pt?: MultiSelectProps['pt']
40
+ placeholder?: MultiSelectProps['placeholder']
41
+ ptOptions?: MultiSelectProps['ptOptions']
42
+ unstyled?: MultiSelectProps['unstyled']
43
+ size?: MultiSelectProps['size']
44
+
45
+ }
46
+
3
47
  const props = defineProps({
4
48
  context: {
5
- type: Object,
6
- required: true
7
- }
8
- });
9
- const { validSlotNames, unstyled, isInvalid, handleBlur, handleChange } = useFormKitInput(props.context);
49
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>,
50
+ required: true,
51
+ },
52
+ })
53
+
54
+ const { validSlotNames, unstyled, isInvalid, handleBlur, handleChange } = useFormKitInput(props.context)
10
55
  </script>
11
56
 
12
57
  <template>
@@ -0,0 +1,53 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { MultiSelectProps } from 'primevue/multiselect';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeMultiSelectProps {
5
+ options?: MultiSelectProps['options'];
6
+ optionLabel?: MultiSelectProps['optionLabel'];
7
+ optionValue?: MultiSelectProps['optionValue'];
8
+ optionDisabled?: MultiSelectProps['optionDisabled'];
9
+ optionGroupLabel?: MultiSelectProps['optionGroupLabel'];
10
+ optionGroupChildren?: MultiSelectProps['optionGroupChildren'];
11
+ scrollHeight?: MultiSelectProps['scrollHeight'];
12
+ dataKey?: MultiSelectProps['dataKey'];
13
+ filter?: MultiSelectProps['filter'];
14
+ filterPlaceholder?: MultiSelectProps['filterPlaceholder'];
15
+ filterLocale?: MultiSelectProps['filterLocale'];
16
+ filterMatchMode?: MultiSelectProps['filterMatchMode'];
17
+ filterFields?: MultiSelectProps['filterFields'];
18
+ appendTo?: MultiSelectProps['appendTo'];
19
+ display?: MultiSelectProps['display'];
20
+ maxSelectedLabels?: MultiSelectProps['maxSelectedLabels'];
21
+ selectedItemsLabel?: MultiSelectProps['selectedItemsLabel'];
22
+ selectionLimit?: MultiSelectProps['selectionLimit'];
23
+ showToggleAll?: MultiSelectProps['showToggleAll'];
24
+ loading?: MultiSelectProps['loading'];
25
+ selectAll?: MultiSelectProps['selectAll'];
26
+ resetFilterOnHide?: MultiSelectProps['resetFilterOnHide'];
27
+ virtualScrollerOptions?: MultiSelectProps['virtualScrollerOptions'];
28
+ autoOptionFocus?: MultiSelectProps['autoOptionFocus'];
29
+ autoFilterFocus?: MultiSelectProps['autoFilterFocus'];
30
+ filterMessage?: MultiSelectProps['filterMessage'];
31
+ selectionMessage?: MultiSelectProps['selectionMessage'];
32
+ emptySelectionMessage?: MultiSelectProps['emptySelectionMessage'];
33
+ emptyFilterMessage?: MultiSelectProps['emptyFilterMessage'];
34
+ emptyMessage?: MultiSelectProps['emptyMessage'];
35
+ pt?: MultiSelectProps['pt'];
36
+ placeholder?: MultiSelectProps['placeholder'];
37
+ ptOptions?: MultiSelectProps['ptOptions'];
38
+ unstyled?: MultiSelectProps['unstyled'];
39
+ size?: MultiSelectProps['size'];
40
+ }
41
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
42
+ context: {
43
+ type: PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>;
44
+ required: true;
45
+ };
46
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
47
+ context: {
48
+ type: PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>;
49
+ required: true;
50
+ };
51
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
52
+ declare const _default: typeof __VLS_export;
53
+ export default _default;
@@ -0,0 +1,16 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { PropType } from 'vue';
3
+ import type { FormKitIconProps } from './FormKitIcon.vue';
4
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
+ context: {
6
+ type: PropType<FormKitFrameworkContext> & FormKitIconProps;
7
+ required: true;
8
+ };
9
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
+ context: {
11
+ type: PropType<FormKitFrameworkContext> & FormKitIconProps;
12
+ required: true;
13
+ };
14
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
+ declare const _default: typeof __VLS_export;
16
+ export default _default;
@@ -1,24 +1,31 @@
1
- <script setup>
2
- import { computed } from "vue";
3
- import { useI18n } from "vue-i18n";
4
- import { useFormKitSection } from "../composables";
5
- import FormKitIcon from "./FormKitIcon.vue";
6
- import FormKitPrefix from "./FormKitPrefix.vue";
7
- import FormKitSuffix from "./FormKitSuffix.vue";
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
+
8
12
  const props = defineProps({
9
13
  context: {
10
- type: Object,
11
- required: true
12
- }
13
- });
14
- const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
15
- const { t } = useI18n();
14
+ type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
15
+ required: true,
16
+ },
17
+ })
18
+
19
+ const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
20
+
21
+ const { t } = useI18n()
22
+
16
23
  const translated = computed(() => {
17
24
  if (props.context?._value)
18
- return props.context?.trueValue ?? t("formkit.prime.true", "true");
25
+ return props.context?.trueValue ?? t('formkit.prime.true', 'true')
19
26
  else
20
- return props.context?.falseValue ?? t("formkit.prime.false", "false");
21
- });
27
+ return props.context?.falseValue ?? t('formkit.prime.false', 'false')
28
+ })
22
29
  </script>
23
30
 
24
31
  <template>