@sfxcode/formkit-primevue 3.0.2 → 3.0.3
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/PrimeOutputList.vue +17 -5
- package/dist/definitions/input.js +44 -22
- package/dist/definitions/input.mjs +44 -22
- package/dist/definitions/output.js +12 -6
- package/dist/definitions/output.mjs +12 -6
- package/dist/plugins/index.js +1 -1
- package/dist/plugins/index.mjs +1 -1
- package/package.json +6 -6
|
@@ -8,9 +8,13 @@ import FormKitIcon from './FormKitIcon.vue'
|
|
|
8
8
|
import FormKitPrefix from './FormKitPrefix.vue'
|
|
9
9
|
import FormKitSuffix from './FormKitSuffix.vue'
|
|
10
10
|
|
|
11
|
+
export interface PrimeOutputListProps {
|
|
12
|
+
convertValue?: (array: []) => []
|
|
13
|
+
}
|
|
14
|
+
|
|
11
15
|
const props = defineProps({
|
|
12
16
|
context: {
|
|
13
|
-
type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
|
|
17
|
+
type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps,
|
|
14
18
|
required: true,
|
|
15
19
|
},
|
|
16
20
|
})
|
|
@@ -20,6 +24,14 @@ const listStyle = computed(() => {
|
|
|
20
24
|
})
|
|
21
25
|
|
|
22
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
|
+
})
|
|
23
35
|
</script>
|
|
24
36
|
|
|
25
37
|
<template>
|
|
@@ -27,27 +39,27 @@ const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection
|
|
|
27
39
|
<FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
|
|
28
40
|
<FormKitPrefix v-if="hasPrefix && listStyle === 'span'" :prefix="context?.prefix as string" />
|
|
29
41
|
<span v-if="listStyle === 'span'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="context?.attrs?.class">
|
|
30
|
-
<template v-for="(value, index) of
|
|
42
|
+
<template v-for="(value, index) of getListValues" :key="index">
|
|
31
43
|
<span v-if="index !== 0" class="p-output-list-divider" :class="context?.dividerClass">{{ context?.divider ?? ', ' }}</span>
|
|
32
44
|
<span class="p-output-list-item" :class="context?.itemClass">{{ value }}</span>
|
|
33
45
|
</template>
|
|
34
46
|
</span>
|
|
35
47
|
<div v-if="listStyle === 'div'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="context?.attrs?.class">
|
|
36
|
-
<template v-for="(value, index) of
|
|
48
|
+
<template v-for="(value, index) of getListValues" :key="index">
|
|
37
49
|
<div class="p-output-list-item" :class="context?.itemClass">
|
|
38
50
|
{{ value }}
|
|
39
51
|
</div>
|
|
40
52
|
</template>
|
|
41
53
|
</div>
|
|
42
54
|
<ul v-if="listStyle === 'ul'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="context?.attrs?.class">
|
|
43
|
-
<li v-for="(value, index) of
|
|
55
|
+
<li v-for="(value, index) of getListValues" :key="index">
|
|
44
56
|
<span class="p-output-list-item" :class="context?.itemClass">
|
|
45
57
|
{{ value }}
|
|
46
58
|
</span>
|
|
47
59
|
</li>
|
|
48
60
|
</ul>
|
|
49
61
|
<ol v-if="listStyle === 'ol'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="context?.attrs?.class">
|
|
50
|
-
<li v-for="(value, index) of
|
|
62
|
+
<li v-for="(value, index) of getListValues" :key="index">
|
|
51
63
|
<span class="p-output-list-item" :class="context?.itemClass">
|
|
52
64
|
{{ value }}
|
|
53
65
|
</span>
|
|
@@ -29,70 +29,92 @@ var _PrimeToggleSwitch = _interopRequireDefault(require("../components/PrimeTogg
|
|
|
29
29
|
var _PrimeTreeSelect = _interopRequireDefault(require("../components/PrimeTreeSelect.vue"));
|
|
30
30
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
31
31
|
const primeAutoCompleteDefinition = exports.primeAutoCompleteDefinition = (0, _vue.createInput)(_PrimeAutoComplete.default, {
|
|
32
|
-
props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead", "optionLabel", "options", "size", "minLength", "placeholder", "fluid", "separators"]
|
|
32
|
+
props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead", "optionLabel", "options", "size", "minLength", "placeholder", "fluid", "separators"],
|
|
33
|
+
family: "PrimeInput"
|
|
33
34
|
});
|
|
34
35
|
const primeInputTextDefinition = exports.primeInputTextDefinition = (0, _vue.createInput)(_PrimeInputText.default, {
|
|
35
|
-
props: ["pt", "ptOptions", "unstyled", "placeholder", "iconPrefix", "iconSuffix", "size", "inputType"]
|
|
36
|
+
props: ["pt", "ptOptions", "unstyled", "placeholder", "iconPrefix", "iconSuffix", "size", "inputType"],
|
|
37
|
+
family: "PrimeInput"
|
|
36
38
|
});
|
|
37
39
|
const primeInputNumberDefinition = exports.primeInputNumberDefinition = (0, _vue.createInput)(_PrimeInputNumber.default, {
|
|
38
|
-
props: ["useGrouping", "min", "max", "minFractionDigits", "maxFractionDigits", "locale", "mode", "currency", "prefix", "suffix", "showButtons", "buttonLayout", "step", "pt", "ptOptions", "unstyled", "placeholder", "size"]
|
|
40
|
+
props: ["useGrouping", "min", "max", "minFractionDigits", "maxFractionDigits", "locale", "mode", "currency", "prefix", "suffix", "showButtons", "buttonLayout", "step", "pt", "ptOptions", "unstyled", "placeholder", "size"],
|
|
41
|
+
family: "PrimeInput"
|
|
39
42
|
});
|
|
40
43
|
const primeInputMaskDefinition = exports.primeInputMaskDefinition = (0, _vue.createInput)(_PrimeInputMask.default, {
|
|
41
|
-
props: ["mask", "slotChar", "autoClear", "unmask", "pt", "ptOptions", "unstyled", "invalid", "variant", "iconPrefix", "iconSuffix", "size"]
|
|
44
|
+
props: ["mask", "slotChar", "autoClear", "unmask", "pt", "ptOptions", "unstyled", "invalid", "variant", "iconPrefix", "iconSuffix", "size"],
|
|
45
|
+
family: "PrimeInput"
|
|
42
46
|
});
|
|
43
47
|
const primePasswordDefinition = exports.primePasswordDefinition = (0, _vue.createInput)(_PrimePassword.default, {
|
|
44
|
-
props: ["mediumRegex", "strongRegex", "promptLabel", "weakLabel", "mediumLabel", "strongLabel", "hideIcon", "showIcon", "pt", "ptOptions", "unstyled", "placeholder", "feedback", "toggleMask", "size"]
|
|
48
|
+
props: ["mediumRegex", "strongRegex", "promptLabel", "weakLabel", "mediumLabel", "strongLabel", "hideIcon", "showIcon", "pt", "ptOptions", "unstyled", "placeholder", "feedback", "toggleMask", "size"],
|
|
49
|
+
family: "PrimeInput"
|
|
45
50
|
});
|
|
46
51
|
const primeTextareaDefinition = exports.primeTextareaDefinition = (0, _vue.createInput)(_PrimeTextarea.default, {
|
|
47
|
-
props: ["pt", "ptOptions", "unstyled", "autoResize", "rows", "placeholder", "size"]
|
|
52
|
+
props: ["pt", "ptOptions", "unstyled", "autoResize", "rows", "placeholder", "size"],
|
|
53
|
+
family: "PrimeInput"
|
|
48
54
|
});
|
|
49
55
|
const primeCheckboxDefinition = exports.primeCheckboxDefinition = (0, _vue.createInput)(_PrimeCheckbox.default, {
|
|
50
|
-
props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "indeterminate", "variant", "prefix", "suffix", "size"]
|
|
56
|
+
props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "indeterminate", "variant", "prefix", "suffix", "size"],
|
|
57
|
+
family: "PrimeInput"
|
|
51
58
|
});
|
|
52
59
|
const primeToggleSwitchDefinition = exports.primeToggleSwitchDefinition = (0, _vue.createInput)(_PrimeToggleSwitch.default, {
|
|
53
|
-
props: ["trueValue", "falseValue", "pt", "ptOptions", "unstyled", "prefix", "suffix"]
|
|
60
|
+
props: ["trueValue", "falseValue", "pt", "ptOptions", "unstyled", "prefix", "suffix"],
|
|
61
|
+
family: "PrimeInput"
|
|
54
62
|
});
|
|
55
63
|
const primeInputOtpDefinition = exports.primeInputOtpDefinition = (0, _vue.createInput)(_PrimeInputOtp.default, {
|
|
56
|
-
props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled", "size"]
|
|
64
|
+
props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled", "size"],
|
|
65
|
+
family: "PrimeInput"
|
|
57
66
|
});
|
|
58
67
|
const primeSelectDefinition = exports.primeSelectDefinition = (0, _vue.createInput)(_PrimeSelect.default, {
|
|
59
|
-
props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled", "size"]
|
|
68
|
+
props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled", "size"],
|
|
69
|
+
family: "PrimeInput"
|
|
60
70
|
});
|
|
61
71
|
const primeMultiSelectDefinition = exports.primeMultiSelectDefinition = (0, _vue.createInput)(_PrimeMultiSelect.default, {
|
|
62
|
-
props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "inputProps", "closeButtonProps", "dataKey", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "appendTo", "display", "maxSelectedLabels", "selectedItemsLabel", "selectionLimit", "showToggleAll", "loading", "selectAll", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "autoFilterFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "placeholder", "ptOptions", "unstyled", "size"]
|
|
72
|
+
props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "inputProps", "closeButtonProps", "dataKey", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "appendTo", "display", "maxSelectedLabels", "selectedItemsLabel", "selectionLimit", "showToggleAll", "loading", "selectAll", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "autoFilterFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "placeholder", "ptOptions", "unstyled", "size"],
|
|
73
|
+
family: "PrimeInput"
|
|
63
74
|
});
|
|
64
75
|
const primeListboxDefinition = exports.primeListboxDefinition = (0, _vue.createInput)(_PrimeListbox.default, {
|
|
65
|
-
props: ["pt", "ptOptions", "unstyled", "options", "optionLabel", "optionValue", "multiple", "filter", "filterIcon", "filterPlaceholder", "filterLocale", "filterMatchMode", "autoOptionFocus", "selectOnFocus"]
|
|
76
|
+
props: ["pt", "ptOptions", "unstyled", "options", "optionLabel", "optionValue", "multiple", "filter", "filterIcon", "filterPlaceholder", "filterLocale", "filterMatchMode", "autoOptionFocus", "selectOnFocus"],
|
|
77
|
+
family: "PrimeInput"
|
|
66
78
|
});
|
|
67
79
|
const primeDatePickerDefinition = exports.primeDatePickerDefinition = (0, _vue.createInput)(_PrimeDatePicker.default, {
|
|
68
|
-
props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled", "size"]
|
|
80
|
+
props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled", "size"],
|
|
81
|
+
family: "PrimeInput"
|
|
69
82
|
});
|
|
70
83
|
const primeSliderDefinition = exports.primeSliderDefinition = (0, _vue.createInput)(_PrimeSlider.default, {
|
|
71
|
-
props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "range", "orientation"]
|
|
84
|
+
props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "range", "orientation"],
|
|
85
|
+
family: "PrimeInput"
|
|
72
86
|
});
|
|
73
87
|
const primeRatingDefinition = exports.primeRatingDefinition = (0, _vue.createInput)(_PrimeRating.default, {
|
|
74
|
-
props: ["unstyled", "stars", "cancel", "onIcon", "offIcon", "cancelIcon", "ptOptions", "pt"]
|
|
88
|
+
props: ["unstyled", "stars", "cancel", "onIcon", "offIcon", "cancelIcon", "ptOptions", "pt"],
|
|
89
|
+
family: "PrimeInput"
|
|
75
90
|
});
|
|
76
91
|
const primeRadioButtonDefinition = exports.primeRadioButtonDefinition = (0, _vue.createInput)(_PrimeRadioButton.default, {
|
|
77
|
-
props: ["pt", "ptOptions", "unstyled", "options", "optionsClass", "optionClass", "size"]
|
|
92
|
+
props: ["pt", "ptOptions", "unstyled", "options", "optionsClass", "optionClass", "size"],
|
|
93
|
+
family: "PrimeInput"
|
|
78
94
|
});
|
|
79
95
|
const primeKnobDefinition = exports.primeKnobDefinition = (0, _vue.createInput)(_PrimeKnob.default, {
|
|
80
|
-
props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "size", "strokeWidth", "showValue", "valueColor", "rangeColor", "textColor", "valueTemplate"]
|
|
96
|
+
props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "size", "strokeWidth", "showValue", "valueColor", "rangeColor", "textColor", "valueTemplate"],
|
|
97
|
+
family: "PrimeInput"
|
|
81
98
|
});
|
|
82
99
|
const primeColorPickerDefinition = exports.primeColorPickerDefinition = (0, _vue.createInput)(_PrimeColorPicker.default, {
|
|
83
|
-
props: ["defaultColor", "inline", "format", "pt", "ptOptions", "unstyled"]
|
|
100
|
+
props: ["defaultColor", "inline", "format", "pt", "ptOptions", "unstyled"],
|
|
101
|
+
family: "PrimeInput"
|
|
84
102
|
});
|
|
85
103
|
const primeToggleButtonDefinition = exports.primeToggleButtonDefinition = (0, _vue.createInput)(_PrimeToggleButton.default, {
|
|
86
|
-
props: ["pt", "ptOptions", "unstyled", "onLabel", "offLabel", "onIcon", "offIcon", "iconPos", "size"]
|
|
104
|
+
props: ["pt", "ptOptions", "unstyled", "onLabel", "offLabel", "onIcon", "offIcon", "iconPos", "size"],
|
|
105
|
+
family: "PrimeInput"
|
|
87
106
|
});
|
|
88
107
|
const primeSelectButtonDefinition = exports.primeSelectButtonDefinition = (0, _vue.createInput)(_PrimeSelectButton.default, {
|
|
89
|
-
props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options", "size"]
|
|
108
|
+
props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options", "size"],
|
|
109
|
+
family: "PrimeInput"
|
|
90
110
|
});
|
|
91
111
|
const primeCascadeSelectDefinition = exports.primeCascadeSelectDefinition = (0, _vue.createInput)(_PrimeCascadeSelect.default, {
|
|
92
|
-
props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled", "size"]
|
|
112
|
+
props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled", "size"],
|
|
113
|
+
family: "PrimeInput"
|
|
93
114
|
});
|
|
94
115
|
const primeTreeSelectDefinition = exports.primeTreeSelectDefinition = (0, _vue.createInput)(_PrimeTreeSelect.default, {
|
|
95
|
-
props: ["options", "placeholder", "selectionMode", "pt", "ptOptions", "unstyled", "emptyMessage", "display", "metaKeySelection", "appendTo", "scrollHeight", "panelClass", "variant", "size"]
|
|
116
|
+
props: ["options", "placeholder", "selectionMode", "pt", "ptOptions", "unstyled", "emptyMessage", "display", "metaKeySelection", "appendTo", "scrollHeight", "panelClass", "variant", "size"],
|
|
117
|
+
family: "PrimeInput"
|
|
96
118
|
});
|
|
97
119
|
const primeInputs = exports.primeInputs = {
|
|
98
120
|
primeAutoComplete: primeAutoCompleteDefinition,
|
|
@@ -22,70 +22,92 @@ import PrimeToggleButton from "../components/PrimeToggleButton.vue";
|
|
|
22
22
|
import PrimeToggleSwitch from "../components/PrimeToggleSwitch.vue";
|
|
23
23
|
import PrimeTreeSelect from "../components/PrimeTreeSelect.vue";
|
|
24
24
|
export const primeAutoCompleteDefinition = createInput(PrimeAutoComplete, {
|
|
25
|
-
props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead", "optionLabel", "options", "size", "minLength", "placeholder", "fluid", "separators"]
|
|
25
|
+
props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead", "optionLabel", "options", "size", "minLength", "placeholder", "fluid", "separators"],
|
|
26
|
+
family: "PrimeInput"
|
|
26
27
|
});
|
|
27
28
|
export const primeInputTextDefinition = createInput(PrimeInputText, {
|
|
28
|
-
props: ["pt", "ptOptions", "unstyled", "placeholder", "iconPrefix", "iconSuffix", "size", "inputType"]
|
|
29
|
+
props: ["pt", "ptOptions", "unstyled", "placeholder", "iconPrefix", "iconSuffix", "size", "inputType"],
|
|
30
|
+
family: "PrimeInput"
|
|
29
31
|
});
|
|
30
32
|
export const primeInputNumberDefinition = createInput(PrimeInputNumber, {
|
|
31
|
-
props: ["useGrouping", "min", "max", "minFractionDigits", "maxFractionDigits", "locale", "mode", "currency", "prefix", "suffix", "showButtons", "buttonLayout", "step", "pt", "ptOptions", "unstyled", "placeholder", "size"]
|
|
33
|
+
props: ["useGrouping", "min", "max", "minFractionDigits", "maxFractionDigits", "locale", "mode", "currency", "prefix", "suffix", "showButtons", "buttonLayout", "step", "pt", "ptOptions", "unstyled", "placeholder", "size"],
|
|
34
|
+
family: "PrimeInput"
|
|
32
35
|
});
|
|
33
36
|
export const primeInputMaskDefinition = createInput(PrimeInputMask, {
|
|
34
|
-
props: ["mask", "slotChar", "autoClear", "unmask", "pt", "ptOptions", "unstyled", "invalid", "variant", "iconPrefix", "iconSuffix", "size"]
|
|
37
|
+
props: ["mask", "slotChar", "autoClear", "unmask", "pt", "ptOptions", "unstyled", "invalid", "variant", "iconPrefix", "iconSuffix", "size"],
|
|
38
|
+
family: "PrimeInput"
|
|
35
39
|
});
|
|
36
40
|
export const primePasswordDefinition = createInput(PrimePassword, {
|
|
37
|
-
props: ["mediumRegex", "strongRegex", "promptLabel", "weakLabel", "mediumLabel", "strongLabel", "hideIcon", "showIcon", "pt", "ptOptions", "unstyled", "placeholder", "feedback", "toggleMask", "size"]
|
|
41
|
+
props: ["mediumRegex", "strongRegex", "promptLabel", "weakLabel", "mediumLabel", "strongLabel", "hideIcon", "showIcon", "pt", "ptOptions", "unstyled", "placeholder", "feedback", "toggleMask", "size"],
|
|
42
|
+
family: "PrimeInput"
|
|
38
43
|
});
|
|
39
44
|
export const primeTextareaDefinition = createInput(PrimeTextarea, {
|
|
40
|
-
props: ["pt", "ptOptions", "unstyled", "autoResize", "rows", "placeholder", "size"]
|
|
45
|
+
props: ["pt", "ptOptions", "unstyled", "autoResize", "rows", "placeholder", "size"],
|
|
46
|
+
family: "PrimeInput"
|
|
41
47
|
});
|
|
42
48
|
export const primeCheckboxDefinition = createInput(PrimeCheckbox, {
|
|
43
|
-
props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "indeterminate", "variant", "prefix", "suffix", "size"]
|
|
49
|
+
props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "indeterminate", "variant", "prefix", "suffix", "size"],
|
|
50
|
+
family: "PrimeInput"
|
|
44
51
|
});
|
|
45
52
|
export const primeToggleSwitchDefinition = createInput(PrimeToggleSwitch, {
|
|
46
|
-
props: ["trueValue", "falseValue", "pt", "ptOptions", "unstyled", "prefix", "suffix"]
|
|
53
|
+
props: ["trueValue", "falseValue", "pt", "ptOptions", "unstyled", "prefix", "suffix"],
|
|
54
|
+
family: "PrimeInput"
|
|
47
55
|
});
|
|
48
56
|
export const primeInputOtpDefinition = createInput(PrimeInputOtp, {
|
|
49
|
-
props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled", "size"]
|
|
57
|
+
props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled", "size"],
|
|
58
|
+
family: "PrimeInput"
|
|
50
59
|
});
|
|
51
60
|
export const primeSelectDefinition = createInput(PrimeSelect, {
|
|
52
|
-
props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled", "size"]
|
|
61
|
+
props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled", "size"],
|
|
62
|
+
family: "PrimeInput"
|
|
53
63
|
});
|
|
54
64
|
export const primeMultiSelectDefinition = createInput(PrimeMultiSelect, {
|
|
55
|
-
props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "inputProps", "closeButtonProps", "dataKey", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "appendTo", "display", "maxSelectedLabels", "selectedItemsLabel", "selectionLimit", "showToggleAll", "loading", "selectAll", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "autoFilterFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "placeholder", "ptOptions", "unstyled", "size"]
|
|
65
|
+
props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "inputProps", "closeButtonProps", "dataKey", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "appendTo", "display", "maxSelectedLabels", "selectedItemsLabel", "selectionLimit", "showToggleAll", "loading", "selectAll", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "autoFilterFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "placeholder", "ptOptions", "unstyled", "size"],
|
|
66
|
+
family: "PrimeInput"
|
|
56
67
|
});
|
|
57
68
|
export const primeListboxDefinition = createInput(PrimeListbox, {
|
|
58
|
-
props: ["pt", "ptOptions", "unstyled", "options", "optionLabel", "optionValue", "multiple", "filter", "filterIcon", "filterPlaceholder", "filterLocale", "filterMatchMode", "autoOptionFocus", "selectOnFocus"]
|
|
69
|
+
props: ["pt", "ptOptions", "unstyled", "options", "optionLabel", "optionValue", "multiple", "filter", "filterIcon", "filterPlaceholder", "filterLocale", "filterMatchMode", "autoOptionFocus", "selectOnFocus"],
|
|
70
|
+
family: "PrimeInput"
|
|
59
71
|
});
|
|
60
72
|
export const primeDatePickerDefinition = createInput(PrimeDatePicker, {
|
|
61
|
-
props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled", "size"]
|
|
73
|
+
props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled", "size"],
|
|
74
|
+
family: "PrimeInput"
|
|
62
75
|
});
|
|
63
76
|
export const primeSliderDefinition = createInput(PrimeSlider, {
|
|
64
|
-
props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "range", "orientation"]
|
|
77
|
+
props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "range", "orientation"],
|
|
78
|
+
family: "PrimeInput"
|
|
65
79
|
});
|
|
66
80
|
export const primeRatingDefinition = createInput(PrimeRating, {
|
|
67
|
-
props: ["unstyled", "stars", "cancel", "onIcon", "offIcon", "cancelIcon", "ptOptions", "pt"]
|
|
81
|
+
props: ["unstyled", "stars", "cancel", "onIcon", "offIcon", "cancelIcon", "ptOptions", "pt"],
|
|
82
|
+
family: "PrimeInput"
|
|
68
83
|
});
|
|
69
84
|
export const primeRadioButtonDefinition = createInput(PrimeRadioButton, {
|
|
70
|
-
props: ["pt", "ptOptions", "unstyled", "options", "optionsClass", "optionClass", "size"]
|
|
85
|
+
props: ["pt", "ptOptions", "unstyled", "options", "optionsClass", "optionClass", "size"],
|
|
86
|
+
family: "PrimeInput"
|
|
71
87
|
});
|
|
72
88
|
export const primeKnobDefinition = createInput(PrimeKnob, {
|
|
73
|
-
props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "size", "strokeWidth", "showValue", "valueColor", "rangeColor", "textColor", "valueTemplate"]
|
|
89
|
+
props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "size", "strokeWidth", "showValue", "valueColor", "rangeColor", "textColor", "valueTemplate"],
|
|
90
|
+
family: "PrimeInput"
|
|
74
91
|
});
|
|
75
92
|
export const primeColorPickerDefinition = createInput(PrimeColorPicker, {
|
|
76
|
-
props: ["defaultColor", "inline", "format", "pt", "ptOptions", "unstyled"]
|
|
93
|
+
props: ["defaultColor", "inline", "format", "pt", "ptOptions", "unstyled"],
|
|
94
|
+
family: "PrimeInput"
|
|
77
95
|
});
|
|
78
96
|
export const primeToggleButtonDefinition = createInput(PrimeToggleButton, {
|
|
79
|
-
props: ["pt", "ptOptions", "unstyled", "onLabel", "offLabel", "onIcon", "offIcon", "iconPos", "size"]
|
|
97
|
+
props: ["pt", "ptOptions", "unstyled", "onLabel", "offLabel", "onIcon", "offIcon", "iconPos", "size"],
|
|
98
|
+
family: "PrimeInput"
|
|
80
99
|
});
|
|
81
100
|
export const primeSelectButtonDefinition = createInput(PrimeSelectButton, {
|
|
82
|
-
props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options", "size"]
|
|
101
|
+
props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options", "size"],
|
|
102
|
+
family: "PrimeInput"
|
|
83
103
|
});
|
|
84
104
|
export const primeCascadeSelectDefinition = createInput(PrimeCascadeSelect, {
|
|
85
|
-
props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled", "size"]
|
|
105
|
+
props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled", "size"],
|
|
106
|
+
family: "PrimeInput"
|
|
86
107
|
});
|
|
87
108
|
export const primeTreeSelectDefinition = createInput(PrimeTreeSelect, {
|
|
88
|
-
props: ["options", "placeholder", "selectionMode", "pt", "ptOptions", "unstyled", "emptyMessage", "display", "metaKeySelection", "appendTo", "scrollHeight", "panelClass", "variant", "size"]
|
|
109
|
+
props: ["options", "placeholder", "selectionMode", "pt", "ptOptions", "unstyled", "emptyMessage", "display", "metaKeySelection", "appendTo", "scrollHeight", "panelClass", "variant", "size"],
|
|
110
|
+
family: "PrimeInput"
|
|
89
111
|
});
|
|
90
112
|
export const primeInputs = {
|
|
91
113
|
primeAutoComplete: primeAutoCompleteDefinition,
|
|
@@ -21,20 +21,26 @@ const primeOutputDateDefinition = exports.primeOutputDateDefinition = (0, _vue.c
|
|
|
21
21
|
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
22
22
|
});
|
|
23
23
|
const primeOutputNumberDefinition = exports.primeOutputNumberDefinition = (0, _vue.createInput)(_PrimeOutputNumber.default, {
|
|
24
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
24
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"],
|
|
25
|
+
family: "PrimeOutput"
|
|
25
26
|
});
|
|
26
27
|
const primeOutputLinkDefinition = exports.primeOutputLinkDefinition = (0, _vue.createInput)(_PrimeOutputLink.default, {
|
|
27
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
28
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title", "onIconPrefixClicked", "onIconSuffixClicked"],
|
|
29
|
+
family: "PrimeOutput"
|
|
28
30
|
});
|
|
29
31
|
const primeOutputReferenceDefinition = exports.primeOutputReferenceDefinition = (0, _vue.createInput)(_PrimeOutputReference.default, {
|
|
30
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
32
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title", "onIconPrefixClicked", "onIconSuffixClicked"],
|
|
33
|
+
family: "PrimeOutput"
|
|
31
34
|
});
|
|
32
35
|
const primeOutputBooleanDefinition = exports.primeOutputBooleanDefinition = (0, _vue.createInput)(_PrimeOutputBoolean.default, {
|
|
33
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
36
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue", "onIconPrefixClicked", "onIconSuffixClicked"],
|
|
37
|
+
family: "PrimeOutput"
|
|
34
38
|
});
|
|
35
39
|
const primeOutputDurationDefinition = exports.primeOutputDurationDefinition = (0, _vue.createInput)(_PrimeOutputDuration.default, {
|
|
36
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
40
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"],
|
|
41
|
+
family: "PrimeOutput"
|
|
37
42
|
});
|
|
38
43
|
const primeOutputListDefinition = exports.primeOutputListDefinition = (0, _vue.createInput)(_PrimeOutputList.default, {
|
|
39
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
44
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle", "onIconPrefixClicked", "onIconSuffixClicked", "convertValue"],
|
|
45
|
+
family: "PrimeOutput"
|
|
40
46
|
});
|
|
@@ -14,20 +14,26 @@ export const primeOutputDateDefinition = createInput(PrimeOutputDate, {
|
|
|
14
14
|
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
15
15
|
});
|
|
16
16
|
export const primeOutputNumberDefinition = createInput(PrimeOutputNumber, {
|
|
17
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
17
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"],
|
|
18
|
+
family: "PrimeOutput"
|
|
18
19
|
});
|
|
19
20
|
export const primeOutputLinkDefinition = createInput(PrimeOutputLink, {
|
|
20
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
21
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title", "onIconPrefixClicked", "onIconSuffixClicked"],
|
|
22
|
+
family: "PrimeOutput"
|
|
21
23
|
});
|
|
22
24
|
export const primeOutputReferenceDefinition = createInput(PrimeOutputReference, {
|
|
23
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
25
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title", "onIconPrefixClicked", "onIconSuffixClicked"],
|
|
26
|
+
family: "PrimeOutput"
|
|
24
27
|
});
|
|
25
28
|
export const primeOutputBooleanDefinition = createInput(PrimeOutputBoolean, {
|
|
26
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
29
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue", "onIconPrefixClicked", "onIconSuffixClicked"],
|
|
30
|
+
family: "PrimeOutput"
|
|
27
31
|
});
|
|
28
32
|
export const primeOutputDurationDefinition = createInput(PrimeOutputDuration, {
|
|
29
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
33
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"],
|
|
34
|
+
family: "PrimeOutput"
|
|
30
35
|
});
|
|
31
36
|
export const primeOutputListDefinition = createInput(PrimeOutputList, {
|
|
32
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle", "onIconPrefixClicked", "onIconSuffixClicked"]
|
|
37
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle", "onIconPrefixClicked", "onIconSuffixClicked", "convertValue"],
|
|
38
|
+
family: "PrimeOutput"
|
|
33
39
|
});
|
package/dist/plugins/index.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.addLabelPlugin = addLabelPlugin;
|
|
7
7
|
exports.addPrimeAsteriskPlugin = addPrimeAsteriskPlugin;
|
|
8
8
|
function addPrimeAsteriskPlugin(node) {
|
|
9
|
-
if (!node.props.type.startsWith("
|
|
9
|
+
if (!node.props.type.startsWith("primeInput")) return;
|
|
10
10
|
node.on("created", () => {
|
|
11
11
|
if (node.props.definition?.schema) {
|
|
12
12
|
const schemaFn = node.props.definition?.schema;
|
package/dist/plugins/index.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sfxcode/formkit-primevue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "3.0.
|
|
4
|
+
"version": "3.0.3",
|
|
5
5
|
"packageManager": "pnpm@10.13.1+sha512.37ebf1a5c7a30d5fabe0c5df44ee8da4c965ca0c5af3dbab28c3a1681b70a256218d05c81c9c0dcf767ef6b8551eb5b960042b9ed4300c59242336377e01cfad",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Tom",
|
|
@@ -97,14 +97,14 @@
|
|
|
97
97
|
"vue-i18n": "^11.1.11"
|
|
98
98
|
},
|
|
99
99
|
"devDependencies": {
|
|
100
|
-
"@antfu/eslint-config": "^5.
|
|
100
|
+
"@antfu/eslint-config": "^5.1.0",
|
|
101
101
|
"@formkit/core": "^1.6.9",
|
|
102
102
|
"@formkit/drag-and-drop": "^0.5.3",
|
|
103
103
|
"@primeuix/themes": "^1.2.3",
|
|
104
104
|
"@types/node": "^24.1.0",
|
|
105
105
|
"@types/uuid": "^10.0.0",
|
|
106
|
-
"@unocss/preset-icons": "66.
|
|
107
|
-
"@unocss/preset-uno": "66.
|
|
106
|
+
"@unocss/preset-icons": "66.4.0",
|
|
107
|
+
"@unocss/preset-uno": "66.4.0",
|
|
108
108
|
"@vitejs/plugin-vue": "^6.0.1",
|
|
109
109
|
"@vitest/coverage-v8": "^3.2.4",
|
|
110
110
|
"@vitest/ui": "^3.2.4",
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
"tslib": "^2.8.1",
|
|
128
128
|
"typescript": "^5.9.2",
|
|
129
129
|
"unbuild": "^3.6.0",
|
|
130
|
-
"unocss": "66.
|
|
130
|
+
"unocss": "66.4.0",
|
|
131
131
|
"unplugin-auto-import": "^19.3.0",
|
|
132
132
|
"unplugin-vue-components": "^28.8.0",
|
|
133
133
|
"vite": "^7.0.6",
|
|
@@ -140,6 +140,6 @@
|
|
|
140
140
|
"vue": "^3.5.18",
|
|
141
141
|
"vue-demi": "^0.14.10",
|
|
142
142
|
"vue-router": "^4.5.1",
|
|
143
|
-
"vue-tsc": "^3.0.
|
|
143
|
+
"vue-tsc": "^3.0.5"
|
|
144
144
|
}
|
|
145
145
|
}
|