@sfxcode/formkit-primevue 3.3.0 → 3.3.1

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/README.md +13 -138
  2. package/dist/PrimeTreeSelect-Dksx7tL-.js +1881 -0
  3. package/dist/components/index.d.ts +2 -24
  4. package/dist/components/index.js +4 -167
  5. package/dist/components-HJnJ39cU.js +255 -0
  6. package/dist/composables/index.d.ts +2 -9
  7. package/dist/composables/index.js +2 -61
  8. package/dist/composables-CZ6f1QYe.js +820 -0
  9. package/dist/definitions/index.d.ts +37 -32
  10. package/dist/definitions/index.js +4 -42
  11. package/dist/definitions-BHwWaom7.js +1196 -0
  12. package/dist/index-Ch3MtT1C.d.ts +266 -0
  13. package/dist/index-EJ8M51RO.d.ts +917 -0
  14. package/dist/index.d.ts +146 -143
  15. package/dist/index.js +5 -62
  16. package/dist/plugins/index.d.ts +7 -3
  17. package/dist/plugins/index.js +45 -57
  18. package/dist/sass/formkit-primevue.scss +99 -101
  19. package/package.json +32 -117
  20. package/LICENSE +0 -21
  21. package/components.d.ts +0 -1
  22. package/dist/components/FormKitDataDebug.d.vue.ts +0 -24
  23. package/dist/components/FormKitDataDebug.vue +0 -23
  24. package/dist/components/FormKitDataDebug.vue.d.ts +0 -24
  25. package/dist/components/FormKitDataEdit.d.vue.ts +0 -180
  26. package/dist/components/FormKitDataEdit.vue +0 -126
  27. package/dist/components/FormKitDataEdit.vue.d.ts +0 -180
  28. package/dist/components/FormKitDataView.d.vue.ts +0 -73
  29. package/dist/components/FormKitDataView.vue +0 -58
  30. package/dist/components/FormKitDataView.vue.d.ts +0 -73
  31. package/dist/components/FormKitIcon.d.vue.ts +0 -39
  32. package/dist/components/FormKitIcon.vue +0 -25
  33. package/dist/components/FormKitIcon.vue.d.ts +0 -39
  34. package/dist/components/FormKitPrefix.d.vue.ts +0 -7
  35. package/dist/components/FormKitPrefix.vue +0 -11
  36. package/dist/components/FormKitPrefix.vue.d.ts +0 -7
  37. package/dist/components/FormKitSuffix.d.vue.ts +0 -7
  38. package/dist/components/FormKitSuffix.vue +0 -11
  39. package/dist/components/FormKitSuffix.vue.d.ts +0 -7
  40. package/dist/components/PrimeAutoComplete.d.vue.ts +0 -31
  41. package/dist/components/PrimeAutoComplete.vue +0 -140
  42. package/dist/components/PrimeAutoComplete.vue.d.ts +0 -31
  43. package/dist/components/PrimeCascadeSelect.d.vue.ts +0 -28
  44. package/dist/components/PrimeCascadeSelect.vue +0 -62
  45. package/dist/components/PrimeCascadeSelect.vue.d.ts +0 -28
  46. package/dist/components/PrimeCheckbox.d.vue.ts +0 -27
  47. package/dist/components/PrimeCheckbox.vue +0 -71
  48. package/dist/components/PrimeCheckbox.vue.d.ts +0 -27
  49. package/dist/components/PrimeColorPicker.d.vue.ts +0 -24
  50. package/dist/components/PrimeColorPicker.vue +0 -48
  51. package/dist/components/PrimeColorPicker.vue.d.ts +0 -24
  52. package/dist/components/PrimeDatePicker.d.vue.ts +0 -63
  53. package/dist/components/PrimeDatePicker.vue +0 -153
  54. package/dist/components/PrimeDatePicker.vue.d.ts +0 -63
  55. package/dist/components/PrimeInputMask.d.vue.ts +0 -28
  56. package/dist/components/PrimeInputMask.vue +0 -88
  57. package/dist/components/PrimeInputMask.vue.d.ts +0 -28
  58. package/dist/components/PrimeInputNumber.d.vue.ts +0 -36
  59. package/dist/components/PrimeInputNumber.vue +0 -110
  60. package/dist/components/PrimeInputNumber.vue.d.ts +0 -36
  61. package/dist/components/PrimeInputOtp.d.vue.ts +0 -26
  62. package/dist/components/PrimeInputOtp.vue +0 -59
  63. package/dist/components/PrimeInputOtp.vue.d.ts +0 -26
  64. package/dist/components/PrimeInputText.d.vue.ts +0 -24
  65. package/dist/components/PrimeInputText.vue +0 -80
  66. package/dist/components/PrimeInputText.vue.d.ts +0 -24
  67. package/dist/components/PrimeKnob.d.vue.ts +0 -31
  68. package/dist/components/PrimeKnob.vue +0 -75
  69. package/dist/components/PrimeKnob.vue.d.ts +0 -31
  70. package/dist/components/PrimeListbox.d.vue.ts +0 -42
  71. package/dist/components/PrimeListbox.vue +0 -86
  72. package/dist/components/PrimeListbox.vue.d.ts +0 -42
  73. package/dist/components/PrimeMultiSelect.d.vue.ts +0 -53
  74. package/dist/components/PrimeMultiSelect.vue +0 -115
  75. package/dist/components/PrimeMultiSelect.vue.d.ts +0 -53
  76. package/dist/components/PrimeOutputBoolean.d.vue.ts +0 -16
  77. package/dist/components/PrimeOutputBoolean.vue +0 -41
  78. package/dist/components/PrimeOutputBoolean.vue.d.ts +0 -16
  79. package/dist/components/PrimeOutputDate.d.vue.ts +0 -16
  80. package/dist/components/PrimeOutputDate.vue +0 -51
  81. package/dist/components/PrimeOutputDate.vue.d.ts +0 -16
  82. package/dist/components/PrimeOutputDuration.d.vue.ts +0 -16
  83. package/dist/components/PrimeOutputDuration.vue +0 -32
  84. package/dist/components/PrimeOutputDuration.vue.d.ts +0 -16
  85. package/dist/components/PrimeOutputLink.d.vue.ts +0 -16
  86. package/dist/components/PrimeOutputLink.vue +0 -50
  87. package/dist/components/PrimeOutputLink.vue.d.ts +0 -16
  88. package/dist/components/PrimeOutputList.d.vue.ts +0 -19
  89. package/dist/components/PrimeOutputList.vue +0 -75
  90. package/dist/components/PrimeOutputList.vue.d.ts +0 -19
  91. package/dist/components/PrimeOutputNumber.d.vue.ts +0 -16
  92. package/dist/components/PrimeOutputNumber.vue +0 -59
  93. package/dist/components/PrimeOutputNumber.vue.d.ts +0 -16
  94. package/dist/components/PrimeOutputReference.d.vue.ts +0 -16
  95. package/dist/components/PrimeOutputReference.vue +0 -62
  96. package/dist/components/PrimeOutputReference.vue.d.ts +0 -16
  97. package/dist/components/PrimeOutputText.d.vue.ts +0 -22
  98. package/dist/components/PrimeOutputText.vue +0 -72
  99. package/dist/components/PrimeOutputText.vue.d.ts +0 -22
  100. package/dist/components/PrimePassword.d.vue.ts +0 -33
  101. package/dist/components/PrimePassword.vue +0 -73
  102. package/dist/components/PrimePassword.vue.d.ts +0 -33
  103. package/dist/components/PrimeRadioButton.d.vue.ts +0 -28
  104. package/dist/components/PrimeRadioButton.vue +0 -58
  105. package/dist/components/PrimeRadioButton.vue.d.ts +0 -28
  106. package/dist/components/PrimeRating.d.vue.ts +0 -24
  107. package/dist/components/PrimeRating.vue +0 -55
  108. package/dist/components/PrimeRating.vue.d.ts +0 -24
  109. package/dist/components/PrimeSelect.d.vue.ts +0 -50
  110. package/dist/components/PrimeSelect.vue +0 -113
  111. package/dist/components/PrimeSelect.vue.d.ts +0 -50
  112. package/dist/components/PrimeSelectButton.d.vue.ts +0 -28
  113. package/dist/components/PrimeSelectButton.vue +0 -64
  114. package/dist/components/PrimeSelectButton.vue.d.ts +0 -28
  115. package/dist/components/PrimeSlider.d.vue.ts +0 -26
  116. package/dist/components/PrimeSlider.vue +0 -60
  117. package/dist/components/PrimeSlider.vue.d.ts +0 -26
  118. package/dist/components/PrimeTextarea.d.vue.ts +0 -25
  119. package/dist/components/PrimeTextarea.vue +0 -53
  120. package/dist/components/PrimeTextarea.vue.d.ts +0 -25
  121. package/dist/components/PrimeToggleButton.d.vue.ts +0 -26
  122. package/dist/components/PrimeToggleButton.vue +0 -60
  123. package/dist/components/PrimeToggleButton.vue.d.ts +0 -26
  124. package/dist/components/PrimeToggleSwitch.d.vue.ts +0 -23
  125. package/dist/components/PrimeToggleSwitch.vue +0 -57
  126. package/dist/components/PrimeToggleSwitch.vue.d.ts +0 -23
  127. package/dist/components/PrimeTreeSelect.d.vue.ts +0 -32
  128. package/dist/components/PrimeTreeSelect.vue +0 -71
  129. package/dist/components/PrimeTreeSelect.vue.d.ts +0 -32
  130. package/dist/components/index.mjs +0 -48
  131. package/dist/composables/index.mjs +0 -18
  132. package/dist/composables/useFormKitInput.d.ts +0 -11
  133. package/dist/composables/useFormKitInput.js +0 -58
  134. package/dist/composables/useFormKitInput.mjs +0 -45
  135. package/dist/composables/useFormKitRepeater.d.ts +0 -15
  136. package/dist/composables/useFormKitRepeater.js +0 -74
  137. package/dist/composables/useFormKitRepeater.mjs +0 -54
  138. package/dist/composables/useFormKitSchema.d.ts +0 -36
  139. package/dist/composables/useFormKitSchema.js +0 -83
  140. package/dist/composables/useFormKitSchema.mjs +0 -58
  141. package/dist/composables/useFormKitSection.d.ts +0 -7
  142. package/dist/composables/useFormKitSection.js +0 -31
  143. package/dist/composables/useFormKitSection.mjs +0 -19
  144. package/dist/composables/useInputEditor.d.ts +0 -8
  145. package/dist/composables/useInputEditor.js +0 -148
  146. package/dist/composables/useInputEditor.mjs +0 -143
  147. package/dist/composables/useInputEditorSchema.d.ts +0 -163
  148. package/dist/composables/useInputEditorSchema.js +0 -313
  149. package/dist/composables/useInputEditorSchema.mjs +0 -315
  150. package/dist/composables/useOutputDuration.d.ts +0 -4
  151. package/dist/composables/useOutputDuration.js +0 -40
  152. package/dist/composables/useOutputDuration.mjs +0 -35
  153. package/dist/composables/usePrimeInputs.d.ts +0 -3
  154. package/dist/composables/usePrimeInputs.js +0 -62
  155. package/dist/composables/usePrimeInputs.mjs +0 -53
  156. package/dist/definitions/index.mjs +0 -68
  157. package/dist/definitions/input.d.ts +0 -47
  158. package/dist/definitions/input.js +0 -142
  159. package/dist/definitions/input.mjs +0 -135
  160. package/dist/definitions/output.d.ts +0 -9
  161. package/dist/definitions/output.js +0 -46
  162. package/dist/definitions/output.mjs +0 -39
  163. package/dist/index.mjs +0 -14
  164. package/dist/plugins/index.mjs +0 -55
