@sfxcode/formkit-primevue 3.3.5 → 3.3.6

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 (140) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +138 -13
  3. package/components.d.ts +1 -0
  4. package/dist/components/FormKitDataDebug.d.vue.ts +24 -0
  5. package/dist/components/FormKitDataDebug.vue +9 -5
  6. package/dist/components/FormKitDataDebug.vue.d.ts +24 -0
  7. package/dist/components/FormKitDataEdit.d.vue.ts +180 -0
  8. package/dist/components/FormKitDataEdit.vue +46 -53
  9. package/dist/components/FormKitDataEdit.vue.d.ts +180 -0
  10. package/dist/components/FormKitDataView.d.vue.ts +73 -0
  11. package/dist/components/FormKitDataView.vue +27 -20
  12. package/dist/components/FormKitDataView.vue.d.ts +73 -0
  13. package/dist/components/FormKitIcon.d.vue.ts +39 -0
  14. package/dist/components/FormKitIcon.vue +13 -6
  15. package/dist/components/FormKitIcon.vue.d.ts +39 -0
  16. package/dist/components/FormKitPrefix.d.vue.ts +7 -0
  17. package/dist/components/FormKitPrefix.vue +3 -3
  18. package/dist/components/FormKitPrefix.vue.d.ts +7 -0
  19. package/dist/components/FormKitSuffix.d.vue.ts +7 -0
  20. package/dist/components/FormKitSuffix.vue +3 -3
  21. package/dist/components/FormKitSuffix.vue.d.ts +7 -0
  22. package/dist/components/PrimeAutoComplete.d.vue.ts +31 -0
  23. package/dist/components/PrimeAutoComplete.vue +86 -41
  24. package/dist/components/PrimeAutoComplete.vue.d.ts +31 -0
  25. package/dist/components/PrimeCascadeSelect.d.vue.ts +28 -0
  26. package/dist/components/PrimeCascadeSelect.vue +26 -7
  27. package/dist/components/PrimeCascadeSelect.vue.d.ts +28 -0
  28. package/dist/components/PrimeCheckbox.d.vue.ts +27 -0
  29. package/dist/components/PrimeCheckbox.vue +29 -9
  30. package/dist/components/PrimeCheckbox.vue.d.ts +27 -0
  31. package/dist/components/PrimeColorPicker.d.vue.ts +24 -0
  32. package/dist/components/PrimeColorPicker.vue +22 -7
  33. package/dist/components/PrimeColorPicker.vue.d.ts +24 -0
  34. package/dist/components/PrimeDatePicker.d.vue.ts +63 -0
  35. package/dist/components/PrimeDatePicker.vue +73 -17
  36. package/dist/components/PrimeDatePicker.vue.d.ts +63 -0
  37. package/dist/components/PrimeInputMask.d.vue.ts +28 -0
  38. package/dist/components/PrimeInputMask.vue +29 -10
  39. package/dist/components/PrimeInputMask.vue.d.ts +28 -0
  40. package/dist/components/PrimeInputNumber.d.vue.ts +36 -0
  41. package/dist/components/PrimeInputNumber.vue +56 -21
  42. package/dist/components/PrimeInputNumber.vue.d.ts +36 -0
  43. package/dist/components/PrimeInputOtp.d.vue.ts +26 -0
  44. package/dist/components/PrimeInputOtp.vue +24 -7
  45. package/dist/components/PrimeInputOtp.vue.d.ts +26 -0
  46. package/dist/components/PrimeInputText.d.vue.ts +24 -0
  47. package/dist/components/PrimeInputText.vue +25 -10
  48. package/dist/components/PrimeInputText.vue.d.ts +24 -0
  49. package/dist/components/PrimeKnob.d.vue.ts +31 -0
  50. package/dist/components/PrimeKnob.vue +37 -12
  51. package/dist/components/PrimeKnob.vue.d.ts +31 -0
  52. package/dist/components/PrimeListbox.d.vue.ts +42 -0
  53. package/dist/components/PrimeListbox.vue +39 -7
  54. package/dist/components/PrimeListbox.vue.d.ts +42 -0
  55. package/dist/components/PrimeMultiSelect.d.vue.ts +53 -0
  56. package/dist/components/PrimeMultiSelect.vue +52 -7
  57. package/dist/components/PrimeMultiSelect.vue.d.ts +53 -0
  58. package/dist/components/PrimeOutputBoolean.d.vue.ts +16 -0
  59. package/dist/components/PrimeOutputBoolean.vue +27 -28
  60. package/dist/components/PrimeOutputBoolean.vue.d.ts +16 -0
  61. package/dist/components/PrimeOutputDate.d.vue.ts +16 -0
  62. package/dist/components/PrimeOutputDate.vue +33 -33
  63. package/dist/components/PrimeOutputDate.vue.d.ts +16 -0
  64. package/dist/components/PrimeOutputDuration.d.vue.ts +16 -0
  65. package/dist/components/PrimeOutputDuration.vue +19 -23
  66. package/dist/components/PrimeOutputDuration.vue.d.ts +16 -0
  67. package/dist/components/PrimeOutputLink.d.vue.ts +16 -0
  68. package/dist/components/PrimeOutputLink.vue +27 -29
  69. package/dist/components/PrimeOutputLink.vue.d.ts +16 -0
  70. package/dist/components/PrimeOutputList.d.vue.ts +19 -0
  71. package/dist/components/PrimeOutputList.vue +40 -71
  72. package/dist/components/PrimeOutputList.vue.d.ts +19 -0
  73. package/dist/components/PrimeOutputNumber.d.vue.ts +16 -0
  74. package/dist/components/PrimeOutputNumber.vue +39 -36
  75. package/dist/components/PrimeOutputNumber.vue.d.ts +16 -0
  76. package/dist/components/PrimeOutputReference.d.vue.ts +16 -0
  77. package/dist/components/PrimeOutputReference.vue +30 -32
  78. package/dist/components/PrimeOutputReference.vue.d.ts +16 -0
  79. package/dist/components/PrimeOutputText.d.vue.ts +22 -0
  80. package/dist/components/PrimeOutputText.vue +53 -53
  81. package/dist/components/PrimeOutputText.vue.d.ts +22 -0
  82. package/dist/components/PrimePassword.d.vue.ts +33 -0
  83. package/dist/components/PrimePassword.vue +32 -11
  84. package/dist/components/PrimePassword.vue.d.ts +33 -0
  85. package/dist/components/PrimeRadioButton.d.vue.ts +28 -0
  86. package/dist/components/PrimeRadioButton.vue +29 -19
  87. package/dist/components/PrimeRadioButton.vue.d.ts +28 -0
  88. package/dist/components/PrimeRating.d.vue.ts +24 -0
  89. package/dist/components/PrimeRating.vue +22 -7
  90. package/dist/components/PrimeRating.vue.d.ts +24 -0
  91. package/dist/components/PrimeSelect.d.vue.ts +50 -0
  92. package/dist/components/PrimeSelect.vue +49 -7
  93. package/dist/components/PrimeSelect.vue.d.ts +50 -0
  94. package/dist/components/PrimeSelectButton.d.vue.ts +28 -0
  95. package/dist/components/PrimeSelectButton.vue +27 -7
  96. package/dist/components/PrimeSelectButton.vue.d.ts +28 -0
  97. package/dist/components/PrimeSlider.d.vue.ts +26 -0
  98. package/dist/components/PrimeSlider.vue +28 -10
  99. package/dist/components/PrimeSlider.vue.d.ts +26 -0
  100. package/dist/components/PrimeTextarea.d.vue.ts +25 -0
  101. package/dist/components/PrimeTextarea.vue +23 -7
  102. package/dist/components/PrimeTextarea.vue.d.ts +25 -0
  103. package/dist/components/PrimeToggleButton.d.vue.ts +26 -0
  104. package/dist/components/PrimeToggleButton.vue +25 -7
  105. package/dist/components/PrimeToggleButton.vue.d.ts +26 -0
  106. package/dist/components/PrimeToggleSwitch.d.vue.ts +23 -0
  107. package/dist/components/PrimeToggleSwitch.vue +23 -8
  108. package/dist/components/PrimeToggleSwitch.vue.d.ts +23 -0
  109. package/dist/components/PrimeTreeSelect.d.vue.ts +32 -0
  110. package/dist/components/PrimeTreeSelect.vue +30 -7
  111. package/dist/components/PrimeTreeSelect.vue.d.ts +32 -0
  112. package/dist/components/index.d.ts +23 -23
  113. package/dist/composables/index.d.ts +8 -8
  114. package/dist/composables/index.js +8 -8
  115. package/dist/composables/index.mjs +8 -8
  116. package/dist/composables/useFormKitInput.js +1 -5
  117. package/dist/composables/useFormKitInput.mjs +1 -13
  118. package/dist/composables/useFormKitRepeater.js +1 -1
  119. package/dist/composables/useFormKitRepeater.mjs +17 -45
  120. package/dist/composables/useFormKitSchema.mjs +2 -10
  121. package/dist/composables/useInputEditor.js +4 -4
  122. package/dist/composables/useInputEditor.mjs +24 -52
  123. package/dist/composables/useInputEditorSchema.js +3 -3
  124. package/dist/composables/useInputEditorSchema.mjs +17 -25
  125. package/dist/composables/useOutputDuration.mjs +6 -3
  126. package/dist/definitions/index.js +2 -2
  127. package/dist/definitions/index.mjs +2 -2
  128. package/dist/definitions/input.d.ts +1 -1
  129. package/dist/definitions/input.mjs +15 -301
  130. package/dist/definitions/output.d.ts +1 -1
  131. package/dist/definitions/output.js +1 -1
  132. package/dist/definitions/output.mjs +14 -95
  133. package/dist/index.d.ts +48 -48
  134. package/dist/index.js +12 -12
  135. package/dist/index.mjs +3 -9
  136. package/dist/plugins/index.d.ts +1 -1
  137. package/dist/plugins/index.mjs +27 -31
  138. package/dist/sass/formkit-primevue.scss +101 -99
  139. package/package.json +80 -45
  140. package/dist/vue.d.ts +0 -5
