@sfxcode/formkit-primevue 3.2.6 → 3.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/FormKitDataEdit.d.vue.ts +184 -0
- package/dist/components/FormKitDataEdit.vue +52 -33
- package/dist/components/FormKitDataEdit.vue.d.ts +184 -0
- package/dist/components/FormKitDataView.d.vue.ts +77 -0
- package/dist/components/FormKitDataView.vue +34 -17
- package/dist/components/FormKitDataView.vue.d.ts +77 -0
- package/dist/components/FormKitIcon.d.vue.ts +39 -0
- package/dist/components/FormKitIcon.vue +13 -6
- package/dist/components/FormKitIcon.vue.d.ts +39 -0
- package/dist/components/FormKitPrefix.d.vue.ts +7 -0
- package/dist/components/FormKitPrefix.vue +3 -3
- package/dist/components/FormKitPrefix.vue.d.ts +7 -0
- package/dist/components/FormKitSuffix.d.vue.ts +7 -0
- package/dist/components/FormKitSuffix.vue +3 -3
- package/dist/components/FormKitSuffix.vue.d.ts +7 -0
- package/dist/components/PrimeAutoComplete.d.vue.ts +31 -0
- package/dist/components/PrimeAutoComplete.vue +98 -47
- package/dist/components/PrimeAutoComplete.vue.d.ts +31 -0
- package/dist/components/PrimeCascadeSelect.d.vue.ts +28 -0
- package/dist/components/PrimeCascadeSelect.vue +26 -7
- package/dist/components/PrimeCascadeSelect.vue.d.ts +28 -0
- package/dist/components/PrimeCheckbox.d.vue.ts +27 -0
- package/dist/components/PrimeCheckbox.vue +29 -9
- package/dist/components/PrimeCheckbox.vue.d.ts +27 -0
- package/dist/components/PrimeColorPicker.d.vue.ts +24 -0
- package/dist/components/PrimeColorPicker.vue +22 -7
- package/dist/components/PrimeColorPicker.vue.d.ts +24 -0
- package/dist/components/PrimeDatePicker.d.vue.ts +63 -0
- package/dist/components/PrimeDatePicker.vue +73 -15
- package/dist/components/PrimeDatePicker.vue.d.ts +63 -0
- package/dist/components/PrimeInputMask.d.vue.ts +28 -0
- package/dist/components/PrimeInputMask.vue +29 -10
- package/dist/components/PrimeInputMask.vue.d.ts +28 -0
- package/dist/components/PrimeInputNumber.d.vue.ts +36 -0
- package/dist/components/PrimeInputNumber.vue +56 -22
- package/dist/components/PrimeInputNumber.vue.d.ts +36 -0
- package/dist/components/PrimeInputOtp.d.vue.ts +26 -0
- package/dist/components/PrimeInputOtp.vue +24 -7
- package/dist/components/PrimeInputOtp.vue.d.ts +26 -0
- package/dist/components/PrimeInputText.d.vue.ts +24 -0
- package/dist/components/PrimeInputText.vue +25 -10
- package/dist/components/PrimeInputText.vue.d.ts +24 -0
- package/dist/components/PrimeKnob.d.vue.ts +31 -0
- package/dist/components/PrimeKnob.vue +37 -12
- package/dist/components/PrimeKnob.vue.d.ts +31 -0
- package/dist/components/PrimeListbox.d.vue.ts +42 -0
- package/dist/components/PrimeListbox.vue +39 -7
- package/dist/components/PrimeListbox.vue.d.ts +42 -0
- package/dist/components/PrimeMultiSelect.d.vue.ts +53 -0
- package/dist/components/PrimeMultiSelect.vue +52 -7
- package/dist/components/PrimeMultiSelect.vue.d.ts +53 -0
- package/dist/components/PrimeOutputBoolean.d.vue.ts +16 -0
- package/dist/components/PrimeOutputBoolean.vue +23 -16
- package/dist/components/PrimeOutputBoolean.vue.d.ts +16 -0
- package/dist/components/PrimeOutputDate.d.vue.ts +16 -0
- package/dist/components/PrimeOutputDate.vue +31 -21
- package/dist/components/PrimeOutputDate.vue.d.ts +16 -0
- package/dist/components/PrimeOutputDuration.d.vue.ts +16 -0
- package/dist/components/PrimeOutputDuration.vue +17 -11
- package/dist/components/PrimeOutputDuration.vue.d.ts +16 -0
- package/dist/components/PrimeOutputLink.d.vue.ts +16 -0
- package/dist/components/PrimeOutputLink.vue +24 -17
- package/dist/components/PrimeOutputLink.vue.d.ts +16 -0
- package/dist/components/PrimeOutputList.d.vue.ts +19 -0
- package/dist/components/PrimeOutputList.vue +29 -18
- package/dist/components/PrimeOutputList.vue.d.ts +19 -0
- package/dist/components/PrimeOutputNumber.d.vue.ts +16 -0
- package/dist/components/PrimeOutputNumber.vue +37 -24
- package/dist/components/PrimeOutputNumber.vue.d.ts +16 -0
- package/dist/components/PrimeOutputReference.d.vue.ts +16 -0
- package/dist/components/PrimeOutputReference.vue +28 -21
- package/dist/components/PrimeOutputReference.vue.d.ts +16 -0
- package/dist/components/PrimeOutputText.d.vue.ts +21 -0
- package/dist/components/PrimeOutputText.vue +37 -22
- package/dist/components/PrimeOutputText.vue.d.ts +21 -0
- package/dist/components/PrimePassword.d.vue.ts +33 -0
- package/dist/components/PrimePassword.vue +31 -7
- package/dist/components/PrimePassword.vue.d.ts +33 -0
- package/dist/components/PrimeRadioButton.d.vue.ts +28 -0
- package/dist/components/PrimeRadioButton.vue +23 -7
- package/dist/components/PrimeRadioButton.vue.d.ts +28 -0
- package/dist/components/PrimeRating.d.vue.ts +24 -0
- package/dist/components/PrimeRating.vue +22 -7
- package/dist/components/PrimeRating.vue.d.ts +24 -0
- package/dist/components/PrimeSelect.d.vue.ts +50 -0
- package/dist/components/PrimeSelect.vue +49 -7
- package/dist/components/PrimeSelect.vue.d.ts +50 -0
- package/dist/components/PrimeSelectButton.d.vue.ts +28 -0
- package/dist/components/PrimeSelectButton.vue +27 -7
- package/dist/components/PrimeSelectButton.vue.d.ts +28 -0
- package/dist/components/PrimeSlider.d.vue.ts +26 -0
- package/dist/components/PrimeSlider.vue +28 -10
- package/dist/components/PrimeSlider.vue.d.ts +26 -0
- package/dist/components/PrimeTextarea.d.vue.ts +25 -0
- package/dist/components/PrimeTextarea.vue +23 -7
- package/dist/components/PrimeTextarea.vue.d.ts +25 -0
- package/dist/components/PrimeToggleButton.d.vue.ts +26 -0
- package/dist/components/PrimeToggleButton.vue +25 -7
- package/dist/components/PrimeToggleButton.vue.d.ts +26 -0
- package/dist/components/PrimeToggleSwitch.d.vue.ts +23 -0
- package/dist/components/PrimeToggleSwitch.vue +23 -8
- package/dist/components/PrimeToggleSwitch.vue.d.ts +23 -0
- package/dist/components/PrimeTreeSelect.d.vue.ts +32 -0
- package/dist/components/PrimeTreeSelect.vue +30 -7
- package/dist/components/PrimeTreeSelect.vue.d.ts +32 -0
- package/dist/components/index.d.ts +1 -2
- package/dist/components/index.js +0 -7
- package/dist/components/index.mjs +0 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +0 -6
- package/dist/index.mjs +1 -2
- package/package.json +1 -1
- package/dist/components/FormKitDebug.vue +0 -20
|
@@ -0,0 +1,16 @@
|
|
|
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;
|
|
@@ -0,0 +1,16 @@
|
|
|
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,31 +1,41 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
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
|
+
|
|
8
12
|
const props = defineProps({
|
|
9
13
|
context: {
|
|
10
|
-
type: Object,
|
|
11
|
-
required: true
|
|
12
|
-
}
|
|
13
|
-
})
|
|
14
|
-
|
|
15
|
-
const {
|
|
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
|
+
|
|
16
23
|
const converted = computed(() => {
|
|
17
24
|
if (props?.context?._value) {
|
|
18
|
-
let result =
|
|
19
|
-
const format = props?.context?.attrs?.value?.format ? props?.context?.attrs.value.format :
|
|
25
|
+
let result = ''
|
|
26
|
+
const format = props?.context?.attrs?.value?.format ? props?.context?.attrs.value.format : 'short'
|
|
20
27
|
try {
|
|
21
|
-
result = d(props?.context?._value, format)
|
|
22
|
-
}
|
|
28
|
+
result = d(props?.context?._value, format)
|
|
29
|
+
}
|
|
30
|
+
// eslint-disable-next-line unused-imports/no-unused-vars
|
|
31
|
+
catch (e) {
|
|
23
32
|
}
|
|
24
|
-
return result
|
|
25
|
-
}
|
|
26
|
-
|
|
33
|
+
return result
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
return ''
|
|
27
37
|
}
|
|
28
|
-
})
|
|
38
|
+
})
|
|
29
39
|
</script>
|
|
30
40
|
|
|
31
41
|
<template>
|
|
@@ -0,0 +1,16 @@
|
|
|
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;
|
|
@@ -0,0 +1,16 @@
|
|
|
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 +1,22 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
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
|
+
|
|
6
10
|
const props = defineProps({
|
|
7
11
|
context: {
|
|
8
|
-
type: Object,
|
|
9
|
-
required: true
|
|
10
|
-
}
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
const {
|
|
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()
|
|
14
20
|
</script>
|
|
15
21
|
|
|
16
22
|
<template>
|
|
@@ -0,0 +1,16 @@
|
|
|
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;
|
|
@@ -0,0 +1,16 @@
|
|
|
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,26 +1,33 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
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
|
+
|
|
7
11
|
const props = defineProps({
|
|
8
12
|
context: {
|
|
9
|
-
type: Object,
|
|
10
|
-
required: true
|
|
11
|
-
}
|
|
12
|
-
})
|
|
13
|
-
|
|
13
|
+
type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
|
|
14
|
+
required: true,
|
|
15
|
+
},
|
|
16
|
+
})
|
|
17
|
+
|
|
18
|
+
const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
|
|
19
|
+
|
|
14
20
|
const url = computed(() => {
|
|
15
21
|
if (props.context?._value)
|
|
16
|
-
return props.context?._value.indexOf(
|
|
22
|
+
return props.context?._value.indexOf('http') > -1 ? props.context?._value : `https://${props.context?._value}`
|
|
17
23
|
else
|
|
18
|
-
return
|
|
19
|
-
})
|
|
24
|
+
return ''
|
|
25
|
+
})
|
|
26
|
+
|
|
20
27
|
const title = computed(() => {
|
|
21
|
-
const value = props.context?._value ??
|
|
22
|
-
return props.context?.title ?? value
|
|
23
|
-
})
|
|
28
|
+
const value = props.context?._value ?? ''
|
|
29
|
+
return props.context?.title ?? value
|
|
30
|
+
})
|
|
24
31
|
</script>
|
|
25
32
|
|
|
26
33
|
<template>
|
|
@@ -0,0 +1,16 @@
|
|
|
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;
|
|
@@ -0,0 +1,19 @@
|
|
|
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,26 +1,37 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
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
|
+
|
|
7
15
|
const props = defineProps({
|
|
8
16
|
context: {
|
|
9
|
-
type: Object,
|
|
10
|
-
required: true
|
|
11
|
-
}
|
|
12
|
-
})
|
|
17
|
+
type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps,
|
|
18
|
+
required: true,
|
|
19
|
+
},
|
|
20
|
+
})
|
|
21
|
+
|
|
13
22
|
const listStyle = computed(() => {
|
|
14
|
-
return props.context?.listStyle ||
|
|
15
|
-
})
|
|
16
|
-
|
|
23
|
+
return props.context?.listStyle || 'span'
|
|
24
|
+
})
|
|
25
|
+
|
|
26
|
+
const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
|
|
27
|
+
|
|
17
28
|
const getListValues = computed(() => {
|
|
18
|
-
const values = Array.isArray(props.context?._value) ? props.context._value : []
|
|
19
|
-
if (typeof props.context?.convertValue ===
|
|
20
|
-
return props.context.convertValue([...values])
|
|
29
|
+
const values = Array.isArray(props.context?._value) ? props.context._value : []
|
|
30
|
+
if (typeof props.context?.convertValue === 'function') {
|
|
31
|
+
return props.context.convertValue([...values])
|
|
21
32
|
}
|
|
22
|
-
return values
|
|
23
|
-
})
|
|
33
|
+
return values
|
|
34
|
+
})
|
|
24
35
|
</script>
|
|
25
36
|
|
|
26
37
|
<template>
|
|
@@ -0,0 +1,19 @@
|
|
|
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;
|
|
@@ -0,0 +1,16 @@
|
|
|
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,36 +1,49 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
import
|
|
7
|
-
import
|
|
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
|
+
|
|
8
13
|
const props = defineProps({
|
|
9
14
|
context: {
|
|
10
|
-
type: Object,
|
|
11
|
-
required: true
|
|
12
|
-
}
|
|
13
|
-
})
|
|
14
|
-
|
|
15
|
-
const {
|
|
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
|
+
|
|
16
24
|
const converted = computed(() => {
|
|
17
|
-
const value = props?.context?._value
|
|
25
|
+
const value = props?.context?._value
|
|
18
26
|
if (value) {
|
|
19
|
-
let result =
|
|
20
|
-
const format = props?.context?.attrs?.format ? props?.context?.attrs?.format :
|
|
27
|
+
let result = ''
|
|
28
|
+
const format = props?.context?.attrs?.format ? props?.context?.attrs?.format : 'short'
|
|
21
29
|
try {
|
|
22
|
-
result = n(value, format)
|
|
23
|
-
}
|
|
30
|
+
result = n(value, format)
|
|
31
|
+
}
|
|
32
|
+
// eslint-disable-next-line unused-imports/no-unused-vars
|
|
33
|
+
catch (e) {
|
|
24
34
|
try {
|
|
25
|
-
result = n(+value, format)
|
|
26
|
-
}
|
|
35
|
+
result = n(+value, format)
|
|
36
|
+
}
|
|
37
|
+
// eslint-disable-next-line unused-imports/no-unused-vars
|
|
38
|
+
catch (e) {
|
|
27
39
|
}
|
|
28
40
|
}
|
|
29
|
-
return result
|
|
30
|
-
}
|
|
31
|
-
|
|
41
|
+
return result
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
return ''
|
|
32
45
|
}
|
|
33
|
-
})
|
|
46
|
+
})
|
|
34
47
|
</script>
|
|
35
48
|
|
|
36
49
|
<template>
|
|
@@ -0,0 +1,16 @@
|
|
|
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;
|
|
@@ -0,0 +1,16 @@
|
|
|
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,28 +1,35 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
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
|
+
|
|
7
11
|
const props = defineProps({
|
|
8
12
|
context: {
|
|
9
|
-
type: Object,
|
|
10
|
-
required: true
|
|
11
|
-
}
|
|
12
|
-
})
|
|
13
|
-
|
|
13
|
+
type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
|
|
14
|
+
required: true,
|
|
15
|
+
},
|
|
16
|
+
})
|
|
17
|
+
|
|
18
|
+
const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
|
|
19
|
+
|
|
14
20
|
const reference = computed(() => {
|
|
15
|
-
const value = props.context?._value ??
|
|
16
|
-
let result = props.context?.reference ? `${props.context?.reference}` :
|
|
17
|
-
if (!props.context?.internal && !result.includes(
|
|
18
|
-
result = `https://${result}
|
|
19
|
-
return result.replace(/\{\{.*\}\}/, value)
|
|
20
|
-
})
|
|
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
|
+
|
|
21
28
|
const title = computed(() => {
|
|
22
|
-
const value = props.context?._value ??
|
|
23
|
-
const result = props.context?.title ?? value
|
|
24
|
-
return `${result}`.replace(/\{\{.*\}\}/, value)
|
|
25
|
-
})
|
|
29
|
+
const value = props.context?._value ?? ''
|
|
30
|
+
const result = props.context?.title ?? value
|
|
31
|
+
return `${result}`.replace(/\{\{.*\}\}/, value)
|
|
32
|
+
})
|
|
26
33
|
</script>
|
|
27
34
|
|
|
28
35
|
<template>
|
|
@@ -0,0 +1,16 @@
|
|
|
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;
|
|
@@ -0,0 +1,21 @@
|
|
|
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
|
+
}
|
|
9
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
10
|
+
context: {
|
|
11
|
+
type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
15
|
+
context: {
|
|
16
|
+
type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
|
|
17
|
+
required: true;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|