@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,115 +0,0 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { MultiSelectProps } from 'primevue/multiselect'
4
-
5
- import type { PropType } from 'vue'
6
- import { useFormKitInput } from '../composables'
7
-
8
- export interface FormKitPrimeMultiSelectProps {
9
- options?: MultiSelectProps['options']
10
- optionLabel?: MultiSelectProps['optionLabel']
11
- optionValue?: MultiSelectProps['optionValue']
12
- optionDisabled?: MultiSelectProps['optionDisabled']
13
- optionGroupLabel?: MultiSelectProps['optionGroupLabel']
14
- optionGroupChildren?: MultiSelectProps['optionGroupChildren']
15
- scrollHeight?: MultiSelectProps['scrollHeight']
16
- dataKey?: MultiSelectProps['dataKey']
17
- filter?: MultiSelectProps['filter']
18
- filterPlaceholder?: MultiSelectProps['filterPlaceholder']
19
- filterLocale?: MultiSelectProps['filterLocale']
20
- filterMatchMode?: MultiSelectProps['filterMatchMode']
21
- filterFields?: MultiSelectProps['filterFields']
22
- appendTo?: MultiSelectProps['appendTo']
23
- display?: MultiSelectProps['display']
24
- maxSelectedLabels?: MultiSelectProps['maxSelectedLabels']
25
- selectedItemsLabel?: MultiSelectProps['selectedItemsLabel']
26
- selectionLimit?: MultiSelectProps['selectionLimit']
27
- showToggleAll?: MultiSelectProps['showToggleAll']
28
- loading?: MultiSelectProps['loading']
29
- selectAll?: MultiSelectProps['selectAll']
30
- resetFilterOnHide?: MultiSelectProps['resetFilterOnHide']
31
- virtualScrollerOptions?: MultiSelectProps['virtualScrollerOptions']
32
- autoOptionFocus?: MultiSelectProps['autoOptionFocus']
33
- autoFilterFocus?: MultiSelectProps['autoFilterFocus']
34
- filterMessage?: MultiSelectProps['filterMessage']
35
- selectionMessage?: MultiSelectProps['selectionMessage']
36
- emptySelectionMessage?: MultiSelectProps['emptySelectionMessage']
37
- emptyFilterMessage?: MultiSelectProps['emptyFilterMessage']
38
- emptyMessage?: MultiSelectProps['emptyMessage']
39
- pt?: MultiSelectProps['pt']
40
- placeholder?: MultiSelectProps['placeholder']
41
- ptOptions?: MultiSelectProps['ptOptions']
42
- unstyled?: MultiSelectProps['unstyled']
43
- size?: MultiSelectProps['size']
44
-
45
- }
46
-
47
- const props = defineProps({
48
- context: {
49
- type: Object as PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>,
50
- required: true,
51
- },
52
- })
53
-
54
- const { validSlotNames, unstyled, isInvalid, handleBlur, handleChange, modelValue } = useFormKitInput(props.context)
55
- </script>
56
-
57
- <template>
58
- <div class="p-formkit">
59
- <MultiSelect
60
- v-model="modelValue"
61
- v-bind="context?.attrs"
62
- :input-id="context.id"
63
- :disabled="!!context?.disabled"
64
- :readonly="context?.attrs.readonly ?? false"
65
- :list-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
- :options="context.options"
74
- :option-label="context.optionLabel"
75
- :option-value="context.optionValue"
76
- :option-disabled="context.optionDisabled"
77
- :option-group-label="context.optionGroupLabel"
78
- :option-group-children="context.optionGroupChildren"
79
- :scroll-height="context.scrollHeight"
80
- :data-key="context.dataKey"
81
- :filter="context.filter ?? false"
82
- :filter-placeholder="context.filterPlaceholder"
83
- :filter-locale="context.filterLocale"
84
- :filter-match-mode="context.filterMatchMode"
85
- :fitler-fields="context.filterFields"
86
- :append-to="context.appendTo"
87
- :close-icon="context.closeIcon"
88
- :display="context.display"
89
- :max-selected-labels="context.maxSelectedLabels"
90
- :selected-items-label="context.selectedItemsLabel"
91
- :selection-limit="context.selectionLimit"
92
- :show-toggle-all="context.showToggleAll"
93
- :loading="context.loading"
94
- :select-all="context.selectAll"
95
- :reset-filter-on-hide="context.resetFilterOnHide"
96
- :virtual-scroller-options="context.virtualScrollerOptions"
97
- :auto-option-focus="context.autoOptionFocus"
98
- :auto-filter-focus="context.autoFilterFocus"
99
- :filter-message="context.filterMessage"
100
- :selection-message="context.selectionMessage"
101
- :empty-selection-message="context.emptySelectionMessage"
102
- :empty-filter-message="context.emptyFilterMessage"
103
- :empty-message="context.emptyMessage"
104
- :pt="context.pt"
105
- :pt-options="context.ptOptions"
106
- :unstyled="unstyled"
107
- @change="handleChange"
108
- @blur="handleBlur"
109
- >
110
- <template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
111
- <component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
112
- </template>
113
- </MultiSelect>
114
- </div>
115
- </template>
@@ -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;
@@ -1,16 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- import type { FormKitIconProps } from './FormKitIcon.vue';
4
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- context: {
6
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- context: {
11
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- declare const _default: typeof __VLS_export;
16
- export default _default;
@@ -1,41 +0,0 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { PropType } from 'vue'
4
- import type { FormKitIconProps } from './FormKitIcon.vue'
5
- import { computed } from 'vue'
6
- import { useI18n } from 'vue-i18n'
7
- import { useFormKitSection } from '../composables'
8
- import FormKitIcon from './FormKitIcon.vue'
9
- import FormKitPrefix from './FormKitPrefix.vue'
10
- import FormKitSuffix from './FormKitSuffix.vue'
11
-
12
- const props = defineProps({
13
- context: {
14
- type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
15
- required: true,
16
- },
17
- })
18
-
19
- const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
20
-
21
- const { t } = useI18n()
22
-
23
- const translated = computed(() => {
24
- if (props.context?._value)
25
- return props.context?.trueValue ?? t('formkit.prime.true', 'true')
26
- else
27
- return props.context?.falseValue ?? t('formkit.prime.false', 'false')
28
- })
29
- </script>
30
-
31
- <template>
32
- <div class="p-formkit p-output-boolean">
33
- <FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
34
- <FormKitPrefix v-if="hasPrefix" :prefix="context?.prefix as string" />
35
- <span :id="context?.id" :style="context?.attrs?.style" :class="context?.attrs?.class">
36
- {{ translated }}
37
- </span>
38
- <FormKitSuffix v-if="hasSuffix" :suffix="context?.suffix as string" />
39
- <FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
40
- </div>
41
- </template>
@@ -1,16 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- import type { FormKitIconProps } from './FormKitIcon.vue';
4
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- context: {
6
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- context: {
11
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- declare const _default: typeof __VLS_export;
16
- export default _default;
@@ -1,16 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- import type { FormKitIconProps } from './FormKitIcon.vue';
4
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- context: {
6
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- context: {
11
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- declare const _default: typeof __VLS_export;
16
- export default _default;
@@ -1,51 +0,0 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { PropType } from 'vue'
4
- import type { FormKitIconProps } from './FormKitIcon.vue'
5
- import { computed } from 'vue'
6
- import { useI18n } from 'vue-i18n'
7
- import { useFormKitSection } from '../composables'
8
- import FormKitIcon from './FormKitIcon.vue'
9
- import FormKitPrefix from './FormKitPrefix.vue'
10
- import FormKitSuffix from './FormKitSuffix.vue'
11
-
12
- const props = defineProps({
13
- context: {
14
- type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
15
- required: true,
16
- },
17
- })
18
-
19
- const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
20
-
21
- const { d } = useI18n()
22
-
23
- const converted = computed(() => {
24
- if (props?.context?._value) {
25
- let result = ''
26
- const format = props?.context?.attrs?.value?.format ? props?.context?.attrs.value.format : 'short'
27
- try {
28
- result = d(props?.context?._value, format)
29
- }
30
- // eslint-disable-next-line unused-imports/no-unused-vars
31
- catch (e) {
32
- }
33
- return result
34
- }
35
- else {
36
- return ''
37
- }
38
- })
39
- </script>
40
-
41
- <template>
42
- <div class="p-formkit p-output-date">
43
- <FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
44
- <FormKitPrefix v-if="hasPrefix" :prefix="context?.prefix as string" />
45
- <span :id="context?.id" :style="context?.attrs?.style" :class="context?.attrs?.class">
46
- {{ converted }}
47
- </span>
48
- <FormKitSuffix v-if="hasSuffix" :suffix="context?.suffix as string" />
49
- <FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
50
- </div>
51
- </template>
@@ -1,16 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- import type { FormKitIconProps } from './FormKitIcon.vue';
4
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- context: {
6
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- context: {
11
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- declare const _default: typeof __VLS_export;
16
- export default _default;
@@ -1,16 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- import type { FormKitIconProps } from './FormKitIcon.vue';
4
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- context: {
6
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- context: {
11
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- declare const _default: typeof __VLS_export;
16
- export default _default;
@@ -1,32 +0,0 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { PropType } from 'vue'
4
- import type { FormKitIconProps } from './FormKitIcon.vue'
5
- import { useFormKitSection, useOutputDuration } from '../composables'
6
- import FormKitIcon from './FormKitIcon.vue'
7
- import FormKitPrefix from './FormKitPrefix.vue'
8
- import FormKitSuffix from './FormKitSuffix.vue'
9
-
10
- const props = defineProps({
11
- context: {
12
- type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
13
- required: true,
14
- },
15
- })
16
-
17
- const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
18
-
19
- const { formattedDuration } = useOutputDuration()
20
- </script>
21
-
22
- <template>
23
- <div class="p-formkit p-output-duration">
24
- <FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
25
- <FormKitPrefix v-if="hasPrefix" :prefix="context?.prefix as string" />
26
- <span :id="context?.id" :style="context?.attrs?.style" :class="context?.attrs?.class">
27
- {{ formattedDuration(context?._value) }}
28
- </span>
29
- <FormKitSuffix v-if="hasSuffix" :suffix="context?.suffix as string" />
30
- <FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
31
- </div>
32
- </template>
@@ -1,16 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- import type { FormKitIconProps } from './FormKitIcon.vue';
4
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- context: {
6
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- context: {
11
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- declare const _default: typeof __VLS_export;
16
- export default _default;
@@ -1,16 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- import type { FormKitIconProps } from './FormKitIcon.vue';
4
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- context: {
6
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- context: {
11
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- declare const _default: typeof __VLS_export;
16
- export default _default;
@@ -1,50 +0,0 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { PropType } from 'vue'
4
- import type { FormKitIconProps } from './FormKitIcon.vue'
5
- import { computed } from 'vue'
6
- import { useFormKitSection } from '../composables'
7
- import FormKitIcon from './FormKitIcon.vue'
8
- import FormKitPrefix from './FormKitPrefix.vue'
9
- import FormKitSuffix from './FormKitSuffix.vue'
10
-
11
- const props = defineProps({
12
- context: {
13
- type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
14
- required: true,
15
- },
16
- })
17
-
18
- const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
19
-
20
- const url = computed(() => {
21
- if (props.context?._value)
22
- return props.context?._value.indexOf('http') > -1 ? props.context?._value : `https://${props.context?._value}`
23
- else
24
- return ''
25
- })
26
-
27
- const title = computed(() => {
28
- const value = props.context?._value ?? ''
29
- return props.context?.title ?? value
30
- })
31
- </script>
32
-
33
- <template>
34
- <div class="p-formkit p-output-link">
35
- <FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
36
- <FormKitPrefix v-if="hasPrefix" :prefix="context?.prefix as string" />
37
- <a
38
- v-if="context?.value"
39
- :id="context?.id"
40
- :style="context?.attrs?.style"
41
- :class="context?.attrs?.class"
42
- :href="url"
43
- :target="context?.attrs?.target ?? '_new'"
44
- >
45
- <span>{{ title }}</span>
46
- </a>
47
- <FormKitSuffix v-if="hasSuffix" :suffix="context?.suffix as string" />
48
- <FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
49
- </div>
50
- </template>
@@ -1,16 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- import type { FormKitIconProps } from './FormKitIcon.vue';
4
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- context: {
6
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- context: {
11
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- declare const _default: typeof __VLS_export;
16
- export default _default;
@@ -1,19 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- import type { FormKitIconProps } from './FormKitIcon.vue';
4
- export interface PrimeOutputListProps {
5
- convertValue?: (array: []) => [];
6
- }
7
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
- context: {
9
- type: PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps;
10
- required: true;
11
- };
12
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
13
- context: {
14
- type: PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps;
15
- required: true;
16
- };
17
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
18
- declare const _default: typeof __VLS_export;
19
- export default _default;
@@ -1,75 +0,0 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { PropType } from 'vue'
4
- import type { FormKitIconProps } from './FormKitIcon.vue'
5
- import { computed } from 'vue'
6
- import { useFormKitSection } from '../composables'
7
- import FormKitIcon from './FormKitIcon.vue'
8
- import FormKitPrefix from './FormKitPrefix.vue'
9
- import FormKitSuffix from './FormKitSuffix.vue'
10
-
11
- export interface PrimeOutputListProps {
12
- convertValue?: (array: []) => []
13
- }
14
-
15
- const props = defineProps({
16
- context: {
17
- type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps,
18
- required: true,
19
- },
20
- })
21
-
22
- const listStyle = computed(() => {
23
- return props.context?.listStyle || 'span'
24
- })
25
-
26
- const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
27
-
28
- const getListValues = computed(() => {
29
- const values = Array.isArray(props.context?._value) ? props.context._value : []
30
- if (typeof props.context?.convertValue === 'function') {
31
- return props.context.convertValue([...values])
32
- }
33
- return values
34
- })
35
-
36
- const dividerClass = computed(() => props.context?.dividerClass || '')
37
- const itemClass = computed(() => props.context?.itemClass || '')
38
- const listItemsClass = computed(() => props.context?.attrs?.class || '')
39
- </script>
40
-
41
- <template>
42
- <div class="p-formkit p-output-list">
43
- <FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
44
- <FormKitPrefix v-if="hasPrefix && listStyle === 'span'" :prefix="context?.prefix as string" />
45
- <span v-if="listStyle === 'span'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="listItemsClass">
46
- <template v-for="(value, index) of getListValues" :key="index">
47
- <span v-if="index !== 0" class="p-output-list-divider" :class="dividerClass">{{ context?.divider ?? ', ' }}</span>
48
- <span class="p-output-list-item" :class="itemClass">{{ value }}</span>
49
- </template>
50
- </span>
51
- <div v-if="listStyle === 'div'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="listItemsClass">
52
- <template v-for="(value, index) of getListValues" :key="index">
53
- <div class="p-output-list-item" :class="itemClass">
54
- {{ value }}
55
- </div>
56
- </template>
57
- </div>
58
- <ul v-if="listStyle === 'ul'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="listItemsClass">
59
- <li v-for="(value, index) of getListValues" :key="index">
60
- <span class="p-output-list-item" :class="itemClass">
61
- {{ value }}
62
- </span>
63
- </li>
64
- </ul>
65
- <ol v-if="listStyle === 'ol'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="listItemsClass">
66
- <li v-for="(value, index) of getListValues" :key="index">
67
- <span class="p-output-list-item" :class="itemClass">
68
- {{ value }}
69
- </span>
70
- </li>
71
- </ol>
72
- <FormKitSuffix v-if="hasSuffix && listStyle === 'span'" :suffix="context?.suffix as string" />
73
- <FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
74
- </div>
75
- </template>
@@ -1,19 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- import type { FormKitIconProps } from './FormKitIcon.vue';
4
- export interface PrimeOutputListProps {
5
- convertValue?: (array: []) => [];
6
- }
7
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
- context: {
9
- type: PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps;
10
- required: true;
11
- };
12
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
13
- context: {
14
- type: PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps;
15
- required: true;
16
- };
17
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
18
- declare const _default: typeof __VLS_export;
19
- export default _default;
@@ -1,16 +0,0 @@
1
- import type { FormKitFrameworkContext } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- import type { FormKitIconProps } from './FormKitIcon.vue';
4
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- context: {
6
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- context: {
11
- type: PropType<FormKitFrameworkContext> & FormKitIconProps;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- declare const _default: typeof __VLS_export;
16
- export default _default;