@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,36 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { InputNumberProps } from 'primevue/inputnumber';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeInputNumberProps {
5
- useGrouping?: InputNumberProps['useGrouping'];
6
- min?: InputNumberProps['min'];
7
- max?: InputNumberProps['max'];
8
- minFractionDigits?: InputNumberProps['minFractionDigits'];
9
- maxFractionDigits?: InputNumberProps['maxFractionDigits'];
10
- locale?: InputNumberProps['locale'];
11
- mode?: InputNumberProps['mode'];
12
- currency?: InputNumberProps['currency'];
13
- prefix?: InputNumberProps['prefix'];
14
- suffix?: InputNumberProps['suffix'];
15
- showButtons?: InputNumberProps['showButtons'];
16
- buttonLayout?: InputNumberProps['buttonLayout'];
17
- step?: InputNumberProps['step'];
18
- pt?: InputNumberProps['pt'];
19
- ptOptions?: InputNumberProps['ptOptions'];
20
- unstyled?: InputNumberProps['unstyled'];
21
- placeholder?: InputNumberProps['placeholder'];
22
- size?: InputNumberProps['size'];
23
- }
24
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
25
- context: {
26
- type: PropType<FormKitFrameworkContext & FormKitPrimeInputNumberProps>;
27
- required: true;
28
- };
29
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
30
- context: {
31
- type: PropType<FormKitFrameworkContext & FormKitPrimeInputNumberProps>;
32
- required: true;
33
- };
34
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
35
- declare const _default: typeof __VLS_export;
36
- export default _default;
@@ -1,26 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { InputOtpProps } from 'primevue/inputotp';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeInputOtpProps {
5
- unstyled?: InputOtpProps['unstyled'];
6
- ptOptions?: InputOtpProps['ptOptions'];
7
- pt?: InputOtpProps['pt'];
8
- length?: InputOtpProps['length'];
9
- variant?: InputOtpProps['variant'];
10
- mask?: InputOtpProps['mask'];
11
- integerOnly?: InputOtpProps['integerOnly'];
12
- size?: InputOtpProps['size'];
13
- }
14
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
15
- context: {
16
- type: PropType<FormKitFrameworkContext & FormKitPrimeInputOtpProps>;
17
- required: true;
18
- };
19
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
20
- context: {
21
- type: PropType<FormKitFrameworkContext & FormKitPrimeInputOtpProps>;
22
- required: true;
23
- };
24
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
25
- declare const _default: typeof __VLS_export;
26
- export default _default;
@@ -1,59 +0,0 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { InputOtpProps } from 'primevue/inputotp'
4
-
5
- import type { PropType } from 'vue'
6
- import { useFormKitInput } from '../composables'
7
-
8
- export interface FormKitPrimeInputOtpProps {
9
- unstyled?: InputOtpProps['unstyled']
10
- ptOptions?: InputOtpProps['ptOptions']
11
- pt?: InputOtpProps['pt']
12
- length?: InputOtpProps['length']
13
- variant?: InputOtpProps['variant']
14
- mask?: InputOtpProps['mask']
15
- integerOnly?: InputOtpProps['integerOnly']
16
- size?: InputOtpProps['size']
17
- }
18
-
19
- const props = defineProps({
20
- context: {
21
- type: Object as PropType<FormKitFrameworkContext & FormKitPrimeInputOtpProps>,
22
- required: true,
23
- },
24
- })
25
-
26
- const { validSlotNames, unstyled, isInvalid, handleBlur, handleInput, modelValue } = useFormKitInput(props.context)
27
- </script>
28
-
29
- <template>
30
- <div class="p-formkit">
31
- <InputOtp
32
- :id="context.id"
33
- v-model="modelValue"
34
- v-bind="context?.attrs"
35
- :disabled="!!context?.disabled"
36
- :readonly="context?.attrs.readonly ?? false"
37
- :style="context?.attrs.style"
38
- :class="context?.attrs?.class"
39
- :invalid="isInvalid"
40
- :tabindex="context?.attrs.tabindex"
41
- :aria-label="context?.attrs.ariaLabel"
42
- :aria-labelledby="context?.attrs.ariaLabelledby"
43
- :size="context?.size ?? undefined"
44
- :length="context.length"
45
- :variant="context.variant"
46
- :mask="context.mask"
47
- :integer-only="context.integerOnly"
48
- :pt="context.pt"
49
- :pt-options="context.ptOptions"
50
- :unstyled="unstyled"
51
- @change="handleInput"
52
- @blur="handleBlur"
53
- >
54
- <template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
55
- <component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
56
- </template>
57
- </InputOtp>
58
- </div>
59
- </template>
@@ -1,26 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { InputOtpProps } from 'primevue/inputotp';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeInputOtpProps {
5
- unstyled?: InputOtpProps['unstyled'];
6
- ptOptions?: InputOtpProps['ptOptions'];
7
- pt?: InputOtpProps['pt'];
8
- length?: InputOtpProps['length'];
9
- variant?: InputOtpProps['variant'];
10
- mask?: InputOtpProps['mask'];
11
- integerOnly?: InputOtpProps['integerOnly'];
12
- size?: InputOtpProps['size'];
13
- }
14
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
15
- context: {
16
- type: PropType<FormKitFrameworkContext & FormKitPrimeInputOtpProps>;
17
- required: true;
18
- };
19
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
20
- context: {
21
- type: PropType<FormKitFrameworkContext & FormKitPrimeInputOtpProps>;
22
- required: true;
23
- };
24
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
25
- declare const _default: typeof __VLS_export;
26
- export default _default;
@@ -1,24 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { InputTextProps } from 'primevue/inputtext';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeInputTextProps {
5
- pt?: InputTextProps['pt'];
6
- ptOptions?: InputTextProps['ptOptions'];
7
- unstyled?: InputTextProps['unstyled'];
8
- size?: InputTextProps['size'];
9
- inputType?: string | undefined;
10
- placeholder?: string;
11
- }
12
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
13
- context: {
14
- type: PropType<FormKitFrameworkContext & FormKitPrimeInputTextProps>;
15
- required: true;
16
- };
17
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
18
- context: {
19
- type: PropType<FormKitFrameworkContext & FormKitPrimeInputTextProps>;
20
- required: true;
21
- };
22
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
23
- declare const _default: typeof __VLS_export;
24
- export default _default;
@@ -1,80 +0,0 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { InputTextProps } from 'primevue/inputtext'
4
-
5
- import type { PropType } from 'vue'
6
- import IconField from 'primevue/iconfield'
7
- import InputIcon from 'primevue/inputicon'
8
- import { useFormKitInput, useFormKitSection } from '../composables'
9
-
10
- export interface FormKitPrimeInputTextProps {
11
- pt?: InputTextProps['pt']
12
- ptOptions?: InputTextProps['ptOptions']
13
- unstyled?: InputTextProps['unstyled']
14
- size?: InputTextProps['size']
15
- inputType?: string | undefined
16
- placeholder?: string
17
- }
18
-
19
- const props = defineProps({
20
- context: {
21
- type: Object as PropType<FormKitFrameworkContext & FormKitPrimeInputTextProps>,
22
- required: true,
23
- },
24
- })
25
-
26
- const { unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
27
- const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
28
- </script>
29
-
30
- <template>
31
- <div class="p-formkit">
32
- <IconField v-if="hasPrefixIcon || hasSuffixIcon">
33
- <InputIcon v-if="hasPrefixIcon" :class="context?.iconPrefix" />
34
- <InputText
35
- :id="context.id"
36
- v-model="modelValue"
37
- v-bind="context?.attrs"
38
- :type="context?.attrs?.inputType ?? 'text'"
39
- :disabled="!!context?.disabled"
40
- :readonly="context?.attrs.readonly ?? false"
41
- :style="context?.attrs?.style"
42
- :class="context?.attrs?.class"
43
- :invalid="isInvalid"
44
- :tabindex="context?.attrs.tabindex"
45
- :aria-label="context?.attrs.ariaLabel"
46
- :aria-labelledby="context?.attrs.ariaLabelledby"
47
- :size="context?.size ?? undefined"
48
- :placeholder="context.placeholder"
49
- :pt="context.pt"
50
- :pt-options="context.ptOptions"
51
- :unstyled="unstyled"
52
- @input="handleInput"
53
- @blur="handleBlur"
54
- />
55
- <InputIcon v-if="hasSuffixIcon" :class="context?.iconSuffix" />
56
- </IconField>
57
- <InputText
58
- v-if="!hasPrefixIcon && !hasSuffixIcon"
59
- :id="context.id"
60
- v-model="modelValue"
61
- v-bind="context?.attrs"
62
- :type="context?.inputType ?? 'text'"
63
- :disabled="!!context?.disabled"
64
- :readonly="context?.attrs.readonly ?? false"
65
- :style="context?.attrs.style"
66
- :class="context?.attrs?.class"
67
- :invalid="isInvalid"
68
- :tabindex="context?.attrs.tabindex"
69
- :aria-label="context?.attrs.ariaLabel"
70
- :aria-labelledby="context?.attrs.ariaLabelledby"
71
- :size="context?.size ?? undefined"
72
- :placeholder="context.placeholder"
73
- :pt="context.pt"
74
- :pt-options="context.ptOptions"
75
- :unstyled="unstyled"
76
- @input="handleInput"
77
- @blur="handleBlur"
78
- />
79
- </div>
80
- </template>
@@ -1,24 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { InputTextProps } from 'primevue/inputtext';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeInputTextProps {
5
- pt?: InputTextProps['pt'];
6
- ptOptions?: InputTextProps['ptOptions'];
7
- unstyled?: InputTextProps['unstyled'];
8
- size?: InputTextProps['size'];
9
- inputType?: string | undefined;
10
- placeholder?: string;
11
- }
12
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
13
- context: {
14
- type: PropType<FormKitFrameworkContext & FormKitPrimeInputTextProps>;
15
- required: true;
16
- };
17
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
18
- context: {
19
- type: PropType<FormKitFrameworkContext & FormKitPrimeInputTextProps>;
20
- required: true;
21
- };
22
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
23
- declare const _default: typeof __VLS_export;
24
- export default _default;
@@ -1,31 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { KnobProps } from 'primevue/knob';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeKnobProps {
5
- pt?: KnobProps['pt'];
6
- ptOptions?: KnobProps['ptOptions'];
7
- unstyled?: KnobProps['unstyled'];
8
- min?: KnobProps['min'];
9
- max?: KnobProps['max'];
10
- step?: KnobProps['step'];
11
- size?: KnobProps['size'];
12
- strokeWidth?: KnobProps['strokeWidth'];
13
- showValue?: KnobProps['showValue'];
14
- valueColor?: KnobProps['valueColor'];
15
- rangeColor?: KnobProps['rangeColor'];
16
- textColor?: KnobProps['textColor'];
17
- valueTemplate?: KnobProps['valueTemplate'];
18
- }
19
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
20
- context: {
21
- type: PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>;
22
- required: true;
23
- };
24
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
25
- context: {
26
- type: PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>;
27
- required: true;
28
- };
29
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
30
- declare const _default: typeof __VLS_export;
31
- export default _default;
@@ -1,75 +0,0 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { KnobProps } from 'primevue/knob'
4
-
5
- import type { PropType } from 'vue'
6
- import { useFormKitInput } from '../composables'
7
-
8
- export interface FormKitPrimeKnobProps {
9
- pt?: KnobProps['pt']
10
- ptOptions?: KnobProps['ptOptions']
11
- unstyled?: KnobProps['unstyled']
12
- min?: KnobProps['min']
13
- max?: KnobProps['max']
14
- step?: KnobProps['step']
15
- size?: KnobProps['size']
16
- strokeWidth?: KnobProps['strokeWidth']
17
- showValue?: KnobProps['showValue']
18
- valueColor?: KnobProps['valueColor']
19
- rangeColor?: KnobProps['rangeColor']
20
- textColor?: KnobProps['textColor']
21
- valueTemplate?: KnobProps['valueTemplate']
22
-
23
- }
24
-
25
- const props = defineProps({
26
- context: {
27
- type: Object as PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>,
28
- required: true,
29
- },
30
- })
31
-
32
- const { unstyled, isInvalid, modelValue } = useFormKitInput(props.context)
33
-
34
- function handleInput(e: any) {
35
- props.context?.node.input(e)
36
- props.context?.handlers.blur(e)
37
- }
38
-
39
- function updateValue(n: number) {
40
- props.context?.node.input(n)
41
- }
42
- </script>
43
-
44
- <template>
45
- <div class="p-formkit">
46
- <Knob
47
- :id="context.id"
48
- v-model="modelValue"
49
- v-bind="context?.attrs"
50
- :disabled="!!context?.disabled"
51
- :readonly="context?.attrs.readonly ?? false"
52
- :style="context?.attrs.style"
53
- :class="context?.attrs?.class"
54
- :invalid="isInvalid"
55
- :tabindex="context?.attrs.tabindex"
56
- :aria-label="context?.attrs.ariaLabel"
57
- :aria-labelledby="context?.attrs.ariaLabelledby"
58
- :min="context.min ?? 0"
59
- :max="context.max ?? 100"
60
- :step="context.step ?? undefined"
61
- :size="context.size ?? 100"
62
- :stroke-width="context.strokeWidth ?? 14"
63
- :show-value="context.showValue ?? true"
64
- :value-color="context.valueColor ?? undefined"
65
- :range-color="context.rangeColor ?? undefined"
66
- :text-color="context.textColor ?? undefined"
67
- :value-template="context.valueTemplate ?? undefined"
68
- :pt="context.pt"
69
- :pt-options="context.ptOptions"
70
- :unstyled="unstyled"
71
- @change="handleInput"
72
- @update:model-value="updateValue"
73
- />
74
- </div>
75
- </template>
@@ -1,31 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { KnobProps } from 'primevue/knob';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeKnobProps {
5
- pt?: KnobProps['pt'];
6
- ptOptions?: KnobProps['ptOptions'];
7
- unstyled?: KnobProps['unstyled'];
8
- min?: KnobProps['min'];
9
- max?: KnobProps['max'];
10
- step?: KnobProps['step'];
11
- size?: KnobProps['size'];
12
- strokeWidth?: KnobProps['strokeWidth'];
13
- showValue?: KnobProps['showValue'];
14
- valueColor?: KnobProps['valueColor'];
15
- rangeColor?: KnobProps['rangeColor'];
16
- textColor?: KnobProps['textColor'];
17
- valueTemplate?: KnobProps['valueTemplate'];
18
- }
19
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
20
- context: {
21
- type: PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>;
22
- required: true;
23
- };
24
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
25
- context: {
26
- type: PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>;
27
- required: true;
28
- };
29
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
30
- declare const _default: typeof __VLS_export;
31
- export default _default;
@@ -1,42 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { ListboxProps } from 'primevue/listbox';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeListboxProps {
5
- pt?: ListboxProps['pt'];
6
- ptOptions?: ListboxProps['ptOptions'];
7
- unstyled?: ListboxProps['unstyled'];
8
- options?: ListboxProps['options'];
9
- optionLabel?: ListboxProps['optionLabel'];
10
- optionValue?: ListboxProps['optionValue'];
11
- multiple?: ListboxProps['multiple'];
12
- filter?: ListboxProps['filter'];
13
- filterIcon?: ListboxProps['filterIcon'];
14
- filterPlaceholder?: ListboxProps['filterPlaceholder'];
15
- filterLocale?: ListboxProps['filterLocale'];
16
- filterMatchMode?: ListboxProps['filterMatchMode'];
17
- autoOptionFocus?: ListboxProps['autoOptionFocus'];
18
- selectOnFocus?: ListboxProps['selectOnFocus'];
19
- optionDisabled?: ListboxProps['optionDisabled'];
20
- optionGroupLabel?: ListboxProps['optionGroupLabel'];
21
- optionGroupChildren?: ListboxProps['optionGroupChildren'];
22
- listStyle?: ListboxProps['listStyle'];
23
- dataKey?: ListboxProps['dataKey'];
24
- metaKeySelection?: ListboxProps['metaKeySelection'];
25
- virtualScrollerOptions?: ListboxProps['virtualScrollerOptions'];
26
- tabindex?: ListboxProps['tabindex'];
27
- ariaLabel?: ListboxProps['ariaLabel'];
28
- ariaLabelledby?: ListboxProps['ariaLabelledby'];
29
- }
30
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
31
- context: {
32
- type: PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>;
33
- required: true;
34
- };
35
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
36
- context: {
37
- type: PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>;
38
- required: true;
39
- };
40
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
41
- declare const _default: typeof __VLS_export;
42
- export default _default;
@@ -1,86 +0,0 @@
1
- <script setup lang="ts">
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { ListboxProps } from 'primevue/listbox'
4
- import type { PropType } from 'vue'
5
- import { useFormKitInput } from '../composables'
6
-
7
- export interface FormKitPrimeListboxProps {
8
- pt?: ListboxProps['pt']
9
- ptOptions?: ListboxProps['ptOptions']
10
- unstyled?: ListboxProps['unstyled']
11
- options?: ListboxProps['options']
12
- optionLabel?: ListboxProps['optionLabel']
13
- optionValue?: ListboxProps['optionValue']
14
- multiple?: ListboxProps['multiple']
15
- filter?: ListboxProps['filter']
16
- filterIcon?: ListboxProps['filterIcon']
17
- filterPlaceholder?: ListboxProps['filterPlaceholder']
18
- filterLocale?: ListboxProps['filterLocale']
19
- filterMatchMode?: ListboxProps['filterMatchMode']
20
- autoOptionFocus?: ListboxProps['autoOptionFocus']
21
- selectOnFocus?: ListboxProps['selectOnFocus']
22
- optionDisabled?: ListboxProps['optionDisabled']
23
- optionGroupLabel?: ListboxProps['optionGroupLabel']
24
- optionGroupChildren?: ListboxProps['optionGroupChildren']
25
- listStyle?: ListboxProps['listStyle']
26
- dataKey?: ListboxProps['dataKey']
27
- metaKeySelection?: ListboxProps['metaKeySelection']
28
- virtualScrollerOptions?: ListboxProps['virtualScrollerOptions']
29
- tabindex?: ListboxProps['tabindex']
30
- ariaLabel?: ListboxProps['ariaLabel']
31
- ariaLabelledby?: ListboxProps['ariaLabelledby']
32
- }
33
-
34
- const props = defineProps({
35
- context: {
36
- type: Object as PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>,
37
- required: true,
38
- },
39
- })
40
-
41
- const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
42
- </script>
43
-
44
- <template>
45
- <div class="p-formkit">
46
- <Listbox
47
- :id="context.id"
48
- v-model="modelValue"
49
- v-bind="context?.attrs"
50
- :disabled="!!context?.disabled"
51
- :readonly="context?.attrs.readonly ?? false"
52
- :list-style="context?.attrs.style"
53
- :class="context?.attrs?.class"
54
- :invalid="isInvalid"
55
- :tabindex="context?.attrs.tabindex"
56
- :aria-label="context?.attrs.ariaLabel"
57
- :aria-labelledby="context?.attrs.ariaLabelledby"
58
- :options="context?.options"
59
- :option-label="context.optionLabel"
60
- :option-value="context.optionValue"
61
- :option-disabled="context.optionDisabled"
62
- :option-group-label="context.optionGroupLabel"
63
- :option-group-children="context.optionGroupChildren"
64
- :multiple="context.multiple ?? false"
65
- :filter="context.filter ?? false"
66
- :filter-icon="context.filterIcon"
67
- :filter-placeholder="context.filterPlaceholder"
68
- :filter-locale="context.filterLocale"
69
- :filter-match-mode="context.filterMatchMode"
70
- :auto-option-focus="context.autoOptionFocus ?? true"
71
- :select-on-focus="context.selectOnFocus ?? false"
72
- :data-key="context.dataKey"
73
- :meta-key-selection="context.metaKeySelection ?? false"
74
- :virtual-scroller-options="context.virtualScrollerOptions"
75
- :pt="context.pt"
76
- :pt-options="context.ptOptions"
77
- :unstyled="unstyled"
78
- @change="handleInput"
79
- @blur="handleBlur"
80
- >
81
- <template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
82
- <component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
83
- </template>
84
- </Listbox>
85
- </div>
86
- </template>
@@ -1,42 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { ListboxProps } from 'primevue/listbox';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeListboxProps {
5
- pt?: ListboxProps['pt'];
6
- ptOptions?: ListboxProps['ptOptions'];
7
- unstyled?: ListboxProps['unstyled'];
8
- options?: ListboxProps['options'];
9
- optionLabel?: ListboxProps['optionLabel'];
10
- optionValue?: ListboxProps['optionValue'];
11
- multiple?: ListboxProps['multiple'];
12
- filter?: ListboxProps['filter'];
13
- filterIcon?: ListboxProps['filterIcon'];
14
- filterPlaceholder?: ListboxProps['filterPlaceholder'];
15
- filterLocale?: ListboxProps['filterLocale'];
16
- filterMatchMode?: ListboxProps['filterMatchMode'];
17
- autoOptionFocus?: ListboxProps['autoOptionFocus'];
18
- selectOnFocus?: ListboxProps['selectOnFocus'];
19
- optionDisabled?: ListboxProps['optionDisabled'];
20
- optionGroupLabel?: ListboxProps['optionGroupLabel'];
21
- optionGroupChildren?: ListboxProps['optionGroupChildren'];
22
- listStyle?: ListboxProps['listStyle'];
23
- dataKey?: ListboxProps['dataKey'];
24
- metaKeySelection?: ListboxProps['metaKeySelection'];
25
- virtualScrollerOptions?: ListboxProps['virtualScrollerOptions'];
26
- tabindex?: ListboxProps['tabindex'];
27
- ariaLabel?: ListboxProps['ariaLabel'];
28
- ariaLabelledby?: ListboxProps['ariaLabelledby'];
29
- }
30
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
31
- context: {
32
- type: PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>;
33
- required: true;
34
- };
35
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
36
- context: {
37
- type: PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>;
38
- required: true;
39
- };
40
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
41
- declare const _default: typeof __VLS_export;
42
- export default _default;
@@ -1,53 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { MultiSelectProps } from 'primevue/multiselect';
3
- import type { PropType } from 'vue';
4
- export interface FormKitPrimeMultiSelectProps {
5
- options?: MultiSelectProps['options'];
6
- optionLabel?: MultiSelectProps['optionLabel'];
7
- optionValue?: MultiSelectProps['optionValue'];
8
- optionDisabled?: MultiSelectProps['optionDisabled'];
9
- optionGroupLabel?: MultiSelectProps['optionGroupLabel'];
10
- optionGroupChildren?: MultiSelectProps['optionGroupChildren'];
11
- scrollHeight?: MultiSelectProps['scrollHeight'];
12
- dataKey?: MultiSelectProps['dataKey'];
13
- filter?: MultiSelectProps['filter'];
14
- filterPlaceholder?: MultiSelectProps['filterPlaceholder'];
15
- filterLocale?: MultiSelectProps['filterLocale'];
16
- filterMatchMode?: MultiSelectProps['filterMatchMode'];
17
- filterFields?: MultiSelectProps['filterFields'];
18
- appendTo?: MultiSelectProps['appendTo'];
19
- display?: MultiSelectProps['display'];
20
- maxSelectedLabels?: MultiSelectProps['maxSelectedLabels'];
21
- selectedItemsLabel?: MultiSelectProps['selectedItemsLabel'];
22
- selectionLimit?: MultiSelectProps['selectionLimit'];
23
- showToggleAll?: MultiSelectProps['showToggleAll'];
24
- loading?: MultiSelectProps['loading'];
25
- selectAll?: MultiSelectProps['selectAll'];
26
- resetFilterOnHide?: MultiSelectProps['resetFilterOnHide'];
27
- virtualScrollerOptions?: MultiSelectProps['virtualScrollerOptions'];
28
- autoOptionFocus?: MultiSelectProps['autoOptionFocus'];
29
- autoFilterFocus?: MultiSelectProps['autoFilterFocus'];
30
- filterMessage?: MultiSelectProps['filterMessage'];
31
- selectionMessage?: MultiSelectProps['selectionMessage'];
32
- emptySelectionMessage?: MultiSelectProps['emptySelectionMessage'];
33
- emptyFilterMessage?: MultiSelectProps['emptyFilterMessage'];
34
- emptyMessage?: MultiSelectProps['emptyMessage'];
35
- pt?: MultiSelectProps['pt'];
36
- placeholder?: MultiSelectProps['placeholder'];
37
- ptOptions?: MultiSelectProps['ptOptions'];
38
- unstyled?: MultiSelectProps['unstyled'];
39
- size?: MultiSelectProps['size'];
40
- }
41
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
42
- context: {
43
- type: PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>;
44
- required: true;
45
- };
46
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
47
- context: {
48
- type: PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>;
49
- required: true;
50
- };
51
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
52
- declare const _default: typeof __VLS_export;
53
- export default _default;