@@ -1,39 +0,0 @@
1
- import type { PropType } from 'vue';
2
- export interface FormKitIconProps {
3
- onIconPrefixClicked?: () => void;
4
- onIconSuffixClicked?: () => void;
5
- }
6
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
7
- iconClass: {
8
- type: StringConstructor;
9
- default: string;
10
- };
11
- onClick: {
12
- type: PropType<() => void>;
13
- default: undefined;
14
- };
15
- position: {
16
- type: StringConstructor;
17
- required: true;
18
- validator: (val: string) => boolean;
19
- };
20
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
21
- iconClass: {
22
- type: StringConstructor;
23
- default: string;
24
- };
25
- onClick: {
26
- type: PropType<() => void>;
27
- default: undefined;
28
- };
29
- position: {
30
- type: StringConstructor;
31
- required: true;
32
- validator: (val: string) => boolean;
33
- };
34
- }>> & Readonly<{}>, {
35
- onClick: () => void;
36
- iconClass: string;
37
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
38
- declare const _default: typeof __VLS_export;
39
- export default _default;
@@ -1,25 +0,0 @@
1
- <script setup lang="ts">
2
- import type { PropType } from 'vue'
3
-
4
- export interface FormKitIconProps {
5
- onIconPrefixClicked?: () => void
6
- onIconSuffixClicked?: () => void
7
- }
8
-
9
- defineProps({
10
- iconClass: {
11
- type: String,
12
- default: '',
13
- },
14
- onClick: { type: Function as PropType<() => void>, default: undefined },
15
- position: {
16
- type: String,
17
- required: true,
18
- validator: (val: string) => ['prefix', 'suffix'].includes(val),
19
- },
20
- })
21
- </script>
22
-
23
- <template>
24
- <i :class="[`formkit-${position}-icon`, iconClass]" @click="onClick" />
25
- </template>
@@ -1,39 +0,0 @@
1
- import type { PropType } from 'vue';
2
- export interface FormKitIconProps {
3
- onIconPrefixClicked?: () => void;
4
- onIconSuffixClicked?: () => void;
5
- }
6
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
7
- iconClass: {
8
- type: StringConstructor;
9
- default: string;
10
- };
11
- onClick: {
12
- type: PropType<() => void>;
13
- default: undefined;
14
- };
15
- position: {
16
- type: StringConstructor;
17
- required: true;
18
- validator: (val: string) => boolean;
19
- };
20
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
21
- iconClass: {
22
- type: StringConstructor;
23
- default: string;
24
- };
25
- onClick: {
26
- type: PropType<() => void>;
27
- default: undefined;
28
- };
29
- position: {
30
- type: StringConstructor;
31
- required: true;
32
- validator: (val: string) => boolean;
33
- };
34
- }>> & Readonly<{}>, {
35
- onClick: () => void;
36
- iconClass: string;
37
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
38
- declare const _default: typeof __VLS_export;
39
- export default _default;
@@ -1,7 +0,0 @@
1
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- prefix: StringConstructor;
3
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
4
- prefix: StringConstructor;
5
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
- declare const _default: typeof __VLS_export;
7
- export default _default;
@@ -1,11 +0,0 @@
1
- <script setup lang="ts">
2
- defineProps({
3
- prefix: String,
4
- })
5
- </script>
6
-
7
- <template>
8
- <span class="formkit-prefix">
9
- {{ prefix }}
10
- </span>
11
- </template>
@@ -1,7 +0,0 @@
1
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- prefix: StringConstructor;
3
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
4
- prefix: StringConstructor;
5
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
- declare const _default: typeof __VLS_export;
7
- export default _default;
@@ -1,7 +0,0 @@
1
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- suffix: StringConstructor;
3
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
4
- suffix: StringConstructor;
5
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
- declare const _default: typeof __VLS_export;
7
- export default _default;
@@ -1,11 +0,0 @@
1
- <script setup lang="ts">
2
- defineProps({
3
- suffix: String,
4
- })
5
- </script>
6
-
7
- <template>
8
- <span class="formkit-suffix">
9
- {{ suffix }}
10
- </span>
11
- </template>
@@ -1,7 +0,0 @@
1
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- suffix: StringConstructor;
3
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
4
- suffix: StringConstructor;
5
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
- declare const _default: typeof __VLS_export;
7
- export default _default;
@@ -1,31 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { AutoCompleteProps } from 'primevue/autocomplete';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeAutoCompleteProps {
5
- pt?: AutoCompleteProps['pt'];
6
- ptOptions?: AutoCompleteProps['ptOptions'];
7
- unstyled?: AutoCompleteProps['unstyled'];
8
- dropdown?: AutoCompleteProps['dropdown'];
9
- multiple?: AutoCompleteProps['multiple'];
10
- typeahead?: AutoCompleteProps['typeahead'];
11
- optionLabel?: AutoCompleteProps['optionLabel'];
12
- options?: any[] | undefined;
13
- size?: AutoCompleteProps['size'];
14
- minLength?: AutoCompleteProps['minLength'];
15
- placeholder?: AutoCompleteProps['placeholder'];
16
- fluid?: AutoCompleteProps['fluid'];
17
- separators?: string[] | [];
18
- }
19
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
20
- context: {
21
- type: PropType<FormKitFrameworkContext & FormKitPrimeAutoCompleteProps>;
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 & FormKitPrimeAutoCompleteProps>;
27
- required: true;
28
- };
29
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
30
- declare const _default: typeof __VLS_export;
31
- export default _default;
@@ -1,140 +0,0 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { AutoCompleteCompleteEvent, AutoCompleteProps } from 'primevue/autocomplete'
4
- import type { PropType } from 'vue'
5
- import { ref } from 'vue'
6
- import { useFormKitInput } from '../composables'
7
-
8
- export interface FormKitPrimeAutoCompleteProps {
9
- pt?: AutoCompleteProps['pt']
10
- ptOptions?: AutoCompleteProps['ptOptions']
11
- unstyled?: AutoCompleteProps['unstyled']
12
- dropdown?: AutoCompleteProps['dropdown']
13
- multiple?: AutoCompleteProps['multiple']
14
- typeahead?: AutoCompleteProps['typeahead']
15
- optionLabel?: AutoCompleteProps['optionLabel']
16
- options?: any[] | undefined
17
- size?: AutoCompleteProps['size']
18
- minLength?: AutoCompleteProps['minLength']
19
- placeholder?: AutoCompleteProps['placeholder']
20
- fluid?: AutoCompleteProps['fluid']
21
- separators?: string[] | []
22
- }
23
-
24
- const props = defineProps({
25
- context: {
26
- type: Object as PropType<FormKitFrameworkContext & FormKitPrimeAutoCompleteProps>,
27
- required: true,
28
- },
29
- })
30
-
31
- const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
32
-
33
- const suggestions = ref(['', {}])
34
- suggestions.value = []
35
- const loading = ref(false)
36
-
37
- /**
38
- * Searches for suggestions based on the input query.
39
- */
40
- async function search(event: AutoCompleteCompleteEvent) {
41
- if (props.context?.options && props.context?.optionLabel) {
42
- suggestions.value = props.context.options.filter((option) => {
43
- return option[`${props.context.optionLabel}`].toString().toLowerCase().includes(event.query.toLowerCase())
44
- })
45
- }
46
- else {
47
- loading.value = true
48
- try {
49
- suggestions.value = await props.context?.attrs.complete(event.query)
50
- }
51
- catch (error) {
52
- console.error('Error fetching suggestions:', error)
53
- suggestions.value = []
54
- }
55
- finally {
56
- loading.value = false
57
- }
58
- }
59
- }
60
-
61
- /**
62
- * Handles paste event to transform a string separated by any of the provided separators into multiple items.
63
- */
64
- function handlePaste(event: ClipboardEvent) {
65
- if (!props.context?.multiple)
66
- return
67
- const clipboardData = event.clipboardData
68
- if (!clipboardData)
69
- return
70
- const pastedText = clipboardData.getData('text')
71
- const separators = Array.isArray(props.context?.separators) && props.context.separators.length > 0
72
- ? props.context.separators
73
- : [',']
74
- const regex = new RegExp(`[${separators.map(s => s.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&')).join('')}]`)
75
- // If separators are provided, split the pasted text by them
76
- if (pastedText && regex.test(pastedText)) {
77
- event.preventDefault()
78
- const items = pastedText
79
- .split(regex)
80
- .map(item => item.trim())
81
- .filter(item => item.length > 0)
82
- // Use a local ref, never mutate context._value directly
83
- if (Array.isArray(modelValue.value)) {
84
- modelValue.value = [...modelValue.value, ...items]
85
- }
86
- else {
87
- modelValue.value = items
88
- }
89
- }
90
- // If no separators, just set the value directly
91
- else if (pastedText) {
92
- event.preventDefault()
93
- // If no separators, just set the value directly
94
- if (Array.isArray(modelValue.value)) {
95
- modelValue.value = [...modelValue.value, pastedText.trim()]
96
- }
97
- else {
98
- modelValue.value = [pastedText.trim()]
99
- }
100
- }
101
- }
102
- </script>
103
-
104
- <template>
105
- <div class="p-formkit">
106
- <AutoComplete
107
- :id="context.id"
108
- v-model="modelValue"
109
- v-bind="context?.attrs"
110
- :disabled="!!context?.disabled"
111
- :class="context?.attrs?.class"
112
- :invalid="isInvalid"
113
- :tabindex="context?.attrs.tabindex"
114
- :aria-label="context?.attrs.ariaLabel"
115
- :aria-labelledby="context?.attrs.ariaLabelledby"
116
- :size="context?.size ?? undefined"
117
- :suggestions="suggestions"
118
- :option-label="context?.optionLabel"
119
- :dropdown="context?.dropdown ?? false"
120
- :multiple="context?.multiple ?? false"
121
- :typeahead="context?.typeahead ?? true"
122
- :min-length="context?.minLength ?? undefined"
123
- :placeholder="context?.placeholder ?? undefined"
124
- :fluid="context?.fluid ?? undefined"
125
- :pt="context?.pt"
126
- :pt-options="context?.ptOptions"
127
- :unstyled="unstyled"
128
- :loading="loading"
129
- @keydown.enter.prevent
130
- @complete="search"
131
- @change="handleInput"
132
- @blur="handleBlur"
133
- @paste="handlePaste"
134
- >
135
- <template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
136
- <component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
137
- </template>
138
- </AutoComplete>
139
- </div>
140
- </template>
@@ -1,31 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { AutoCompleteProps } from 'primevue/autocomplete';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeAutoCompleteProps {
5
- pt?: AutoCompleteProps['pt'];
6
- ptOptions?: AutoCompleteProps['ptOptions'];
7
- unstyled?: AutoCompleteProps['unstyled'];
8
- dropdown?: AutoCompleteProps['dropdown'];
9
- multiple?: AutoCompleteProps['multiple'];
10
- typeahead?: AutoCompleteProps['typeahead'];
11
- optionLabel?: AutoCompleteProps['optionLabel'];
12
- options?: any[] | undefined;
13
- size?: AutoCompleteProps['size'];
14
- minLength?: AutoCompleteProps['minLength'];
15
- placeholder?: AutoCompleteProps['placeholder'];
16
- fluid?: AutoCompleteProps['fluid'];
17
- separators?: string[] | [];
18
- }
19
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
20
- context: {
21
- type: PropType<FormKitFrameworkContext & FormKitPrimeAutoCompleteProps>;
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 & FormKitPrimeAutoCompleteProps>;
27
- required: true;
28
- };
29
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
30
- declare const _default: typeof __VLS_export;
31
- export default _default;
@@ -1,28 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { CascadeSelectProps } from 'primevue/cascadeselect';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeCascadeSelectProps {
5
- options?: CascadeSelectProps['options'];
6
- optionLabel?: CascadeSelectProps['optionLabel'];
7
- optionValue?: CascadeSelectProps['optionValue'];
8
- optionGroupLabel?: CascadeSelectProps['optionGroupLabel'];
9
- optionGroupChildren?: CascadeSelectProps['optionGroupChildren'];
10
- placeholder?: CascadeSelectProps['placeholder'];
11
- pt?: CascadeSelectProps['pt'];
12
- ptOptions?: CascadeSelectProps['ptOptions'];
13
- unstyled?: CascadeSelectProps['unstyled'];
14
- size?: CascadeSelectProps['size'];
15
- }
16
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
17
- context: {
18
- type: PropType<FormKitFrameworkContext & FormKitPrimeCascadeSelectProps>;
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 & FormKitPrimeCascadeSelectProps>;
24
- required: true;
25
- };
26
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
27
- declare const _default: typeof __VLS_export;
28
- export default _default;
@@ -1,62 +0,0 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { CascadeSelectProps } from 'primevue/cascadeselect'
4
-
5
- import type { PropType } from 'vue'
6
- import { useFormKitInput } from '../composables'
7
-
8
- export interface FormKitPrimeCascadeSelectProps {
9
- options?: CascadeSelectProps['options']
10
- optionLabel?: CascadeSelectProps['optionLabel']
11
- optionValue?: CascadeSelectProps['optionValue']
12
- optionGroupLabel?: CascadeSelectProps['optionGroupLabel']
13
- optionGroupChildren?: CascadeSelectProps['optionGroupChildren']
14
- placeholder?: CascadeSelectProps['placeholder']
15
- pt?: CascadeSelectProps['pt']
16
- ptOptions?: CascadeSelectProps['ptOptions']
17
- unstyled?: CascadeSelectProps['unstyled']
18
- size?: CascadeSelectProps['size']
19
- }
20
-
21
- const props = defineProps({
22
- context: {
23
- type: Object as PropType<FormKitFrameworkContext & FormKitPrimeCascadeSelectProps>,
24
- required: true,
25
- },
26
- })
27
-
28
- const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
29
- </script>
30
-
31
- <template>
32
- <div class="p-formkit">
33
- <CascadeSelect
34
- :id="context.id"
35
- v-model="modelValue"
36
- v-bind="context?.attrs"
37
- :disabled="!!context?.disabled"
38
- :readonly="context?.attrs.readonly ?? false"
39
- :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
- :options="context?.options"
46
- :option-label="context?.optionLabel"
47
- :option-value="context.optionValue"
48
- :option-group-label="context.optionGroupLabel"
49
- :option-group-children="context.optionGroupChildren"
50
- :placeholder="context.placeholder"
51
- :pt="context.pt"
52
- :pt-options="context.ptOptions"
53
- :unstyled="unstyled"
54
- @change="handleInput"
55
- @blur="handleBlur"
56
- >
57
- <template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
58
- <component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
59
- </template>
60
- </CascadeSelect>
61
- </div>
62
- </template>
@@ -1,28 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { CascadeSelectProps } from 'primevue/cascadeselect';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeCascadeSelectProps {
5
- options?: CascadeSelectProps['options'];
6
- optionLabel?: CascadeSelectProps['optionLabel'];
7
- optionValue?: CascadeSelectProps['optionValue'];
8
- optionGroupLabel?: CascadeSelectProps['optionGroupLabel'];
9
- optionGroupChildren?: CascadeSelectProps['optionGroupChildren'];
10
- placeholder?: CascadeSelectProps['placeholder'];
11
- pt?: CascadeSelectProps['pt'];
12
- ptOptions?: CascadeSelectProps['ptOptions'];
13
- unstyled?: CascadeSelectProps['unstyled'];
14
- size?: CascadeSelectProps['size'];
15
- }
16
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
17
- context: {
18
- type: PropType<FormKitFrameworkContext & FormKitPrimeCascadeSelectProps>;
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 & FormKitPrimeCascadeSelectProps>;
24
- required: true;
25
- };
26
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
27
- declare const _default: typeof __VLS_export;
28
- export default _default;
@@ -1,27 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { CheckboxProps } from 'primevue/checkbox';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeCheckboxProps {
5
- binary?: CheckboxProps['binary'];
6
- trueValue?: CheckboxProps['trueValue'];
7
- falseValue?: CheckboxProps['falseValue'];
8
- pt?: CheckboxProps['pt'];
9
- ptOptions?: CheckboxProps['ptOptions'];
10
- unstyled?: CheckboxProps['unstyled'];
11
- indeterminate?: CheckboxProps['indeterminate'];
12
- variant?: CheckboxProps['variant'];
13
- size?: CheckboxProps['size'];
14
- }
15
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
16
- context: {
17
- type: PropType<FormKitFrameworkContext & FormKitPrimeCheckboxProps>;
18
- required: true;
19
- };
20
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
21
- context: {
22
- type: PropType<FormKitFrameworkContext & FormKitPrimeCheckboxProps>;
23
- required: true;
24
- };
25
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
26
- declare const _default: typeof __VLS_export;
27
- export default _default;
@@ -1,71 +0,0 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { CheckboxProps } from 'primevue/checkbox'
4
-
5
- import type { PropType } from 'vue'
6
- import { useFormKitInput, useFormKitSection } from '../composables'
7
-
8
- export interface FormKitPrimeCheckboxProps {
9
- binary?: CheckboxProps['binary']
10
- trueValue?: CheckboxProps['trueValue']
11
- falseValue?: CheckboxProps['falseValue']
12
- pt?: CheckboxProps['pt']
13
- ptOptions?: CheckboxProps['ptOptions']
14
- unstyled?: CheckboxProps['unstyled']
15
- indeterminate?: CheckboxProps['indeterminate']
16
- variant?: CheckboxProps['variant']
17
- size?: CheckboxProps['size']
18
- }
19
-
20
- const props = defineProps({
21
- context: {
22
- type: Object as PropType<FormKitFrameworkContext & FormKitPrimeCheckboxProps>,
23
- required: true,
24
- },
25
- })
26
-
27
- const { hasPrefix, hasSuffix, generateId } = useFormKitSection(props.context)
28
-
29
- const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
30
-
31
- const generatedId = generateId()
32
- </script>
33
-
34
- <template>
35
- <div class="p-formkit">
36
- <label v-if="hasPrefix" :for="generatedId" class="formkit-prefix">
37
- {{ context?.prefix }}
38
- </label>
39
- <Checkbox
40
- v-model="modelValue"
41
- v-bind="context?.attrs"
42
- :input-id="generatedId"
43
- :disabled="!!context?.disabled"
44
- :readonly="context?.attrs.readonly ?? false"
45
- :input-style="context?.attrs.style"
46
- :input-class="context?.attrs?.class"
47
- :invalid="isInvalid"
48
- :tabindex="context?.attrs.tabindex"
49
- :aria-label="context?.attrs.ariaLabel"
50
- :aria-labelledby="context?.attrs.ariaLabelledby"
51
- :size="context?.size ?? undefined"
52
- :indeterminate="context.indeterminate ?? undefined"
53
- :binary="context.binary ?? true"
54
- :variant="context.variant ?? 'outlined'"
55
- :true-value="context.trueValue ?? undefined"
56
- :false-value="context.falseValue ?? undefined"
57
- :pt="context.pt"
58
- :pt-options="context.ptOptions"
59
- :unstyled="unstyled"
60
- @change="handleInput"
61
- @blur="handleBlur"
62
- >
63
- <template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
64
- <component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
65
- </template>
66
- </Checkbox>
67
- <label v-if="hasSuffix" :for="generatedId" class="formkit-suffix">
68
- {{ context?.suffix }}
69
- </label>
70
- </div>
71
- </template>
@@ -1,27 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { CheckboxProps } from 'primevue/checkbox';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeCheckboxProps {
5
- binary?: CheckboxProps['binary'];
6
- trueValue?: CheckboxProps['trueValue'];
7
- falseValue?: CheckboxProps['falseValue'];
8
- pt?: CheckboxProps['pt'];
9
- ptOptions?: CheckboxProps['ptOptions'];
10
- unstyled?: CheckboxProps['unstyled'];
11
- indeterminate?: CheckboxProps['indeterminate'];
12
- variant?: CheckboxProps['variant'];
13
- size?: CheckboxProps['size'];
14
- }
15
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
16
- context: {
17
- type: PropType<FormKitFrameworkContext & FormKitPrimeCheckboxProps>;
18
- required: true;
19
- };
20
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
21
- context: {
22
- type: PropType<FormKitFrameworkContext & FormKitPrimeCheckboxProps>;
23
- required: true;
24
- };
25
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
26
- declare const _default: typeof __VLS_export;
27
- export default _default;
@@ -1,24 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { ColorPickerProps } from 'primevue/colorpicker';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeColorPickerProps {
5
- defaultColor?: ColorPickerProps['defaultColor'];
6
- inline?: ColorPickerProps['inline'];
7
- format?: ColorPickerProps['format'];
8
- pt?: ColorPickerProps['pt'];
9
- ptOptions?: ColorPickerProps['ptOptions'];
10
- unstyled?: ColorPickerProps['unstyled'];
11
- }
12
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
13
- context: {
14
- type: PropType<FormKitFrameworkContext & FormKitPrimeColorPickerProps>;
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 & FormKitPrimeColorPickerProps>;
20
- required: true;
21
- };
22
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
23
- declare const _default: typeof __VLS_export;
24
- export default _default;