@sfxcode/formkit-primevue 3.2.6 → 3.2.8

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 (113) hide show
  1. package/dist/components/FormKitDataEdit.d.vue.ts +184 -0
  2. package/dist/components/FormKitDataEdit.vue +52 -33
  3. package/dist/components/FormKitDataEdit.vue.d.ts +184 -0
  4. package/dist/components/FormKitDataView.d.vue.ts +77 -0
  5. package/dist/components/FormKitDataView.vue +34 -17
  6. package/dist/components/FormKitDataView.vue.d.ts +77 -0
  7. package/dist/components/FormKitIcon.d.vue.ts +39 -0
  8. package/dist/components/FormKitIcon.vue +13 -6
  9. package/dist/components/FormKitIcon.vue.d.ts +39 -0
  10. package/dist/components/FormKitPrefix.d.vue.ts +7 -0
  11. package/dist/components/FormKitPrefix.vue +3 -3
  12. package/dist/components/FormKitPrefix.vue.d.ts +7 -0
  13. package/dist/components/FormKitSuffix.d.vue.ts +7 -0
  14. package/dist/components/FormKitSuffix.vue +3 -3
  15. package/dist/components/FormKitSuffix.vue.d.ts +7 -0
  16. package/dist/components/PrimeAutoComplete.d.vue.ts +31 -0
  17. package/dist/components/PrimeAutoComplete.vue +98 -47
  18. package/dist/components/PrimeAutoComplete.vue.d.ts +31 -0
  19. package/dist/components/PrimeCascadeSelect.d.vue.ts +28 -0
  20. package/dist/components/PrimeCascadeSelect.vue +26 -7
  21. package/dist/components/PrimeCascadeSelect.vue.d.ts +28 -0
  22. package/dist/components/PrimeCheckbox.d.vue.ts +27 -0
  23. package/dist/components/PrimeCheckbox.vue +29 -9
  24. package/dist/components/PrimeCheckbox.vue.d.ts +27 -0
  25. package/dist/components/PrimeColorPicker.d.vue.ts +24 -0
  26. package/dist/components/PrimeColorPicker.vue +22 -7
  27. package/dist/components/PrimeColorPicker.vue.d.ts +24 -0
  28. package/dist/components/PrimeDatePicker.d.vue.ts +63 -0
  29. package/dist/components/PrimeDatePicker.vue +73 -15
  30. package/dist/components/PrimeDatePicker.vue.d.ts +63 -0
  31. package/dist/components/PrimeInputMask.d.vue.ts +28 -0
  32. package/dist/components/PrimeInputMask.vue +29 -10
  33. package/dist/components/PrimeInputMask.vue.d.ts +28 -0
  34. package/dist/components/PrimeInputNumber.d.vue.ts +36 -0
  35. package/dist/components/PrimeInputNumber.vue +56 -22
  36. package/dist/components/PrimeInputNumber.vue.d.ts +36 -0
  37. package/dist/components/PrimeInputOtp.d.vue.ts +26 -0
  38. package/dist/components/PrimeInputOtp.vue +24 -7
  39. package/dist/components/PrimeInputOtp.vue.d.ts +26 -0
  40. package/dist/components/PrimeInputText.d.vue.ts +24 -0
  41. package/dist/components/PrimeInputText.vue +25 -10
  42. package/dist/components/PrimeInputText.vue.d.ts +24 -0
  43. package/dist/components/PrimeKnob.d.vue.ts +31 -0
  44. package/dist/components/PrimeKnob.vue +37 -12
  45. package/dist/components/PrimeKnob.vue.d.ts +31 -0
  46. package/dist/components/PrimeListbox.d.vue.ts +42 -0
  47. package/dist/components/PrimeListbox.vue +39 -7
  48. package/dist/components/PrimeListbox.vue.d.ts +42 -0
  49. package/dist/components/PrimeMultiSelect.d.vue.ts +53 -0
  50. package/dist/components/PrimeMultiSelect.vue +52 -7
  51. package/dist/components/PrimeMultiSelect.vue.d.ts +53 -0
  52. package/dist/components/PrimeOutputBoolean.d.vue.ts +16 -0
  53. package/dist/components/PrimeOutputBoolean.vue +23 -16
  54. package/dist/components/PrimeOutputBoolean.vue.d.ts +16 -0
  55. package/dist/components/PrimeOutputDate.d.vue.ts +16 -0
  56. package/dist/components/PrimeOutputDate.vue +31 -21
  57. package/dist/components/PrimeOutputDate.vue.d.ts +16 -0
  58. package/dist/components/PrimeOutputDuration.d.vue.ts +16 -0
  59. package/dist/components/PrimeOutputDuration.vue +17 -11
  60. package/dist/components/PrimeOutputDuration.vue.d.ts +16 -0
  61. package/dist/components/PrimeOutputLink.d.vue.ts +16 -0
  62. package/dist/components/PrimeOutputLink.vue +24 -17
  63. package/dist/components/PrimeOutputLink.vue.d.ts +16 -0
  64. package/dist/components/PrimeOutputList.d.vue.ts +19 -0
  65. package/dist/components/PrimeOutputList.vue +29 -18
  66. package/dist/components/PrimeOutputList.vue.d.ts +19 -0
  67. package/dist/components/PrimeOutputNumber.d.vue.ts +16 -0
  68. package/dist/components/PrimeOutputNumber.vue +37 -24
  69. package/dist/components/PrimeOutputNumber.vue.d.ts +16 -0
  70. package/dist/components/PrimeOutputReference.d.vue.ts +16 -0
  71. package/dist/components/PrimeOutputReference.vue +28 -21
  72. package/dist/components/PrimeOutputReference.vue.d.ts +16 -0
  73. package/dist/components/PrimeOutputText.d.vue.ts +21 -0
  74. package/dist/components/PrimeOutputText.vue +37 -22
  75. package/dist/components/PrimeOutputText.vue.d.ts +21 -0
  76. package/dist/components/PrimePassword.d.vue.ts +33 -0
  77. package/dist/components/PrimePassword.vue +31 -7
  78. package/dist/components/PrimePassword.vue.d.ts +33 -0
  79. package/dist/components/PrimeRadioButton.d.vue.ts +28 -0
  80. package/dist/components/PrimeRadioButton.vue +23 -7
  81. package/dist/components/PrimeRadioButton.vue.d.ts +28 -0
  82. package/dist/components/PrimeRating.d.vue.ts +24 -0
  83. package/dist/components/PrimeRating.vue +22 -7
  84. package/dist/components/PrimeRating.vue.d.ts +24 -0
  85. package/dist/components/PrimeSelect.d.vue.ts +50 -0
  86. package/dist/components/PrimeSelect.vue +49 -7
  87. package/dist/components/PrimeSelect.vue.d.ts +50 -0
  88. package/dist/components/PrimeSelectButton.d.vue.ts +28 -0
  89. package/dist/components/PrimeSelectButton.vue +27 -7
  90. package/dist/components/PrimeSelectButton.vue.d.ts +28 -0
  91. package/dist/components/PrimeSlider.d.vue.ts +26 -0
  92. package/dist/components/PrimeSlider.vue +28 -10
  93. package/dist/components/PrimeSlider.vue.d.ts +26 -0
  94. package/dist/components/PrimeTextarea.d.vue.ts +25 -0
  95. package/dist/components/PrimeTextarea.vue +23 -7
  96. package/dist/components/PrimeTextarea.vue.d.ts +25 -0
  97. package/dist/components/PrimeToggleButton.d.vue.ts +26 -0
  98. package/dist/components/PrimeToggleButton.vue +25 -7
  99. package/dist/components/PrimeToggleButton.vue.d.ts +26 -0
  100. package/dist/components/PrimeToggleSwitch.d.vue.ts +23 -0
  101. package/dist/components/PrimeToggleSwitch.vue +23 -8
  102. package/dist/components/PrimeToggleSwitch.vue.d.ts +23 -0
  103. package/dist/components/PrimeTreeSelect.d.vue.ts +32 -0
  104. package/dist/components/PrimeTreeSelect.vue +30 -7
  105. package/dist/components/PrimeTreeSelect.vue.d.ts +32 -0
  106. package/dist/components/index.d.ts +1 -2
  107. package/dist/components/index.js +0 -7
  108. package/dist/components/index.mjs +0 -2
  109. package/dist/index.d.ts +2 -2
  110. package/dist/index.js +0 -6
  111. package/dist/index.mjs +1 -2
  112. package/package.json +1 -1
  113. package/dist/components/FormKitDebug.vue +0 -20