@@ -0,0 +1,63 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { DatePickerProps } from 'primevue/datepicker';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeDatePickerProps {
5
+ dateFormat?: DatePickerProps['dateFormat'];
6
+ placeholder?: DatePickerProps['placeholder'];
7
+ selectionMode?: DatePickerProps['selectionMode'];
8
+ inline?: DatePickerProps['inline'];
9
+ icon?: DatePickerProps['icon'];
10
+ showOtherMonths?: DatePickerProps['showOtherMonths'];
11
+ selectOtherMonths?: DatePickerProps['selectOtherMonths'];
12
+ showIcon?: DatePickerProps['showIcon'];
13
+ prevIcon?: DatePickerProps['prevIcon'];
14
+ nextIcon?: DatePickerProps['nextIcon'];
15
+ incrementIcon?: DatePickerProps['incrementIcon'];
16
+ decrementIcon?: DatePickerProps['decrementIcon'];
17
+ numberOfMonths?: DatePickerProps['numberOfMonths'];
18
+ responsiveOptions?: DatePickerProps['responsiveOptions'];
19
+ view?: DatePickerProps['view'];
20
+ minDate?: DatePickerProps['minDate'];
21
+ maxDate?: DatePickerProps['maxDate'];
22
+ disabledDates?: DatePickerProps['disabledDates'];
23
+ disabledDays?: DatePickerProps['disabledDays'];
24
+ maxDateCount?: DatePickerProps['maxDateCount'];
25
+ showOnFocus?: DatePickerProps['showOnFocus'];
26
+ autoZIndex?: DatePickerProps['autoZIndex'];
27
+ baseZIndex?: DatePickerProps['baseZIndex'];
28
+ showButtonBar?: DatePickerProps['showButtonBar'];
29
+ showTime?: DatePickerProps['showTime'];
30
+ timeOnly?: DatePickerProps['timeOnly'];
31
+ shortYearCutoff?: DatePickerProps['shortYearCutoff'];
32
+ hourFormat?: DatePickerProps['hourFormat'];
33
+ stepHour?: DatePickerProps['stepHour'];
34
+ stepMinute?: DatePickerProps['stepMinute'];
35
+ stepSecond?: DatePickerProps['stepSecond'];
36
+ showSeconds?: DatePickerProps['showSeconds'];
37
+ hideOnDateTimeSelect?: DatePickerProps['hideOnDateTimeSelect'];
38
+ hideOnRangeSelection?: DatePickerProps['hideOnRangeSelection'];
39
+ timeSeparator?: DatePickerProps['timeSeparator'];
40
+ showWeek?: DatePickerProps['showWeek'];
41
+ manualInput?: DatePickerProps['manualInput'];
42
+ appendTo?: DatePickerProps['appendTo'];
43
+ panelStyle?: DatePickerProps['panelStyle'];
44
+ panelClass?: DatePickerProps['panelClass'];
45
+ pt?: DatePickerProps['pt'];
46
+ ptOptions?: DatePickerProps['ptOptions'];
47
+ unstyled?: DatePickerProps['unstyled'];
48
+ size?: DatePickerProps['size'];
49
+ updateModelType?: DatePickerProps['updateModelType'];
50
+ }
51
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
52
+ context: {
53
+ type: PropType<FormKitFrameworkContext & FormKitPrimeDatePickerProps>;
54
+ required: true;
55
+ };
56
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
57
+ context: {
58
+ type: PropType<FormKitFrameworkContext & FormKitPrimeDatePickerProps>;
59
+ required: true;
60
+ };
61
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
62
+ declare const _default: typeof __VLS_export;
63
+ export default _default;
@@ -0,0 +1,28 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { InputMaskProps } from 'primevue/inputmask';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeInputMaskProps {
5
+ mask?: InputMaskProps['mask'];
6
+ slotChar?: InputMaskProps['slotChar'];
7
+ autoClear?: InputMaskProps['autoClear'];
8
+ unmask?: InputMaskProps['unmask'];
9
+ pt?: InputMaskProps['pt'];
10
+ ptOptions?: InputMaskProps['ptOptions'];
11
+ unstyled?: InputMaskProps['unstyled'];
12
+ invalid?: InputMaskProps['invalid'];
13
+ variant?: InputMaskProps['variant'];
14
+ size?: InputMaskProps['size'];
15
+ }
16
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
17
+ context: {
18
+ type: PropType<FormKitFrameworkContext & FormKitPrimeInputMaskProps>;
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 & FormKitPrimeInputMaskProps>;
24
+ required: true;
25
+ };
26
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
27
+ declare const _default: typeof __VLS_export;
28
+ export default _default;
@@ -1,15 +1,34 @@
1
- <script setup>
2
- import IconField from "primevue/iconfield";
3
- import InputIcon from "primevue/inputicon";
4
- import { useFormKitInput, useFormKitSection } from "../composables/index.ts";
1
+ <script setup lang='ts'>
2
+ import type { FormKitFrameworkContext } from '@formkit/core'
3
+ import type { InputMaskProps } from 'primevue/inputmask'
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 FormKitPrimeInputMaskProps {
11
+ mask?: InputMaskProps['mask']
12
+ slotChar?: InputMaskProps['slotChar']
13
+ autoClear?: InputMaskProps['autoClear']
14
+ unmask?: InputMaskProps['unmask']
15
+ pt?: InputMaskProps['pt']
16
+ ptOptions?: InputMaskProps['ptOptions']
17
+ unstyled?: InputMaskProps['unstyled']
18
+ invalid?: InputMaskProps['invalid']
19
+ variant?: InputMaskProps['variant']
20
+ size?: InputMaskProps['size']
21
+ }
22
+
5
23
  const props = defineProps({
6
24
  context: {
7
- type: Object,
8
- required: true
9
- }
10
- });
11
- const { unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context);
12
- const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context);
25
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeInputMaskProps>,
26
+ required: true,
27
+ },
28
+ })
29
+
30
+ const { unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
31
+ const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
13
32
  </script>
14
33
 
15
34
  <template>
@@ -0,0 +1,28 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { InputMaskProps } from 'primevue/inputmask';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeInputMaskProps {
5
+ mask?: InputMaskProps['mask'];
6
+ slotChar?: InputMaskProps['slotChar'];
7
+ autoClear?: InputMaskProps['autoClear'];
8
+ unmask?: InputMaskProps['unmask'];
9
+ pt?: InputMaskProps['pt'];
10
+ ptOptions?: InputMaskProps['ptOptions'];
11
+ unstyled?: InputMaskProps['unstyled'];
12
+ invalid?: InputMaskProps['invalid'];
13
+ variant?: InputMaskProps['variant'];
14
+ size?: InputMaskProps['size'];
15
+ }
16
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
17
+ context: {
18
+ type: PropType<FormKitFrameworkContext & FormKitPrimeInputMaskProps>;
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 & FormKitPrimeInputMaskProps>;
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,36 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { InputNumberProps } from 'primevue/inputnumber';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeInputNumberProps {
5
+ useGrouping?: InputNumberProps['useGrouping'];
6
+ min?: InputNumberProps['min'];
7
+ max?: InputNumberProps['max'];
8
+ minFractionDigits?: InputNumberProps['minFractionDigits'];
9
+ maxFractionDigits?: InputNumberProps['maxFractionDigits'];
10
+ locale?: InputNumberProps['locale'];
11
+ mode?: InputNumberProps['mode'];
12
+ currency?: InputNumberProps['currency'];
13
+ prefix?: InputNumberProps['prefix'];
14
+ suffix?: InputNumberProps['suffix'];
15
+ showButtons?: InputNumberProps['showButtons'];
16
+ buttonLayout?: InputNumberProps['buttonLayout'];
17
+ step?: InputNumberProps['step'];
18
+ pt?: InputNumberProps['pt'];
19
+ ptOptions?: InputNumberProps['ptOptions'];
20
+ unstyled?: InputNumberProps['unstyled'];
21
+ placeholder?: InputNumberProps['placeholder'];
22
+ size?: InputNumberProps['size'];
23
+ }
24
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
25
+ context: {
26
+ type: PropType<FormKitFrameworkContext & FormKitPrimeInputNumberProps>;
27
+ required: true;
28
+ };
29
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
30
+ context: {
31
+ type: PropType<FormKitFrameworkContext & FormKitPrimeInputNumberProps>;
32
+ required: true;
33
+ };
34
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
35
+ declare const _default: typeof __VLS_export;
36
+ export default _default;
@@ -1,35 +1,70 @@
1
- <script setup>
2
- import { watch } from "vue";
3
- import { useFormKitInput } from "../composables/index.ts";
1
+ <script setup lang='ts'>
2
+ import type { FormKitFrameworkContext } from '@formkit/core'
3
+ import type { InputNumberBlurEvent, InputNumberProps } from 'primevue/inputnumber'
4
+
5
+ import type { PropType } from 'vue'
6
+ import { watch } from 'vue'
7
+ import { useFormKitInput } from '../composables'
8
+
9
+ export interface FormKitPrimeInputNumberProps {
10
+ useGrouping?: InputNumberProps['useGrouping']
11
+ min?: InputNumberProps['min']
12
+ max?: InputNumberProps['max']
13
+ minFractionDigits?: InputNumberProps['minFractionDigits']
14
+ maxFractionDigits?: InputNumberProps['maxFractionDigits']
15
+ locale?: InputNumberProps['locale']
16
+ mode?: InputNumberProps['mode']
17
+ currency?: InputNumberProps['currency']
18
+ prefix?: InputNumberProps['prefix']
19
+ suffix?: InputNumberProps['suffix']
20
+ showButtons?: InputNumberProps['showButtons']
21
+ buttonLayout?: InputNumberProps['buttonLayout']
22
+ step?: InputNumberProps['step']
23
+ pt?: InputNumberProps['pt']
24
+ ptOptions?: InputNumberProps['ptOptions']
25
+ unstyled?: InputNumberProps['unstyled']
26
+ placeholder?: InputNumberProps['placeholder']
27
+ size?: InputNumberProps['size']
28
+ }
29
+
4
30
  const props = defineProps({
5
31
  context: {
6
- type: Object,
7
- required: true
8
- }
9
- });
10
- const { validSlotNames, unstyled, isInvalid, modelValue } = useFormKitInput(props.context);
11
- function handleBlur(e) {
12
- props.context?.handlers.blur(e.originalEvent);
32
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeInputNumberProps>,
33
+ required: true,
34
+ },
35
+ })
36
+
37
+ const { validSlotNames, unstyled, isInvalid, modelValue } = useFormKitInput(props.context)
38
+
39
+ function handleBlur(e: InputNumberBlurEvent) {
40
+ props.context?.handlers.blur(e.originalEvent as FocusEvent)
13
41
  }
