@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.
- package/README.md +13 -138
- package/dist/PrimeTreeSelect-Dksx7tL-.js +1881 -0
- package/dist/components/index.d.ts +2 -24
- package/dist/components/index.js +4 -167
- package/dist/components-HJnJ39cU.js +255 -0
- package/dist/composables/index.d.ts +2 -9
- package/dist/composables/index.js +2 -61
- package/dist/composables-CZ6f1QYe.js +820 -0
- package/dist/definitions/index.d.ts +37 -32
- package/dist/definitions/index.js +4 -42
- package/dist/definitions-BHwWaom7.js +1196 -0
- package/dist/index-Ch3MtT1C.d.ts +266 -0
- package/dist/index-EJ8M51RO.d.ts +917 -0
- package/dist/index.d.ts +146 -143
- package/dist/index.js +5 -62
- package/dist/plugins/index.d.ts +7 -3
- package/dist/plugins/index.js +45 -57
- package/dist/sass/formkit-primevue.scss +99 -101
- package/package.json +32 -117
- package/LICENSE +0 -21
- package/components.d.ts +0 -1
- package/dist/components/FormKitDataDebug.d.vue.ts +0 -24
- package/dist/components/FormKitDataDebug.vue +0 -23
- package/dist/components/FormKitDataDebug.vue.d.ts +0 -24
- package/dist/components/FormKitDataEdit.d.vue.ts +0 -180
- package/dist/components/FormKitDataEdit.vue +0 -126
- package/dist/components/FormKitDataEdit.vue.d.ts +0 -180
- package/dist/components/FormKitDataView.d.vue.ts +0 -73
- package/dist/components/FormKitDataView.vue +0 -58
- package/dist/components/FormKitDataView.vue.d.ts +0 -73
- package/dist/components/FormKitIcon.d.vue.ts +0 -39
- package/dist/components/FormKitIcon.vue +0 -25
- package/dist/components/FormKitIcon.vue.d.ts +0 -39
- package/dist/components/FormKitPrefix.d.vue.ts +0 -7
- package/dist/components/FormKitPrefix.vue +0 -11
- package/dist/components/FormKitPrefix.vue.d.ts +0 -7
- package/dist/components/FormKitSuffix.d.vue.ts +0 -7
- package/dist/components/FormKitSuffix.vue +0 -11
- package/dist/components/FormKitSuffix.vue.d.ts +0 -7
- package/dist/components/PrimeAutoComplete.d.vue.ts +0 -31
- package/dist/components/PrimeAutoComplete.vue +0 -140
- package/dist/components/PrimeAutoComplete.vue.d.ts +0 -31
- package/dist/components/PrimeCascadeSelect.d.vue.ts +0 -28
- package/dist/components/PrimeCascadeSelect.vue +0 -62
- package/dist/components/PrimeCascadeSelect.vue.d.ts +0 -28
- package/dist/components/PrimeCheckbox.d.vue.ts +0 -27
- package/dist/components/PrimeCheckbox.vue +0 -71
- package/dist/components/PrimeCheckbox.vue.d.ts +0 -27
- package/dist/components/PrimeColorPicker.d.vue.ts +0 -24
- package/dist/components/PrimeColorPicker.vue +0 -48
- package/dist/components/PrimeColorPicker.vue.d.ts +0 -24
- package/dist/components/PrimeDatePicker.d.vue.ts +0 -63
- package/dist/components/PrimeDatePicker.vue +0 -153
- package/dist/components/PrimeDatePicker.vue.d.ts +0 -63
- package/dist/components/PrimeInputMask.d.vue.ts +0 -28
- package/dist/components/PrimeInputMask.vue +0 -88
- package/dist/components/PrimeInputMask.vue.d.ts +0 -28
- package/dist/components/PrimeInputNumber.d.vue.ts +0 -36
- package/dist/components/PrimeInputNumber.vue +0 -110
- package/dist/components/PrimeInputNumber.vue.d.ts +0 -36
- package/dist/components/PrimeInputOtp.d.vue.ts +0 -26
- package/dist/components/PrimeInputOtp.vue +0 -59
- package/dist/components/PrimeInputOtp.vue.d.ts +0 -26
- package/dist/components/PrimeInputText.d.vue.ts +0 -24
- package/dist/components/PrimeInputText.vue +0 -80
- package/dist/components/PrimeInputText.vue.d.ts +0 -24
- package/dist/components/PrimeKnob.d.vue.ts +0 -31
- package/dist/components/PrimeKnob.vue +0 -75
- package/dist/components/PrimeKnob.vue.d.ts +0 -31
- package/dist/components/PrimeListbox.d.vue.ts +0 -42
- package/dist/components/PrimeListbox.vue +0 -86
- package/dist/components/PrimeListbox.vue.d.ts +0 -42
- package/dist/components/PrimeMultiSelect.d.vue.ts +0 -53
- package/dist/components/PrimeMultiSelect.vue +0 -115
- package/dist/components/PrimeMultiSelect.vue.d.ts +0 -53
- package/dist/components/PrimeOutputBoolean.d.vue.ts +0 -16
- package/dist/components/PrimeOutputBoolean.vue +0 -41
- package/dist/components/PrimeOutputBoolean.vue.d.ts +0 -16
- package/dist/components/PrimeOutputDate.d.vue.ts +0 -16
- package/dist/components/PrimeOutputDate.vue +0 -51
- package/dist/components/PrimeOutputDate.vue.d.ts +0 -16
- package/dist/components/PrimeOutputDuration.d.vue.ts +0 -16
- package/dist/components/PrimeOutputDuration.vue +0 -32
- package/dist/components/PrimeOutputDuration.vue.d.ts +0 -16
- package/dist/components/PrimeOutputLink.d.vue.ts +0 -16
- package/dist/components/PrimeOutputLink.vue +0 -50
- package/dist/components/PrimeOutputLink.vue.d.ts +0 -16
- package/dist/components/PrimeOutputList.d.vue.ts +0 -19
- package/dist/components/PrimeOutputList.vue +0 -75
- package/dist/components/PrimeOutputList.vue.d.ts +0 -19
- package/dist/components/PrimeOutputNumber.d.vue.ts +0 -16
- package/dist/components/PrimeOutputNumber.vue +0 -59
- package/dist/components/PrimeOutputNumber.vue.d.ts +0 -16
- package/dist/components/PrimeOutputReference.d.vue.ts +0 -16
- package/dist/components/PrimeOutputReference.vue +0 -62
- package/dist/components/PrimeOutputReference.vue.d.ts +0 -16
- package/dist/components/PrimeOutputText.d.vue.ts +0 -22
- package/dist/components/PrimeOutputText.vue +0 -72
- package/dist/components/PrimeOutputText.vue.d.ts +0 -22
- package/dist/components/PrimePassword.d.vue.ts +0 -33
- package/dist/components/PrimePassword.vue +0 -73
- package/dist/components/PrimePassword.vue.d.ts +0 -33
- package/dist/components/PrimeRadioButton.d.vue.ts +0 -28
- package/dist/components/PrimeRadioButton.vue +0 -58
- package/dist/components/PrimeRadioButton.vue.d.ts +0 -28
- package/dist/components/PrimeRating.d.vue.ts +0 -24
- package/dist/components/PrimeRating.vue +0 -55
- package/dist/components/PrimeRating.vue.d.ts +0 -24
- package/dist/components/PrimeSelect.d.vue.ts +0 -50
- package/dist/components/PrimeSelect.vue +0 -113
- package/dist/components/PrimeSelect.vue.d.ts +0 -50
- package/dist/components/PrimeSelectButton.d.vue.ts +0 -28
- package/dist/components/PrimeSelectButton.vue +0 -64
- package/dist/components/PrimeSelectButton.vue.d.ts +0 -28
- package/dist/components/PrimeSlider.d.vue.ts +0 -26
- package/dist/components/PrimeSlider.vue +0 -60
- package/dist/components/PrimeSlider.vue.d.ts +0 -26
- package/dist/components/PrimeTextarea.d.vue.ts +0 -25
- package/dist/components/PrimeTextarea.vue +0 -53
- package/dist/components/PrimeTextarea.vue.d.ts +0 -25
- package/dist/components/PrimeToggleButton.d.vue.ts +0 -26
- package/dist/components/PrimeToggleButton.vue +0 -60
- package/dist/components/PrimeToggleButton.vue.d.ts +0 -26
- package/dist/components/PrimeToggleSwitch.d.vue.ts +0 -23
- package/dist/components/PrimeToggleSwitch.vue +0 -57
- package/dist/components/PrimeToggleSwitch.vue.d.ts +0 -23
- package/dist/components/PrimeTreeSelect.d.vue.ts +0 -32
- package/dist/components/PrimeTreeSelect.vue +0 -71
- package/dist/components/PrimeTreeSelect.vue.d.ts +0 -32
- package/dist/components/index.mjs +0 -48
- package/dist/composables/index.mjs +0 -18
- package/dist/composables/useFormKitInput.d.ts +0 -11
- package/dist/composables/useFormKitInput.js +0 -58
- package/dist/composables/useFormKitInput.mjs +0 -45
- package/dist/composables/useFormKitRepeater.d.ts +0 -15
- package/dist/composables/useFormKitRepeater.js +0 -74
- package/dist/composables/useFormKitRepeater.mjs +0 -54
- package/dist/composables/useFormKitSchema.d.ts +0 -36
- package/dist/composables/useFormKitSchema.js +0 -83
- package/dist/composables/useFormKitSchema.mjs +0 -58
- package/dist/composables/useFormKitSection.d.ts +0 -7
- package/dist/composables/useFormKitSection.js +0 -31
- package/dist/composables/useFormKitSection.mjs +0 -19
- package/dist/composables/useInputEditor.d.ts +0 -8
- package/dist/composables/useInputEditor.js +0 -148
- package/dist/composables/useInputEditor.mjs +0 -143
- package/dist/composables/useInputEditorSchema.d.ts +0 -163
- package/dist/composables/useInputEditorSchema.js +0 -313
- package/dist/composables/useInputEditorSchema.mjs +0 -315
- package/dist/composables/useOutputDuration.d.ts +0 -4
- package/dist/composables/useOutputDuration.js +0 -40
- package/dist/composables/useOutputDuration.mjs +0 -35
- package/dist/composables/usePrimeInputs.d.ts +0 -3
- package/dist/composables/usePrimeInputs.js +0 -62
- package/dist/composables/usePrimeInputs.mjs +0 -53
- package/dist/definitions/index.mjs +0 -68
- package/dist/definitions/input.d.ts +0 -47
- package/dist/definitions/input.js +0 -142
- package/dist/definitions/input.mjs +0 -135
- package/dist/definitions/output.d.ts +0 -9
- package/dist/definitions/output.js +0 -46
- package/dist/definitions/output.mjs +0 -39
- package/dist/index.mjs +0 -14
- 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;
|