@@ -0,0 +1,77 @@
1
+ import type { FormKitSchemaDefinition } from '@formkit/core';
2
+ import type { PropType } from 'vue';
3
+ declare var __VLS_13: {}, __VLS_21: {}, __VLS_29: {};
4
+ type __VLS_Slots = {} & {
5
+ default?: (props: typeof __VLS_13) => any;
6
+ } & {
7
+ default?: (props: typeof __VLS_21) => any;
8
+ } & {
9
+ default?: (props: typeof __VLS_29) => any;
10
+ };
11
+ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
12
+ data: {
13
+ type: ObjectConstructor;
14
+ default: null;
15
+ };
16
+ schema: {
17
+ type: PropType<FormKitSchemaDefinition>;
18
+ default: null;
19
+ };
20
+ formClass: {
21
+ type: StringConstructor;
22
+ default: string;
23
+ };
24
+ debugData: {
25
+ type: BooleanConstructor;
26
+ default: boolean;
27
+ };
28
+ debugSchema: {
29
+ type: BooleanConstructor;
30
+ default: boolean;
31
+ };
32
+ modelValue: {
33
+ type: PropType<any>;
34
+ };
35
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
36
+ "update:modelValue": (value: any) => any;
37
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
38
+ data: {
39
+ type: ObjectConstructor;
40
+ default: null;
41
+ };
42
+ schema: {
43
+ type: PropType<FormKitSchemaDefinition>;
44
+ default: null;
45
+ };
46
+ formClass: {
47
+ type: StringConstructor;
48
+ default: string;
49
+ };
50
+ debugData: {
51
+ type: BooleanConstructor;
52
+ default: boolean;
53
+ };
54
+ debugSchema: {
55
+ type: BooleanConstructor;
56
+ default: boolean;
57
+ };
58
+ modelValue: {
59
+ type: PropType<any>;
60
+ };
61
+ }>> & Readonly<{
62
+ "onUpdate:modelValue"?: ((value: any) => any) | undefined;
63
+ }>, {
64
+ data: Record<string, any>;
65
+ schema: FormKitSchemaDefinition;
66
+ formClass: string;
67
+ debugData: boolean;
68
+ debugSchema: boolean;
69
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
70
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
71
+ declare const _default: typeof __VLS_export;
72
+ export default _default;
73
+ type __VLS_WithSlots<T, S> = T & {
74
+ new (): {
75
+ $slots: S;
76
+ };
77
+ };
@@ -0,0 +1,39 @@
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,16 +1,23 @@
1
- <script setup>
1
+ <script setup lang="ts">
2
+ import type { PropType } from 'vue'
3
+
4
+ export interface FormKitIconProps {
5
+ onIconPrefixClicked?: () => void
6
+ onIconSuffixClicked?: () => void
7
+ }
8
+
2
9
  defineProps({
3
10
  iconClass: {
4
11
  type: String,
5
- default: ""
12
+ default: '',
6
13
  },
7
- onClick: { type: Function, default: void 0 },
14
+ onClick: { type: Function as PropType<() => void>, default: undefined },
8
15
  position: {
9
16
  type: String,
10
17
  required: true,
11
- validator: (val) => ["prefix", "suffix"].includes(val)
12
- }
13
- });
18
+ validator: (val: string) => ['prefix', 'suffix'].includes(val),
19
+ },
20
+ })
14
21
  </script>