14
- function handleInput(_) {
15
- if (typeof _.value === "number" || _.value === null) props.context?.node.input(_.value);
42
+
43
+ function handleInput(_: any) {
44
+ if (typeof _.value === 'number' || _.value === null)
45
+ props.context?.node.input(_.value)
16
46
  }
17
- function roundToDecimals(value, decimals) {
18
- const factor = 10 ** decimals;
19
- return Math.round(value * factor) / factor;
47
+
48
+ function roundToDecimals(value: any, decimals: number) {
49
+ const factor = 10 ** decimals
50
+ return Math.round(value * factor) / factor
20
51
  }
52
+
21
53
  watch(
22
54
  () => props.context._value,
23
55
  (newValue) => {
24
- if (newValue !== props.context.node.value && typeof newValue === "number") {
56
+ // Only update if the value is different
57
+ if (newValue !== props.context.node.value && typeof newValue === 'number') {
25
58
  if (props.context.maxFractionDigits && props.context.maxFractionDigits > 0) {
26
- props.context?.node.input(roundToDecimals(newValue, props.context.maxFractionDigits));
27
- } else {
28
- props.context?.node.input(newValue);
59
+ // fix floating-point precision issues
60
+ props.context?.node.input(roundToDecimals(newValue, props.context.maxFractionDigits))
61
+ }
62
+ else {
63
+ props.context?.node.input(newValue)
29
64
  }
30
65
  }
31
- }
32
- );
66
+ },
67
+ )
33
68
  </script>
34
69
 
35
70
  <template>
@@ -0,0 +1,36 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { InputNumberProps } from 'primevue/inputnumber';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeInputNumberProps {
5
+ useGrouping?: InputNumberProps['useGrouping'];
6
+ min?: InputNumberProps['min'];
7
+ max?: InputNumberProps['max'];
8
+ minFractionDigits?: InputNumberProps['minFractionDigits'];
9
+ maxFractionDigits?: InputNumberProps['maxFractionDigits'];
10
+ locale?: InputNumberProps['locale'];
11
+ mode?: InputNumberProps['mode'];
12
+ currency?: InputNumberProps['currency'];
13
+ prefix?: InputNumberProps['prefix'];
14
+ suffix?: InputNumberProps['suffix'];
15
+ showButtons?: InputNumberProps['showButtons'];
16
+ buttonLayout?: InputNumberProps['buttonLayout'];
17
+ step?: InputNumberProps['step'];
18
+ pt?: InputNumberProps['pt'];
19
+ ptOptions?: InputNumberProps['ptOptions'];
20
+ unstyled?: InputNumberProps['unstyled'];
21
+ placeholder?: InputNumberProps['placeholder'];
22
+ size?: InputNumberProps['size'];
23
+ }
24
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
25
+ context: {
26
+ type: PropType<FormKitFrameworkContext & FormKitPrimeInputNumberProps>;
27
+ required: true;
28
+ };
29
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
30
+ context: {
31
+ type: PropType<FormKitFrameworkContext & FormKitPrimeInputNumberProps>;
32
+ required: true;
33
+ };
34
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
35
+ declare const _default: typeof __VLS_export;
36
+ export default _default;
@@ -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;
@@ -1,12 +1,29 @@
1
- <script setup>
2
- import { useFormKitInput } from "../composables/index.ts";
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, modelValue } = useFormKitInput(props.context);
21
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeInputOtpProps>,
22
+ required: true,
23
+ },
24
+ })
25
+
26
+ const { validSlotNames, unstyled, isInvalid, handleBlur, handleInput, modelValue } = 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/index.ts";
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, modelValue } = 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, modelValue } = 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/index.ts";
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, modelValue } = 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, modelValue } = 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;