@sfxcode/formkit-primevue 3.3.1 → 3.3.3

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 (164) 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 +23 -0
  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 +126 -0
  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 +58 -0
  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 +25 -0
  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 +11 -0
  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 +11 -0
  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 +140 -0
  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 +62 -0
  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 +71 -0
  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 +48 -0
  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 +153 -0
  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 +88 -0
  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 +110 -0
  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 +59 -0
  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 +80 -0
  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 +75 -0
  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 +86 -0
  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 +115 -0
  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 +41 -0
  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 +51 -0
  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 +32 -0
  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 +50 -0
  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 +75 -0
  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 +59 -0
  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 +62 -0
  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 +72 -0
  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 +73 -0
  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 +58 -0
  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 +55 -0
  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 +113 -0
  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 +64 -0
  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 +60 -0
  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 +53 -0
  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 +60 -0
  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 +57 -0
  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 +71 -0
  111. package/dist/components/PrimeTreeSelect.vue.d.ts +32 -0
  112. package/dist/components/index.d.ts +24 -2
  113. package/dist/components/index.js +167 -4
  114. package/dist/components/index.mjs +48 -0
  115. package/dist/composables/index.d.ts +9 -2
  116. package/dist/composables/index.js +61 -2
  117. package/dist/composables/index.mjs +18 -0
  118. package/dist/composables/useFormKitInput.d.ts +11 -0
  119. package/dist/composables/useFormKitInput.js +58 -0
  120. package/dist/composables/useFormKitInput.mjs +45 -0
  121. package/dist/composables/useFormKitRepeater.d.ts +15 -0
  122. package/dist/composables/useFormKitRepeater.js +74 -0
  123. package/dist/composables/useFormKitRepeater.mjs +54 -0
  124. package/dist/composables/useFormKitSchema.d.ts +36 -0
  125. package/dist/composables/useFormKitSchema.js +83 -0
  126. package/dist/composables/useFormKitSchema.mjs +58 -0
  127. package/dist/composables/useFormKitSection.d.ts +7 -0
  128. package/dist/composables/useFormKitSection.js +31 -0
  129. package/dist/composables/useFormKitSection.mjs +19 -0
  130. package/dist/composables/useInputEditor.d.ts +8 -0
  131. package/dist/composables/useInputEditor.js +148 -0
  132. package/dist/composables/useInputEditor.mjs +143 -0
  133. package/dist/composables/useInputEditorSchema.d.ts +163 -0
  134. package/dist/composables/useInputEditorSchema.js +313 -0
  135. package/dist/composables/useInputEditorSchema.mjs +315 -0
  136. package/dist/composables/useOutputDuration.d.ts +4 -0
  137. package/dist/composables/useOutputDuration.js +40 -0
  138. package/dist/composables/useOutputDuration.mjs +35 -0
  139. package/dist/composables/usePrimeInputs.d.ts +3 -0
  140. package/dist/composables/usePrimeInputs.js +62 -0
  141. package/dist/composables/usePrimeInputs.mjs +53 -0
  142. package/dist/definitions/index.d.ts +32 -37
  143. package/dist/definitions/index.js +42 -4
  144. package/dist/definitions/index.mjs +68 -0
  145. package/dist/definitions/input.d.ts +47 -0
  146. package/dist/definitions/input.js +142 -0
  147. package/dist/definitions/input.mjs +135 -0
  148. package/dist/definitions/output.d.ts +9 -0
  149. package/dist/definitions/output.js +46 -0
  150. package/dist/definitions/output.mjs +39 -0
  151. package/dist/index.d.ts +143 -146
  152. package/dist/index.js +62 -5
  153. package/dist/index.mjs +14 -0
  154. package/dist/plugins/index.d.ts +3 -7
  155. package/dist/plugins/index.js +57 -45
  156. package/dist/plugins/index.mjs +55 -0
  157. package/dist/sass/formkit-primevue.scss +101 -99
  158. package/package.json +115 -30
  159. package/dist/PrimeTreeSelect-Dksx7tL-.js +0 -1881
  160. package/dist/components-HJnJ39cU.js +0 -255
  161. package/dist/composables-CZ6f1QYe.js +0 -820
  162. package/dist/definitions-BHwWaom7.js +0 -1196
  163. package/dist/index-Ch3MtT1C.d.ts +0 -266
  164. package/dist/index-EJ8M51RO.d.ts +0 -917