15
22
 
16
23
  <template>
@@ -0,0 +1,39 @@
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;
@@ -0,0 +1,7 @@
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 +1,7 @@
1
- <script setup>
1
+ <script setup lang="ts">
2
2
  defineProps({
3
- prefix: String
4
- });
3
+ prefix: String,
4
+ })
5
5
  </script>
6
6
 
7
7
  <template>
@@ -0,0 +1,7 @@
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;
@@ -0,0 +1,7 @@
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,7 +1,7 @@
1
- <script setup>
1
+ <script setup lang="ts">
2
2
  defineProps({
3
- suffix: String
4
- });
3
+ suffix: String,
4
+ })
5
5
  </script>
6
6
 
7
7
  <template>
@@ -0,0 +1,7 @@
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;
@@ -0,0 +1,31 @@
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,72 +1,123 @@
1
- <script setup>
2
- import { ref, watch } from "vue";
3
- import { useFormKitInput } from "../composables";
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
+
4
24
  const props = defineProps({
5
25
  context: {
6
- type: Object,
7
- required: true
8
- }
9
- });
10
- const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context);
11
- const suggestions = ref(["", {}]);
12
- suggestions.value = [];
13
- const loading = ref(false);
14
- const localValue = ref(props.context._value);
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
15
41
  watch(
16
42
  () => props.context._value,
17
43
  (newVal) => {
18
- localValue.value = newVal;
19
- }
20
- );
44
+ localValue.value = newVal
45
+ },
46
+ )
47
+
48
+ // Emit changes from localValue to context
21
49
  watch(
22
50
  localValue,
23
51
  (newVal) => {
24
52
  if (newVal !== props.context._value) {
25
- props.context._value = newVal;
26
- props.context?.node?.input?.(newVal);
53
+ props.context._value = newVal
54
+ props.context?.node?.input?.(newVal)
27
55
  }
28
- }
29
- );
30
- async function search(event) {
56
+ },
57
+ )
58
+
59
+ /**
60
+ * Searches for suggestions based on the input query.
61
+ */
62
+ async function search(event: AutoCompleteCompleteEvent) {
31
63
  if (props.context?.options && props.context?.optionLabel) {
32
64
  suggestions.value = props.context.options.filter((option) => {
33
- return option[`${props.context.optionLabel}`].toString().toLowerCase().includes(event.query.toLowerCase());
34
- });
35
- } else {
36
- loading.value = true;
65
+ return option[`${props.context.optionLabel}`].toString().toLowerCase().includes(event.query.toLowerCase())
66
+ })
67
+ }
68
+ else {
69
+ loading.value = true
37
70
  try {
38
- suggestions.value = await props.context?.attrs.complete(event.query);
39
- } catch (error) {
40
- console.error("Error fetching suggestions:", error);
41
- suggestions.value = [];
42
- } finally {
43
- loading.value = false;
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
44
79
  }
45
80
  }
