@sfxcode/formkit-primevue 3.2.10 → 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 -162
  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 -71
  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 -53
  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 -10
  133. package/dist/composables/useFormKitInput.js +0 -51
  134. package/dist/composables/useFormKitInput.mjs +0 -39
  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,162 +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, watch } 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 } = useFormKitInput(props.context)
32
-
33
- const suggestions = ref(['', {}])
34
- suggestions.value = []
35
- const loading = ref(false)
36
-
37
- // Local value for v-model
38
- const localValue = ref(props.context._value)
39
-
40
- // Sync localValue with context._value
41
- watch(
42
- () => props.context._value,
43
- (newVal) => {
44
- localValue.value = newVal
45
- },
46
- )
47
-
48
- // Emit changes from localValue to context
49
- watch(
50
- localValue,
51
- (newVal) => {
52
- if (newVal !== props.context._value) {
53
- props.context._value = newVal
54
- props.context?.node?.input?.(newVal)
55
- }
56
- },
57
- )
58
-
59
- /**
60
- * Searches for suggestions based on the input query.
61
- */
62
- async function search(event: AutoCompleteCompleteEvent) {
63
- if (props.context?.options && props.context?.optionLabel) {
64
- suggestions.value = props.context.options.filter((option) => {
65
- return option[`${props.context.optionLabel}`].toString().toLowerCase().includes(event.query.toLowerCase())
66
- })
67
- }
68
- else {
69
- loading.value = true
70
- try {
71
- suggestions.value = await props.context?.attrs.complete(event.query)
72
- }
73
- catch (error) {
74
- console.error('Error fetching suggestions:', error)
75
- suggestions.value = []
76
- }
77
- finally {
78
- loading.value = false
79
- }
80
- }
81
- }
82
-
83
- /**
84
- * Handles paste event to transform a string separated by any of the provided separators into multiple items.
85
- */
86
- function handlePaste(event: ClipboardEvent) {
87
- if (!props.context?.multiple)
88
- return
89
- const clipboardData = event.clipboardData
90
- if (!clipboardData)
91
- return
92
- const pastedText = clipboardData.getData('text')
93
- const separators = Array.isArray(props.context?.separators) && props.context.separators.length > 0
94
- ? props.context.separators
95
- : [',']
96
- const regex = new RegExp(`[${separators.map(s => s.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&')).join('')}]`)
97
- // If separators are provided, split the pasted text by them
98
- if (pastedText && regex.test(pastedText)) {
99
- event.preventDefault()
100
- const items = pastedText
101
- .split(regex)
102
- .map(item => item.trim())
103
- .filter(item => item.length > 0)
104
- // Use a local ref, never mutate context._value directly
105
- if (Array.isArray(localValue.value)) {
106
- localValue.value = [...localValue.value, ...items]
107
- }
108
- else {
109
- localValue.value = items
110
- }
111
- }
112
- // If no separators, just set the value directly
113
- else if (pastedText) {
114
- event.preventDefault()
115
- // If no separators, just set the value directly
116
- if (Array.isArray(localValue.value)) {
117
- localValue.value = [...localValue.value, pastedText.trim()]
118
- }
119
- else {
120
- localValue.value = [pastedText.trim()]
121
- }
122
- }
123
- }
124
- </script>
125
-
126
- <template>
127
- <div class="p-formkit">
128
- <AutoComplete
129
- :id="context.id"
130
- v-model="localValue"
131
- v-bind="context?.attrs"
132
- :disabled="!!context?.disabled"
133
- :class="context?.attrs?.class"
134
- :invalid="isInvalid"
135
- :tabindex="context?.attrs.tabindex"
136
- :aria-label="context?.attrs.ariaLabel"
137
- :aria-labelledby="context?.attrs.ariaLabelledby"
138
- :size="context?.size ?? undefined"
139
- :suggestions="suggestions"
140
- :option-label="context?.optionLabel"
141
- :dropdown="context?.dropdown ?? false"
142
- :multiple="context?.multiple ?? false"
143
- :typeahead="context?.typeahead ?? true"
144
- :min-length="context?.minLength ?? undefined"
145
- :placeholder="context?.placeholder ?? undefined"
146
- :fluid="context?.fluid ?? undefined"
147
- :pt="context?.pt"
148
- :pt-options="context?.ptOptions"
149
- :unstyled="unstyled"
150
- :loading="loading"
151
- @keydown.enter.prevent
152
- @complete="search"
153
- @change="handleInput"
154
- @blur="handleBlur"
155
- @paste="handlePaste"
156
- >
157
- <template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
158
- <component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
159
- </template>
160
- </AutoComplete>
161
- </div>
162
- </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 } = useFormKitInput(props.context)
29
- </script>
30
-
31
- <template>
32
- <div class="p-formkit">
33
- <CascadeSelect
34
- :id="context.id"
35
- v-model="context._value"
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 } = 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="context._value"
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;