@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,59 +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
|
-
|
|
6
|
-
import { computed } from 'vue'
|
|
7
|
-
import { useI18n } from 'vue-i18n'
|
|
8
|
-
import { useFormKitSection } from '../composables'
|
|
9
|
-
import FormKitIcon from './FormKitIcon.vue'
|
|
10
|
-
import FormKitPrefix from './FormKitPrefix.vue'
|
|
11
|
-
import FormKitSuffix from './FormKitSuffix.vue'
|
|
12
|
-
|
|
13
|
-
const props = defineProps({
|
|
14
|
-
context: {
|
|
15
|
-
type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
|
|
16
|
-
required: true,
|
|
17
|
-
},
|
|
18
|
-
})
|
|
19
|
-
|
|
20
|
-
const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
|
|
21
|
-
|
|
22
|
-
const { n } = useI18n()
|
|
23
|
-
|
|
24
|
-
const converted = computed(() => {
|
|
25
|
-
const value = props?.context?._value
|
|
26
|
-
if (value) {
|
|
27
|
-
let result = ''
|
|
28
|
-
const format = props?.context?.attrs?.format ? props?.context?.attrs?.format : 'short'
|
|
29
|
-
try {
|
|
30
|
-
result = n(value, format)
|
|
31
|
-
}
|
|
32
|
-
// eslint-disable-next-line unused-imports/no-unused-vars
|
|
33
|
-
catch (e) {
|
|
34
|
-
try {
|
|
35
|
-
result = n(+value, format)
|
|
36
|
-
}
|
|
37
|
-
// eslint-disable-next-line unused-imports/no-unused-vars
|
|
38
|
-
catch (e) {
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
return result
|
|
42
|
-
}
|
|
43
|
-
else {
|
|
44
|
-
return ''
|
|
45
|
-
}
|
|
46
|
-
})
|
|
47
|
-
</script>
|
|
48
|
-
|
|
49
|
-
<template>
|
|
50
|
-
<div class="p-formkit p-output-number">
|
|
51
|
-
<FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
|
|
52
|
-
<FormKitPrefix v-if="hasPrefix" :prefix="context?.prefix as string" />
|
|
53
|
-
<span :id="context?.id" :style="context?.attrs?.style" :class="context?.attrs?.class">
|
|
54
|
-
{{ converted }}
|
|
55
|
-
</span>
|
|
56
|
-
<FormKitSuffix v-if="hasSuffix" :suffix="context?.suffix as string" />
|
|
57
|
-
<FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
|
|
58
|
-
</div>
|
|
59
|
-
</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,62 +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 reference = computed(() => {
|
|
21
|
-
const value = props.context?._value ?? ''
|
|
22
|
-
let result = props.context?.reference ? `${props.context?.reference}` : 'reference-must-be-set'
|
|
23
|
-
if (!props.context?.internal && !result.includes('http'))
|
|
24
|
-
result = `https://${result}`
|
|
25
|
-
return result.replace(/\{\{.*\}\}/, value)
|
|
26
|
-
})
|
|
27
|
-
|
|
28
|
-
const title = computed(() => {
|
|
29
|
-
const value = props.context?._value ?? ''
|
|
30
|
-
const result = props.context?.title ?? value
|
|
31
|
-
return `${result}`.replace(/\{\{.*\}\}/, value)
|
|
32
|
-
})
|
|
33
|
-
</script>
|
|
34
|
-
|
|
35
|
-
<template>
|
|
36
|
-
<div class="p-formkit p-output-reference">
|
|
37
|
-
<FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
|
|
38
|
-
<FormKitPrefix v-if="hasPrefix" :prefix="context?.prefix as string" />
|
|
39
|
-
<component
|
|
40
|
-
:is="context?.linkComponentName ? context?.linkComponentName : 'RouterLink'"
|
|
41
|
-
v-if="context?.internal"
|
|
42
|
-
:style="context?.attrs?.style"
|
|
43
|
-
:class="context?.attrs?.class"
|
|
44
|
-
:to="reference"
|
|
45
|
-
v-bind="context?.attrs"
|
|
46
|
-
>
|
|
47
|
-
{{ title }}
|
|
48
|
-
</component>
|
|
49
|
-
<a
|
|
50
|
-
v-else
|
|
51
|
-
:id="context?.id"
|
|
52
|
-
:style="context?.attrs?.style"
|
|
53
|
-
:class="context?.attrs?.class"
|
|
54
|
-
:href="reference"
|
|
55
|
-
:target="context?.attrs?.target ?? '_new'"
|
|
56
|
-
>
|
|
57
|
-
{{ title }}
|
|
58
|
-
</a>
|
|
59
|
-
<FormKitSuffix v-if="hasSuffix" :suffix="context?.suffix as string" />
|
|
60
|
-
<FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
|
|
61
|
-
</div>
|
|
62
|
-
</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,22 +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 FormKitOutputTextProps {
|
|
5
|
-
html?: boolean;
|
|
6
|
-
isTranslationKey?: boolean;
|
|
7
|
-
convertValue?: (value: string) => string;
|
|
8
|
-
maxLength?: number;
|
|
9
|
-
}
|
|
10
|
-
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
11
|
-
context: {
|
|
12
|
-
type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
|
|
13
|
-
required: true;
|
|
14
|
-
};
|
|
15
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
16
|
-
context: {
|
|
17
|
-
type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
|
|
18
|
-
required: true;
|
|
19
|
-
};
|
|
20
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
21
|
-
declare const _default: typeof __VLS_export;
|
|
22
|
-
export default _default;
|
|
@@ -1,72 +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
|
-
export interface FormKitOutputTextProps {
|
|
13
|
-
html?: boolean
|
|
14
|
-
isTranslationKey?: boolean
|
|
15
|
-
convertValue?: (value: string) => string
|
|
16
|
-
maxLength?: number
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
const props = defineProps({
|
|
20
|
-
context: {
|
|
21
|
-
type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps,
|
|
22
|
-
required: true,
|
|
23
|
-
},
|
|
24
|
-
})
|
|
25
|
-
|
|
26
|
-
const textValue = computed(() => {
|
|
27
|
-
const value = props.context?._value
|
|
28
|
-
const { t } = useI18n()
|
|
29
|
-
let result = ''
|
|
30
|
-
if (value) {
|
|
31
|
-
if (props.context?.isTranslationKey) {
|
|
32
|
-
result = t(value)
|
|
33
|
-
}
|
|
34
|
-
else if (typeof props.context?.convertValue === 'function') {
|
|
35
|
-
result = props.context?.convertValue(value)
|
|
36
|
-
}
|
|
37
|
-
else {
|
|
38
|
-
result = value
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
// Apply maxLength truncation if specified
|
|
43
|
-
const maxLength = props.context?.maxLength as number | undefined
|
|
44
|
-
if (result && maxLength && !props.context?.html && result.length > maxLength) {
|
|
45
|
-
// Try to truncate at word boundary
|
|
46
|
-
let truncated = result.substring(0, maxLength)
|
|
47
|
-
const lastSpaceIndex = truncated.lastIndexOf(' ')
|
|
48
|
-
|
|
49
|
-
// Only truncate at word boundary if there's a space, and it's not too far back
|
|
50
|
-
// (at least 80% of maxLength to avoid cutting too much)
|
|
51
|
-
if (lastSpaceIndex > maxLength * 0.8) {
|
|
52
|
-
truncated = truncated.substring(0, lastSpaceIndex)
|
|
53
|
-
}
|
|
54
|
-
result = `${truncated}...`
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
return result
|
|
58
|
-
})
|
|
59
|
-
|
|
60
|
-
const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
|
|
61
|
-
</script>
|
|
62
|
-
|
|
63
|
-
<template>
|
|
64
|
-
<div class="p-formkit p-output-text">
|
|
65
|
-
<FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
|
|
66
|
-
<FormKitPrefix v-if="hasPrefix" :prefix="context?.prefix as string" />
|
|
67
|
-
<span v-if="context?.html" :id="context?.id" :class="context?.attrs?.class" :style="context?.attrs?.style" v-html="textValue" />
|
|
68
|
-
<span v-else :id="context?.id" :class="context?.attrs?.class" :style="context?.attrs?.style" v-text="textValue" />
|
|
69
|
-
<FormKitSuffix v-if="hasSuffix" :suffix="context?.suffix as string" />
|
|
70
|
-
<FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
|
|
71
|
-
</div>
|
|
72
|
-
</template>
|
|
@@ -1,22 +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 FormKitOutputTextProps {
|
|
5
|
-
html?: boolean;
|
|
6
|
-
isTranslationKey?: boolean;
|
|
7
|
-
convertValue?: (value: string) => string;
|
|
8
|
-
maxLength?: number;
|
|
9
|
-
}
|
|
10
|
-
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
11
|
-
context: {
|
|
12
|
-
type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
|
|
13
|
-
required: true;
|
|
14
|
-
};
|
|
15
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
16
|
-
context: {
|
|
17
|
-
type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
|
|
18
|
-
required: true;
|
|
19
|
-
};
|
|
20
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
21
|
-
declare const _default: typeof __VLS_export;
|
|
22
|
-
export default _default;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
-
import type { PasswordProps } from 'primevue/password';
|
|
3
|
-
import type { PropType } from 'vue';
|
|
4
|
-
export interface FormKitPrimePasswordProps {
|
|
5
|
-
mediumRegex?: PasswordProps['mediumRegex'];
|
|
6
|
-
strongRegex?: PasswordProps['strongRegex'];
|
|
7
|
-
promptLabel?: PasswordProps['promptLabel'];
|
|
8
|
-
weakLabel?: PasswordProps['weakLabel'];
|
|
9
|
-
mediumLabel?: PasswordProps['mediumLabel'];
|
|
10
|
-
strongLabel?: PasswordProps['strongLabel'];
|
|
11
|
-
maskIcon?: PasswordProps['maskIcon'];
|
|
12
|
-
unmaskIcon?: PasswordProps['unmaskIcon'];
|
|
13
|
-
pt?: PasswordProps['pt'];
|
|
14
|
-
ptOptions?: PasswordProps['ptOptions'];
|
|
15
|
-
unstyled?: PasswordProps['unstyled'];
|
|
16
|
-
placeholder?: PasswordProps['placeholder'];
|
|
17
|
-
feedback?: PasswordProps['feedback'];
|
|
18
|
-
toggleMask?: PasswordProps['toggleMask'];
|
|
19
|
-
size?: PasswordProps['size'];
|
|
20
|
-
}
|
|
21
|
-
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
22
|
-
context: {
|
|
23
|
-
type: PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>;
|
|
24
|
-
required: true;
|
|
25
|
-
};
|
|
26
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
27
|
-
context: {
|
|
28
|
-
type: PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>;
|
|
29
|
-
required: true;
|
|
30
|
-
};
|
|
31
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
32
|
-
declare const _default: typeof __VLS_export;
|
|
33
|
-
export default _default;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
<script setup lang='ts'>
|
|
2
|
-
import type { FormKitFrameworkContext } from '@formkit/core'
|
|
3
|
-
import type { PasswordProps } from 'primevue/password'
|
|
4
|
-
|
|
5
|
-
import type { PropType } from 'vue'
|
|
6
|
-
import { useFormKitInput } from '../composables'
|
|
7
|
-
|
|
8
|
-
export interface FormKitPrimePasswordProps {
|
|
9
|
-
mediumRegex?: PasswordProps['mediumRegex']
|
|
10
|
-
strongRegex?: PasswordProps['strongRegex']
|
|
11
|
-
promptLabel?: PasswordProps['promptLabel']
|
|
12
|
-
weakLabel?: PasswordProps['weakLabel']
|
|
13
|
-
mediumLabel?: PasswordProps['mediumLabel']
|
|
14
|
-
strongLabel?: PasswordProps['strongLabel']
|
|
15
|
-
maskIcon?: PasswordProps['maskIcon']
|
|
16
|
-
unmaskIcon?: PasswordProps['unmaskIcon']
|
|
17
|
-
pt?: PasswordProps['pt']
|
|
18
|
-
ptOptions?: PasswordProps['ptOptions']
|
|
19
|
-
unstyled?: PasswordProps['unstyled']
|
|
20
|
-
placeholder?: PasswordProps['placeholder']
|
|
21
|
-
feedback?: PasswordProps['feedback']
|
|
22
|
-
toggleMask?: PasswordProps['toggleMask']
|
|
23
|
-
size?: PasswordProps['size']
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
const props = defineProps({
|
|
27
|
-
context: {
|
|
28
|
-
type: Object as PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>,
|
|
29
|
-
required: true,
|
|
30
|
-
},
|
|
31
|
-
})
|
|
32
|
-
|
|
33
|
-
const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
|
|
34
|
-
</script>
|
|
35
|
-
|
|
36
|
-
<template>
|
|
37
|
-
<div class="p-formkit">
|
|
38
|
-
<Password
|
|
39
|
-
v-model="modelValue"
|
|
40
|
-
v-bind="context?.attrs"
|
|
41
|
-
:input-id="context.id"
|
|
42
|
-
:disabled="!!context?.disabled"
|
|
43
|
-
:readonly="context?.attrs.readonly ?? false"
|
|
44
|
-
:input-style="context?.attrs.style"
|
|
45
|
-
:input-class="context?.attrs?.class"
|
|
46
|
-
:invalid="isInvalid"
|
|
47
|
-
:tabindex="context?.attrs.tabindex"
|
|
48
|
-
:aria-label="context?.attrs.ariaLabel"
|
|
49
|
-
:aria-labelledby="context?.attrs.ariaLabelledby"
|
|
50
|
-
:size="context?.size ?? undefined"
|
|
51
|
-
:placeholder="context.placeholder"
|
|
52
|
-
:medium-regex="context.mediumRegex ?? '^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})'"
|
|
53
|
-
:strong-regex="context.strongRegex ?? '^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})'"
|
|
54
|
-
:prompt-label="context.promptLabel"
|
|
55
|
-
:weak-label="context.weakLabel"
|
|
56
|
-
:medium-label="context.mediumLabel"
|
|
57
|
-
:strong-label="context.strongLabel"
|
|
58
|
-
:mask-icon="context.maskIcon"
|
|
59
|
-
:unmask-icon="context.unmaskIcon"
|
|
60
|
-
:feedback="context.feedback ?? false"
|
|
61
|
-
:toggle-mask="context.toggleMask ?? false"
|
|
62
|
-
:pt="context.pt"
|
|
63
|
-
:pt-options="context.ptOptions"
|
|
64
|
-
:unstyled="unstyled"
|
|
65
|
-
@input="handleInput"
|
|
66
|
-
@blur="handleBlur"
|
|
67
|
-
>
|
|
68
|
-
<template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
|
|
69
|
-
<component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
|
|
70
|
-
</template>
|
|
71
|
-
</Password>
|
|
72
|
-
</div>
|
|
73
|
-
</template>
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
-
import type { PasswordProps } from 'primevue/password';
|
|
3
|
-
import type { PropType } from 'vue';
|
|
4
|
-
export interface FormKitPrimePasswordProps {
|
|
5
|
-
mediumRegex?: PasswordProps['mediumRegex'];
|
|
6
|
-
strongRegex?: PasswordProps['strongRegex'];
|
|
7
|
-
promptLabel?: PasswordProps['promptLabel'];
|
|
8
|
-
weakLabel?: PasswordProps['weakLabel'];
|
|
9
|
-
mediumLabel?: PasswordProps['mediumLabel'];
|
|
10
|
-
strongLabel?: PasswordProps['strongLabel'];
|
|
11
|
-
maskIcon?: PasswordProps['maskIcon'];
|
|
12
|
-
unmaskIcon?: PasswordProps['unmaskIcon'];
|
|
13
|
-
pt?: PasswordProps['pt'];
|
|
14
|
-
ptOptions?: PasswordProps['ptOptions'];
|
|
15
|
-
unstyled?: PasswordProps['unstyled'];
|
|
16
|
-
placeholder?: PasswordProps['placeholder'];
|
|
17
|
-
feedback?: PasswordProps['feedback'];
|
|
18
|
-
toggleMask?: PasswordProps['toggleMask'];
|
|
19
|
-
size?: PasswordProps['size'];
|
|
20
|
-
}
|
|
21
|
-
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
22
|
-
context: {
|
|
23
|
-
type: PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>;
|
|
24
|
-
required: true;
|
|
25
|
-
};
|
|
26
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
27
|
-
context: {
|
|
28
|
-
type: PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>;
|
|
29
|
-
required: true;
|
|
30
|
-
};
|
|
31
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
32
|
-
declare const _default: typeof __VLS_export;
|
|
33
|
-
export default _default;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
-
import type { RadioButtonProps } from 'primevue/radiobutton';
|
|
3
|
-
import type { PropType } from 'vue';
|
|
4
|
-
export interface FormKitPrimeRadioButtonProps {
|
|
5
|
-
pt?: RadioButtonProps['pt'];
|
|
6
|
-
ptOptions?: RadioButtonProps['ptOptions'];
|
|
7
|
-
unstyled?: RadioButtonProps['unstyled'];
|
|
8
|
-
size?: RadioButtonProps['size'];
|
|
9
|
-
options?: {
|
|
10
|
-
label: string;
|
|
11
|
-
value: any;
|
|
12
|
-
}[];
|
|
13
|
-
optionsClass?: string;
|
|
14
|
-
optionClass?: string;
|
|
15
|
-
}
|
|
16
|
-
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
17
|
-
context: {
|
|
18
|
-
type: PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>;
|
|
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 & FormKitPrimeRadioButtonProps>;
|
|
24
|
-
required: true;
|
|
25
|
-
};
|
|
26
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
27
|
-
declare const _default: typeof __VLS_export;
|
|
28
|
-
export default _default;
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
<script setup lang='ts'>
|
|
2
|
-
import type { FormKitFrameworkContext } from '@formkit/core'
|
|
3
|
-
import type { RadioButtonProps } from 'primevue/radiobutton'
|
|
4
|
-
|
|
5
|
-
import type { PropType } from 'vue'
|
|
6
|
-
import { computed } from 'vue'
|
|
7
|
-
import { useFormKitInput } from '../composables'
|
|
8
|
-
|
|
9
|
-
export interface FormKitPrimeRadioButtonProps {
|
|
10
|
-
pt?: RadioButtonProps['pt']
|
|
11
|
-
ptOptions?: RadioButtonProps['ptOptions']
|
|
12
|
-
unstyled?: RadioButtonProps['unstyled']
|
|
13
|
-
size?: RadioButtonProps['size']
|
|
14
|
-
options?: { label: string, value: any }[]
|
|
15
|
-
optionsClass?: string
|
|
16
|
-
optionClass?: string
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
const props = defineProps({
|
|
20
|
-
context: {
|
|
21
|
-
type: Object as PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>,
|
|
22
|
-
required: true,
|
|
23
|
-
},
|
|
24
|
-
})
|
|
25
|
-
|
|
26
|
-
const { unstyled, isInvalid, handleChange, handleBlur, modelValue } = useFormKitInput(props.context)
|
|
27
|
-
|
|
28
|
-
const optionsClass = computed(() => props.context?.optionsClass ?? '')
|
|
29
|
-
const optionClass = computed(() => props.context?.optionClass ?? '')
|
|
30
|
-
const labelClass = computed(() => props.context?.labelClass ?? '')
|
|
31
|
-
</script>
|
|
32
|
-
|
|
33
|
-
<template>
|
|
34
|
-
<div class="p-formkit p-formkit-options" :class="optionsClass">
|
|
35
|
-
<div v-for="option in context.options" :key="option.value" class="p-formkit-option" :class="optionClass">
|
|
36
|
-
<RadioButton
|
|
37
|
-
:id="context.id"
|
|
38
|
-
v-model="modelValue"
|
|
39
|
-
v-bind="context?.attrs"
|
|
40
|
-
:disabled="!!context?.disabled"
|
|
41
|
-
:readonly="context?.attrs.readonly ?? false"
|
|
42
|
-
:name="context?.attrs.name"
|
|
43
|
-
:value="option.value"
|
|
44
|
-
:input-style="context?.attrs.style"
|
|
45
|
-
:input-class="context?.attrs?.class"
|
|
46
|
-
:invalid="isInvalid"
|
|
47
|
-
:size="context?.size ?? undefined"
|
|
48
|
-
:pt="context.pt"
|
|
49
|
-
:pt-options="context.ptOptions"
|
|
50
|
-
:unstyled="unstyled"
|
|
51
|
-
@click="handleChange"
|
|
52
|
-
@change="handleChange"
|
|
53
|
-
@blur="handleBlur"
|
|
54
|
-
/>
|
|
55
|
-
<label :for="option.value" :class="labelClass">{{ option.label }}</label>
|
|
56
|
-
</div>
|
|
57
|
-
</div>
|
|
58
|
-
</template>
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
-
import type { RadioButtonProps } from 'primevue/radiobutton';
|
|
3
|
-
import type { PropType } from 'vue';
|
|
4
|
-
export interface FormKitPrimeRadioButtonProps {
|
|
5
|
-
pt?: RadioButtonProps['pt'];
|
|
6
|
-
ptOptions?: RadioButtonProps['ptOptions'];
|
|
7
|
-
unstyled?: RadioButtonProps['unstyled'];
|
|
8
|
-
size?: RadioButtonProps['size'];
|
|
9
|
-
options?: {
|
|
10
|
-
label: string;
|
|
11
|
-
value: any;
|
|
12
|
-
}[];
|
|
13
|
-
optionsClass?: string;
|
|
14
|
-
optionClass?: string;
|
|
15
|
-
}
|
|
16
|
-
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
17
|
-
context: {
|
|
18
|
-
type: PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>;
|
|
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 & FormKitPrimeRadioButtonProps>;
|
|
24
|
-
required: true;
|
|
25
|
-
};
|
|
26
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
27
|
-
declare const _default: typeof __VLS_export;
|
|
28
|
-
export default _default;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
-
import type { RatingProps } from 'primevue/rating';
|
|
3
|
-
import type { PropType } from 'vue';
|
|
4
|
-
export interface FormKitPrimeRatingProps {
|
|
5
|
-
unstyled?: RatingProps['unstyled'];
|
|
6
|
-
stars?: RatingProps['stars'];
|
|
7
|
-
onIcon?: RatingProps['onIcon'];
|
|
8
|
-
offIcon?: RatingProps['offIcon'];
|
|
9
|
-
ptOptions?: RatingProps['ptOptions'];
|
|
10
|
-
pt?: RatingProps['pt'];
|
|
11
|
-
}
|
|
12
|
-
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
13
|
-
context: {
|
|
14
|
-
type: PropType<FormKitFrameworkContext & FormKitPrimeRatingProps>;
|
|
15
|
-
required: true;
|
|
16
|
-
};
|
|
17
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
18
|
-
context: {
|
|
19
|
-
type: PropType<FormKitFrameworkContext & FormKitPrimeRatingProps>;
|
|
20
|
-
required: true;
|
|
21
|
-
};
|
|
22
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
-
declare const _default: typeof __VLS_export;
|
|
24
|
-
export default _default;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
<script setup lang='ts'>
|
|
2
|
-
import type { FormKitFrameworkContext } from '@formkit/core'
|
|
3
|
-
import type { RatingProps } from 'primevue/rating'
|
|
4
|
-
|
|
5
|
-
import type { PropType } from 'vue'
|
|
6
|
-
import { useFormKitInput } from '../composables'
|
|
7
|
-
|
|
8
|
-
export interface FormKitPrimeRatingProps {
|
|
9
|
-
unstyled?: RatingProps['unstyled']
|
|
10
|
-
stars?: RatingProps['stars']
|
|
11
|
-
onIcon?: RatingProps['onIcon']
|
|
12
|
-
offIcon?: RatingProps['offIcon']
|
|
13
|
-
ptOptions?: RatingProps['ptOptions']
|
|
14
|
-
pt?: RatingProps['pt']
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
const props = defineProps({
|
|
18
|
-
context: {
|
|
19
|
-
type: Object as PropType<FormKitFrameworkContext & FormKitPrimeRatingProps>,
|
|
20
|
-
required: true,
|
|
21
|
-
},
|
|
22
|
-
})
|
|
23
|
-
|
|
24
|
-
const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
|
|
25
|
-
</script>
|
|
26
|
-
|
|
27
|
-
<template>
|
|
28
|
-
<div class="p-formkit">
|
|
29
|
-
<Rating
|
|
30
|
-
:id="context.id"
|
|
31
|
-
v-model="modelValue"
|
|
32
|
-
v-bind="context?.attrs"
|
|
33
|
-
:disabled="!!context?.disabled"
|
|
34
|
-
:readonly="context?.attrs.readonly ?? false"
|
|
35
|
-
:style="context?.attrs.style"
|
|
36
|
-
:class="context?.attrs?.class"
|
|
37
|
-
:invalid="isInvalid"
|
|
38
|
-
:tabindex="context?.attrs.tabindex"
|
|
39
|
-
:aria-label="context?.attrs.ariaLabel"
|
|
40
|
-
:aria-labelledby="context?.attrs.ariaLabelledby"
|
|
41
|
-
:stars="context.stars ?? 5"
|
|
42
|
-
:on-icon="context.onIcon"
|
|
43
|
-
:off-icon="context.offIcon"
|
|
44
|
-
:pt="context.pt"
|
|
45
|
-
:pt-options="context.ptOptions"
|
|
46
|
-
:unstyled="unstyled"
|
|
47
|
-
@change="handleInput"
|
|
48
|
-
@blur="handleBlur"
|
|
49
|
-
>
|
|
50
|
-
<template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
|
|
51
|
-
<component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
|
|
52
|
-
</template>
|
|
53
|
-
</Rating>
|
|
54
|
-
</div>
|
|
55
|
-
</template>
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { FormKitFrameworkContext } from '@formkit/core';
|
|
2
|
-
import type { RatingProps } from 'primevue/rating';
|
|
3
|
-
import type { PropType } from 'vue';
|
|
4
|
-
export interface FormKitPrimeRatingProps {
|
|
5
|
-
unstyled?: RatingProps['unstyled'];
|
|
6
|
-
stars?: RatingProps['stars'];
|
|
7
|
-
onIcon?: RatingProps['onIcon'];
|
|
8
|
-
offIcon?: RatingProps['offIcon'];
|
|
9
|
-
ptOptions?: RatingProps['ptOptions'];
|
|
10
|
-
pt?: RatingProps['pt'];
|
|
11
|
-
}
|
|
12
|
-
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
13
|
-
context: {
|
|
14
|
-
type: PropType<FormKitFrameworkContext & FormKitPrimeRatingProps>;
|
|
15
|
-
required: true;
|
|
16
|
-
};
|
|
17
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
18
|
-
context: {
|
|
19
|
-
type: PropType<FormKitFrameworkContext & FormKitPrimeRatingProps>;
|
|
20
|
-
required: true;
|
|
21
|
-
};
|
|
22
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
-
declare const _default: typeof __VLS_export;
|
|
24
|
-
export default _default;
|