46
81
  }
47
- function handlePaste(event) {
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) {
48
87
  if (!props.context?.multiple)
49
- return;
50
- const clipboardData = event.clipboardData;
88
+ return
89
+ const clipboardData = event.clipboardData
51
90
  if (!clipboardData)
52
- return;
53
- const pastedText = clipboardData.getData("text");
54
- const separators = Array.isArray(props.context?.separators) && props.context.separators.length > 0 ? props.context.separators : [","];
55
- const regex = new RegExp(`[${separators.map((s) => s.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&")).join("")}]`);
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
56
98
  if (pastedText && regex.test(pastedText)) {
57
- event.preventDefault();
58
- const items = pastedText.split(regex).map((item) => item.trim()).filter((item) => item.length > 0);
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
59
105
  if (Array.isArray(localValue.value)) {
60
- localValue.value = [...localValue.value, ...items];
61
- } else {
62
- localValue.value = items;
106
+ localValue.value = [...localValue.value, ...items]
107
+ }
108
+ else {
109
+ localValue.value = items
63
110
  }
64
- } else if (pastedText) {
65
- event.preventDefault();
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
66
116
  if (Array.isArray(localValue.value)) {
67
- localValue.value = [...localValue.value, pastedText.trim()];
68
- } else {
69
- localValue.value = [pastedText.trim()];
117
+ localValue.value = [...localValue.value, pastedText.trim()]
118
+ }
119
+ else {
120
+ localValue.value = [pastedText.trim()]
70
121
  }
71
122
  }
72
123
  }
@@ -0,0 +1,31 @@
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;
@@ -0,0 +1,28 @@
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,12 +1,31 @@
1
- <script setup>
2
- import { useFormKitInput } from "../composables";
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
+
3
21
  const props = defineProps({
4
22
  context: {
5
- type: Object,
6
- required: true
7
- }
8
- });
9
- const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context);
23
+ type: Object as PropType<FormKitFrameworkContext & FormKitPrimeCascadeSelectProps>,
24
+ required: true,
25
+ },
26
+ })
27
+
28
+ const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
10
29
  </script>
11
30
 
12
31
  <template>
@@ -0,0 +1,28 @@
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;
@@ -0,0 +1,27 @@
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,14 +1,34 @@
1
- <script setup>
2
- import { useFormKitInput, useFormKitSection } from "../composables";
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
+
3
20
  const props = defineProps({
4
21
  context: {
5
- type: Object,
6
- required: true
7
- }
8
- });
9
- const { hasPrefix, hasSuffix, generateId } = useFormKitSection(props.context);
10
- const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context);
11
- const generatedId = generateId();
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()
12
32
  </script>
13
33
 
14
34
  <template>