@@ -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;
@@ -0,0 +1,64 @@
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
+
22
+ const props = defineProps({
23
+ context: {
24
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeSelectButtonProps>,
25
+ required: true,
26
+ },
27
+ })
28
+
29
+ const { validSlotNames, unstyled, isInvalid, handleChange, handleBlur, modelValue } = useFormKitInput(props.context)
30
+ </script>
31
+
32
+ <template>
33
+ <div class="p-formkit">
34
+ <SelectButton
35
+ :id="context.id"
36
+ v-model="modelValue"
37
+ v-bind="context?.attrs"
38
+ :disabled="!!context?.disabled"
39
+ :readonly="context?.attrs.readonly ?? false"
40
+ :style="context?.attrs.style"
41
+ :class="context?.attrs?.class"
42
+ :invalid="isInvalid"
43
+ :tabindex="context?.attrs.tabindex"
44
+ :aria-label="context?.attrs.ariaLabel"
45
+ :aria-labelledby="context?.attrs.ariaLabelledby"
46
+ :size="context?.size ?? undefined"
47
+ :options="context.options"
48
+ :option-label="context.optionLabel"
49
+ :option-value="context.optionValue"
50
+ :option-disabled="context.optionDisabled"
51
+ :multiple="context.multiple ?? false"
52
+ :data-key="context.dataKey"
53
+ :pt="context.pt"
54
+ :pt-options="context.ptOptions"
55
+ :unstyled="unstyled"
56
+ @change="handleChange"
57
+ @blur="handleBlur"
58
+ >
59
+ <template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
60
+ <component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
61
+ </template>
62
+ </SelectButton>
63
+ </div>
64
+ </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;
@@ -0,0 +1,26 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { SliderProps } from 'primevue/slider';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeSliderProps {
5
+ pt?: SliderProps['pt'];
6
+ ptOptions?: SliderProps['ptOptions'];
7
+ unstyled?: SliderProps['unstyled'];
8
+ min?: SliderProps['min'];
9
+ max?: SliderProps['max'];
10
+ step?: SliderProps['step'];
11
+ range?: SliderProps['range'];
12
+ orientation?: SliderProps['orientation'];
13
+ }
14
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
15
+ context: {
16
+ type: PropType<FormKitFrameworkContext & FormKitPrimeSliderProps>;
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 & FormKitPrimeSliderProps>;
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,60 @@
1
+ <script setup lang='ts'>
2
+ import type { FormKitFrameworkContext } from '@formkit/core'
3
+ import type { SliderProps } from 'primevue/slider'
4
+
5
+ import type { PropType } from 'vue'
6
+ import { useFormKitInput } from '../composables'
7
+
8
+ export interface FormKitPrimeSliderProps {
9
+ pt?: SliderProps['pt']
10
+ ptOptions?: SliderProps['ptOptions']
11
+ unstyled?: SliderProps['unstyled']
12
+ min?: SliderProps['min']
13
+ max?: SliderProps['max']
14
+ step?: SliderProps['step']
15
+ range?: SliderProps['range']
16
+ orientation?: SliderProps['orientation']
17
+ }
18
+
19
+ const props = defineProps({
20
+ context: {
21
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeSliderProps>,
22
+ required: true,
23
+ },
24
+ })
25
+
26
+ const { unstyled, isInvalid, handleBlur, modelValue } = useFormKitInput(props.context)
27
+
28
+ function handleInput(e: any) {
29
+ props.context?.node.input(e)
30
+ props.context?.handlers.blur(e)
31
+ }
32
+ </script>
33
+
34
+ <template>
35
+ <div class="p-formkit">
36
+ <Slider
37
+ :id="context.id"
38
+ v-model="modelValue"
39
+ v-bind="context?.attrs"
40
+ :disabled="!!context?.disabled"
41
+ :readonly="context?.attrs.readonly ?? false"
42
+ :style="context?.attrs.style"
43
+ :class="context?.attrs?.class"
44
+ :invalid="isInvalid"
45
+ :tabindex="context?.attrs.tabindex"
46
+ :aria-label="context?.attrs.ariaLabel"
47
+ :aria-labelledby="context?.attrs.ariaLabelledby"
48
+ :min="context.min ?? 0"
49
+ :max="context.max ?? 100"
50
+ :step="context.step ?? undefined"
51
+ :range="context.range ?? false"
52
+ :orientation="context.orientation ?? 'horizontal'"
53
+ :pt="context.pt"
54
+ :pt-options="context.ptOptions"
55
+ :unstyled="unstyled"
56
+ @change="handleInput"
57
+ @blur="handleBlur"
58
+ />
59
+ </div>
60
+ </template>
@@ -0,0 +1,26 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { SliderProps } from 'primevue/slider';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeSliderProps {
5
+ pt?: SliderProps['pt'];
6
+ ptOptions?: SliderProps['ptOptions'];
7
+ unstyled?: SliderProps['unstyled'];
8
+ min?: SliderProps['min'];
9
+ max?: SliderProps['max'];
10
+ step?: SliderProps['step'];
11
+ range?: SliderProps['range'];
12
+ orientation?: SliderProps['orientation'];
13
+ }
14
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
15
+ context: {
16
+ type: PropType<FormKitFrameworkContext & FormKitPrimeSliderProps>;
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 & FormKitPrimeSliderProps>;
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,25 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { TextareaProps } from 'primevue/textarea';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeTextareaProps {
5
+ pt?: TextareaProps['pt'];
6
+ ptOptions?: TextareaProps['ptOptions'];
7
+ unstyled?: TextareaProps['unstyled'];
8
+ autoResize?: TextareaProps['autoResize'];
9
+ size?: TextareaProps['size'];
10
+ placeholder?: string;
11
+ rows?: number;
12
+ }
13
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
14
+ context: {
15
+ type: PropType<FormKitFrameworkContext & FormKitPrimeTextareaProps>;
16
+ required: true;
17
+ };
18
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
19
+ context: {
20
+ type: PropType<FormKitFrameworkContext & FormKitPrimeTextareaProps>;
21
+ required: true;
22
+ };
23
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
24
+ declare const _default: typeof __VLS_export;
25
+ export default _default;
@@ -0,0 +1,53 @@
1
+ <script setup lang='ts'>
2
+ import type { FormKitFrameworkContext } from '@formkit/core'
3
+ import type { TextareaProps } from 'primevue/textarea'
4
+
5
+ import type { PropType } from 'vue'
6
+ import { useFormKitInput } from '../composables'
7
+
8
+ export interface FormKitPrimeTextareaProps {
9
+ pt?: TextareaProps['pt']
10
+ ptOptions?: TextareaProps['ptOptions']
11
+ unstyled?: TextareaProps['unstyled']
12
+ autoResize?: TextareaProps['autoResize']
13
+ size?: TextareaProps['size']
14
+ placeholder?: string
15
+ rows?: number
16
+ }
17
+
18
+ const props = defineProps({
19
+ context: {
20
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeTextareaProps>,
21
+ required: true,
22
+ },
23
+ })
24
+
25
+ const { unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
26
+ </script>
27
+
28
+ <template>
29
+ <div class="p-formkit">
30
+ <Textarea
31
+ :id="context.id"
32
+ v-model="modelValue"
33
+ v-bind="context?.attrs"
34
+ :disabled="!!context?.disabled"
35
+ :readonly="context?.attrs.readonly ?? false"
36
+ :style="context?.attrs.style"
37
+ :class="context?.attrs?.class"
38
+ :invalid="isInvalid"
39
+ :tabindex="context?.attrs.tabindex"
40
+ :aria-label="context?.attrs.ariaLabel"
41
+ :aria-labelledby="context?.attrs.ariaLabelledby"
42
+ :size="context?.size ?? undefined"
43
+ :placeholder="context.placeholder"
44
+ :rows="context.rows ?? 3"
45
+ :auto-resize="context.autoResize ?? false"
46
+ :pt="context.pt"
47
+ :pt-options="context.ptOptions"
48
+ :unstyled="unstyled"
49
+ @input="handleInput"
50
+ @blur="handleBlur"
51
+ />
52
+ </div>
53
+ </template>
@@ -0,0 +1,25 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { TextareaProps } from 'primevue/textarea';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeTextareaProps {
5
+ pt?: TextareaProps['pt'];
6
+ ptOptions?: TextareaProps['ptOptions'];
7
+ unstyled?: TextareaProps['unstyled'];
8
+ autoResize?: TextareaProps['autoResize'];
9
+ size?: TextareaProps['size'];
10
+ placeholder?: string;
11
+ rows?: number;
12
+ }
13
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
14
+ context: {
15
+ type: PropType<FormKitFrameworkContext & FormKitPrimeTextareaProps>;
16
+ required: true;
17
+ };
18
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
19
+ context: {
20
+ type: PropType<FormKitFrameworkContext & FormKitPrimeTextareaProps>;
21
+ required: true;
22
+ };
23
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
24
+ declare const _default: typeof __VLS_export;
25
+ export default _default;
@@ -0,0 +1,26 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { ToggleButtonProps } from 'primevue/togglebutton';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeToggleButtonProps {
5
+ pt?: ToggleButtonProps['pt'];
6
+ ptOptions?: ToggleButtonProps['ptOptions'];
7
+ unstyled?: ToggleButtonProps['unstyled'];
8
+ onLabel?: ToggleButtonProps['onLabel'];
9
+ offLabel?: ToggleButtonProps['offLabel'];
10
+ onIcon?: ToggleButtonProps['onIcon'];
11
+ offIcon?: ToggleButtonProps['offIcon'];
12
+ size?: ToggleButtonProps['size'];
13
+ }
14
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
15
+ context: {
16
+ type: PropType<FormKitFrameworkContext & FormKitPrimeToggleButtonProps>;
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 & FormKitPrimeToggleButtonProps>;
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,60 @@
1
+ <script setup lang='ts'>
2
+ import type { FormKitFrameworkContext } from '@formkit/core'
3
+ import type { ToggleButtonProps } from 'primevue/togglebutton'
4
+
5
+ import type { PropType } from 'vue'
6
+ import { useFormKitInput } from '../composables'
7
+
8
+ export interface FormKitPrimeToggleButtonProps {
9
+ pt?: ToggleButtonProps['pt']
10
+ ptOptions?: ToggleButtonProps['ptOptions']
11
+ unstyled?: ToggleButtonProps['unstyled']
12
+ onLabel?: ToggleButtonProps['onLabel']
13
+ offLabel?: ToggleButtonProps['offLabel']
14
+ onIcon?: ToggleButtonProps['onIcon']
15
+ offIcon?: ToggleButtonProps['offIcon']
16
+ size?: ToggleButtonProps['size']
17
+
18
+ }
19
+
20
+ const props = defineProps({
21
+ context: {
22
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeToggleButtonProps>,
23
+ required: true,
24
+ },
25
+ })
26
+
27
+ const { validSlotNames, unstyled, isInvalid, handleChange, handleBlur, modelValue } = useFormKitInput(props.context)
28
+ </script>
29
+
30
+ <template>
31
+ <div class="p-formkit">
32
+ <ToggleButton
33
+ v-model="modelValue"
34
+ v-bind="context?.attrs"
35
+ :input-id="context.id"
36
+ :disabled="!!context?.disabled"
37
+ :readonly="context?.attrs.readonly ?? false"
38
+ :input-style="context?.attrs.style"
39
+ :input-class="context?.attrs?.class"
40
+ :invalid="isInvalid"
41
+ :tabindex="context?.attrs.tabindex"
42
+ :aria-label="context?.attrs.ariaLabel"
43
+ :aria-labelledby="context?.attrs.ariaLabelledby"
44
+ :size="context?.size ?? undefined"
45
+ :on-label="context.onLabel ?? 'Yes'"
46
+ :off-label="context.offLabel ?? 'No'"
47
+ :on-icon="context.onIcon"
48
+ :off-icon="context.offIcon"
49
+ :pt="context.pt"
50
+ :pt-options="context.ptOptions"
51
+ :unstyled="unstyled"
52
+ @change="handleChange"
53
+ @blur="handleBlur"
54
+ >
55
+ <template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
56
+ <component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
57
+ </template>
58
+ </ToggleButton>
59
+ </div>
60
+ </template>
@@ -0,0 +1,26 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { ToggleButtonProps } from 'primevue/togglebutton';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeToggleButtonProps {
5
+ pt?: ToggleButtonProps['pt'];
6
+ ptOptions?: ToggleButtonProps['ptOptions'];
7
+ unstyled?: ToggleButtonProps['unstyled'];
8
+ onLabel?: ToggleButtonProps['onLabel'];
9
+ offLabel?: ToggleButtonProps['offLabel'];
10
+ onIcon?: ToggleButtonProps['onIcon'];
11
+ offIcon?: ToggleButtonProps['offIcon'];
12
+ size?: ToggleButtonProps['size'];
13
+ }
14
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
15
+ context: {
16
+ type: PropType<FormKitFrameworkContext & FormKitPrimeToggleButtonProps>;
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 & FormKitPrimeToggleButtonProps>;
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,23 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { ToggleSwitchProps } from 'primevue/toggleswitch';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeToggleSwitchProps {
5
+ trueValue?: ToggleSwitchProps['trueValue'];
6
+ falseValue?: ToggleSwitchProps['falseValue'];
7
+ pt?: ToggleSwitchProps['pt'];
8
+ ptOptions?: ToggleSwitchProps['ptOptions'];
9
+ unstyled?: ToggleSwitchProps['unstyled'];
10
+ }
11
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
12
+ context: {
13
+ type: PropType<FormKitFrameworkContext & FormKitPrimeToggleSwitchProps>;
14
+ required: true;
15
+ };
16
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
17
+ context: {
18
+ type: PropType<FormKitFrameworkContext & FormKitPrimeToggleSwitchProps>;
19
+ required: true;
20
+ };
21
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
22
+ declare const _default: typeof __VLS_export;
23
+ export default _default;
@@ -0,0 +1,57 @@
1
+ <script setup lang='ts'>
2
+ import type { FormKitFrameworkContext } from '@formkit/core'
3
+ import type { ToggleSwitchProps } from 'primevue/toggleswitch'
4
+
5
+ import type { PropType } from 'vue'
6
+ import { useFormKitInput, useFormKitSection } from '../composables'
7
+
8
+ export interface FormKitPrimeToggleSwitchProps {
9
+ trueValue?: ToggleSwitchProps['trueValue']
10
+ falseValue?: ToggleSwitchProps['falseValue']
11
+ pt?: ToggleSwitchProps['pt']
12
+ ptOptions?: ToggleSwitchProps['ptOptions']
13
+ unstyled?: ToggleSwitchProps['unstyled']
14
+ }
15
+
16
+ const props = defineProps({
17
+ context: {
18
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeToggleSwitchProps>,
19
+ required: true,
20
+ },
21
+ })
22
+
23
+ const { hasPrefix, hasSuffix } = useFormKitSection(props.context)
24
+
25
+ const { unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
26
+ </script>
27
+
28
+ <template>
29
+ <div class="p-formkit">
30
+ <span v-if="hasPrefix" class="formkit-prefix">
31
+ {{ context?.prefix }}
32
+ </span>
33
+ <ToggleSwitch
34
+ v-model="modelValue"
35
+ v-bind="context?.attrs"
36
+ :input-id="context.id"
37
+ :disabled="!!context?.disabled"
38
+ :readonly="context?.attrs.readonly ?? false"
39
+ :input-style="context?.attrs.style"
40
+ :input-class="context?.attrs?.class"
41
+ :invalid="isInvalid"
42
+ :tabindex="context?.attrs.tabindex"
43
+ :aria-label="context?.attrs.ariaLabel"
44
+ :aria-labelledby="context?.attrs.ariaLabelledby"
45
+ :true-value="context.trueValue ?? undefined"
46
+ :false-value="context.falseValue ?? undefined"
47
+ :pt="context.pt"
48
+ :pt-options="context.ptOptions"
49
+ :unstyled="unstyled"
50
+ @change="handleInput"
51
+ @blur="handleBlur"
52
+ />
53
+ <span v-if="hasSuffix" class="formkit-suffix">
54
+ {{ context?.suffix }}
55
+ </span>
56
+ </div>
57
+ </template>
@@ -0,0 +1,23 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { ToggleSwitchProps } from 'primevue/toggleswitch';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeToggleSwitchProps {
5
+ trueValue?: ToggleSwitchProps['trueValue'];
6
+ falseValue?: ToggleSwitchProps['falseValue'];
7
+ pt?: ToggleSwitchProps['pt'];
8
+ ptOptions?: ToggleSwitchProps['ptOptions'];
9
+ unstyled?: ToggleSwitchProps['unstyled'];
10
+ }
11
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
12
+ context: {
13
+ type: PropType<FormKitFrameworkContext & FormKitPrimeToggleSwitchProps>;
14
+ required: true;
15
+ };
16
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
17
+ context: {
18
+ type: PropType<FormKitFrameworkContext & FormKitPrimeToggleSwitchProps>;
19
+ required: true;
20
+ };
21
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
22
+ declare const _default: typeof __VLS_export;
23
+ export default _default;
@@ -0,0 +1,32 @@
1
+ import type { FormKitFrameworkContext } from '@formkit/core';
2
+ import type { TreeSelectProps } from 'primevue/treeselect';
3
+ import type { PropType } from 'vue';
4
+ export interface FormKitPrimeTreeSelectProps {
5
+ options?: TreeSelectProps['options'];
6
+ placeholder?: TreeSelectProps['placeholder'];
7
+ selectionMode?: TreeSelectProps['selectionMode'];
8
+ pt?: TreeSelectProps['pt'];
9
+ ptOptions?: TreeSelectProps['ptOptions'];
10
+ unstyled?: TreeSelectProps['unstyled'];
11
+ emptyMessage?: TreeSelectProps['emptyMessage'];
12
+ display?: TreeSelectProps['display'];
13
+ metaKeySelection?: TreeSelectProps['metaKeySelection'];
14
+ appendTo?: TreeSelectProps['appendTo'];
15
+ scrollHeight?: TreeSelectProps['scrollHeight'];
16
+ panelClass?: TreeSelectProps['panelClass'];
17
+ variant?: TreeSelectProps['variant'];
18
+ size?: TreeSelectProps['size'];
19
+ }
20
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
21
+ context: {
22
+ type: PropType<FormKitFrameworkContext & FormKitPrimeTreeSelectProps>;
23
+ required: true;
24
+ };
25
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
26
+ context: {
27
+ type: PropType<FormKitFrameworkContext & FormKitPrimeTreeSelectProps>;
28
+ required: true;
29
+ };
30
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
31
+ declare const _default: typeof __VLS_export;
32
+ export default _default;