@sfxcode/formkit-primevue 2.8.6 → 2.9.0
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 +34 -4
- package/dist/composables/usePrimeInputs.d.ts +1 -0
- package/dist/composables/usePrimeInputs.js +5 -2
- package/dist/composables/usePrimeInputs.mjs +4 -2
- package/dist/definitions/index.d.ts +3 -2
- package/dist/definitions/index.js +4 -3
- package/dist/definitions/index.mjs +3 -2
- package/dist/definitions/output.js +1 -1
- package/dist/definitions/output.mjs +1 -1
- package/dist/sass/formkit-primevue.scss +8 -1
- package/dist/style.css +1 -1
- package/package.json +23 -24
|
@@ -1,31 +1,61 @@
|
|
|
1
1
|
<script setup lang='ts'>
|
|
2
2
|
import type { FormKitFrameworkContext } from '@formkit/core'
|
|
3
3
|
import type { PropType } from 'vue'
|
|
4
|
+
import { computed } from 'vue'
|
|
4
5
|
import { useFormKitSection } from '../composables'
|
|
5
6
|
|
|
7
|
+
export interface FormKitOutputListProps {
|
|
8
|
+
listStyle?: 'div' | 'ul' | 'ol' | 'span'
|
|
9
|
+
}
|
|
10
|
+
|
|
6
11
|
const props = defineProps({
|
|
7
12
|
context: {
|
|
8
|
-
type: Object as PropType<FormKitFrameworkContext>,
|
|
13
|
+
type: Object as PropType<FormKitFrameworkContext & FormKitOutputListProps>,
|
|
9
14
|
required: true,
|
|
10
15
|
},
|
|
11
16
|
})
|
|
12
17
|
|
|
18
|
+
const listStyle = computed(() => {
|
|
19
|
+
return props.context?.listStyle || 'span'
|
|
20
|
+
})
|
|
21
|
+
|
|
13
22
|
const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
|
|
14
23
|
</script>
|
|
15
24
|
|
|
16
25
|
<template>
|
|
17
26
|
<div class="p-formkit p-output-list">
|
|
18
27
|
<i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
|
|
19
|
-
<span v-if="hasPrefix" class="formkit-prefix">
|
|
28
|
+
<span v-if="hasPrefix && listStyle === 'span'" class="formkit-prefix">
|
|
20
29
|
{{ context?.prefix }}
|
|
21
30
|
</span>
|
|
22
|
-
<span :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="context?.attrs?.class">
|
|
31
|
+
<span v-if="listStyle === 'span'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="context?.attrs?.class">
|
|
23
32
|
<template v-for="(value, index) of context?._value" :key="index">
|
|
24
33
|
<span v-if="index !== 0" class="p-output-list-divider" :class="context?.dividerClass">{{ context?.divider ?? ', ' }}</span>
|
|
25
34
|
<span class="p-output-list-item" :class="context?.itemClass">{{ value }}</span>
|
|
26
35
|
</template>
|
|
27
36
|
</span>
|
|
28
|
-
<
|
|
37
|
+
<div v-if="listStyle === 'div'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="context?.attrs?.class">
|
|
38
|
+
<template v-for="(value, index) of context?._value" :key="index">
|
|
39
|
+
<div class="p-output-list-item" :class="context?.itemClass">
|
|
40
|
+
{{ value }}
|
|
41
|
+
</div>
|
|
42
|
+
</template>
|
|
43
|
+
</div>
|
|
44
|
+
<ul v-if="listStyle === 'ul'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="context?.attrs?.class">
|
|
45
|
+
<li v-for="(value, index) of context?._value" :key="index">
|
|
46
|
+
<span class="p-output-list-item" :class="context?.itemClass">
|
|
47
|
+
{{ value }}
|
|
48
|
+
</span>
|
|
49
|
+
</li>
|
|
50
|
+
</ul>
|
|
51
|
+
<ol v-if="listStyle === 'ol'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="context?.attrs?.class">
|
|
52
|
+
<li v-for="(value, index) of context?._value" :key="index">
|
|
53
|
+
<span class="p-output-list-item" :class="context?.itemClass">
|
|
54
|
+
{{ value }}
|
|
55
|
+
</span>
|
|
56
|
+
</li>
|
|
57
|
+
</ol>
|
|
58
|
+
<span v-if="hasSuffix && listStyle === 'span'" class="formkit-suffix">
|
|
29
59
|
{{ context?.suffix }}
|
|
30
60
|
</span>
|
|
31
61
|
<i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
|
|
@@ -39,7 +39,6 @@ function usePrimeInputs() {
|
|
|
39
39
|
app.component("Chip", _chip.default);
|
|
40
40
|
app.component("ColorPicker", _colorpicker.default);
|
|
41
41
|
app.component("DatePicker", _datepicker.default);
|
|
42
|
-
app.component("Editor", _editor.default);
|
|
43
42
|
app.component("InputMask", _inputmask.default);
|
|
44
43
|
app.component("InputNumber", _inputnumber.default);
|
|
45
44
|
app.component("InputOtp", _inputotp.default);
|
|
@@ -58,7 +57,11 @@ function usePrimeInputs() {
|
|
|
58
57
|
app.component("ToggleSwitch", _toggleswitch.default);
|
|
59
58
|
app.component("TreeSelect", _treeselect.default);
|
|
60
59
|
}
|
|
60
|
+
function registerEditorInputs(app) {
|
|
61
|
+
app.component("Editor", _editor.default);
|
|
62
|
+
}
|
|
61
63
|
return {
|
|
62
|
-
registerInputs
|
|
64
|
+
registerInputs,
|
|
65
|
+
registerEditorInputs
|
|
63
66
|
};
|
|
64
67
|
}
|
|
@@ -32,7 +32,6 @@ export function usePrimeInputs() {
|
|
|
32
32
|
app.component("Chip", Chip);
|
|
33
33
|
app.component("ColorPicker", ColorPicker);
|
|
34
34
|
app.component("DatePicker", DatePicker);
|
|
35
|
-
app.component("Editor", Editor);
|
|
36
35
|
app.component("InputMask", InputMask);
|
|
37
36
|
app.component("InputNumber", InputNumber);
|
|
38
37
|
app.component("InputOtp", InputOtp);
|
|
@@ -51,5 +50,8 @@ export function usePrimeInputs() {
|
|
|
51
50
|
app.component("ToggleSwitch", ToggleSwitch);
|
|
52
51
|
app.component("TreeSelect", TreeSelect);
|
|
53
52
|
}
|
|
54
|
-
|
|
53
|
+
function registerEditorInputs(app) {
|
|
54
|
+
app.component("Editor", Editor);
|
|
55
|
+
}
|
|
56
|
+
return { registerInputs, registerEditorInputs };
|
|
55
57
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export declare const wrappedPrimeInputs: string[];
|
|
2
1
|
export declare const primeInputs: {
|
|
3
2
|
primeAutoComplete: import("@formkit/core").FormKitTypeDefinition;
|
|
4
3
|
primeInputText: import("@formkit/core").FormKitTypeDefinition;
|
|
@@ -8,7 +7,6 @@ export declare const primeInputs: {
|
|
|
8
7
|
primeCheckbox: import("@formkit/core").FormKitTypeDefinition;
|
|
9
8
|
primeToggleSwitch: import("@formkit/core").FormKitTypeDefinition;
|
|
10
9
|
primeTextarea: import("@formkit/core").FormKitTypeDefinition;
|
|
11
|
-
primeEditor: import("@formkit/core").FormKitTypeDefinition;
|
|
12
10
|
primeSelect: import("@formkit/core").FormKitTypeDefinition;
|
|
13
11
|
primeMultiSelect: import("@formkit/core").FormKitTypeDefinition;
|
|
14
12
|
primeDatePicker: import("@formkit/core").FormKitTypeDefinition;
|
|
@@ -24,6 +22,9 @@ export declare const primeInputs: {
|
|
|
24
22
|
primeTreeSelect: import("@formkit/core").FormKitTypeDefinition;
|
|
25
23
|
primeInputOtp: import("@formkit/core").FormKitTypeDefinition;
|
|
26
24
|
};
|
|
25
|
+
export declare const primeEditorInputs: {
|
|
26
|
+
primeEditor: import("@formkit/core").FormKitTypeDefinition;
|
|
27
|
+
};
|
|
27
28
|
export declare const primeOutputs: {
|
|
28
29
|
primeOutputText: import("@formkit/core").FormKitTypeDefinition;
|
|
29
30
|
primeOutputLink: import("@formkit/core").FormKitTypeDefinition;
|
|
@@ -3,10 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.primeOutputs = exports.primeInputs = exports.primeEditorInputs = void 0;
|
|
7
7
|
var _input = require("./input");
|
|
8
8
|
var _output = require("./output");
|
|
9
|
-
const wrappedPrimeInputs = exports.wrappedPrimeInputs = ["AutoComplete", "CascadeSelect", "Checkbox", "Chip", "ColorPicker", "DatePicker", "Editor", "InputMask", "InputNumber", "InputOtp", "InputText", "Knob", "Listbox", "MultiSelect", "Password", "RadioButton", "Rating", "Select", "SelectButton", "Slider", "Textarea", "ToggleButton", "ToggleSwitch", "TreeSelect"];
|
|
10
9
|
const primeInputs = exports.primeInputs = {
|
|
11
10
|
primeAutoComplete: _input.primeAutoCompleteDefinition,
|
|
12
11
|
primeInputText: _input.primeInputTextDefinition,
|
|
@@ -16,7 +15,6 @@ const primeInputs = exports.primeInputs = {
|
|
|
16
15
|
primeCheckbox: _input.primeCheckboxDefinition,
|
|
17
16
|
primeToggleSwitch: _input.primeToggleSwitchDefinition,
|
|
18
17
|
primeTextarea: _input.primeTextareaDefinition,
|
|
19
|
-
primeEditor: _input.primeEditorDefinition,
|
|
20
18
|
primeSelect: _input.primeSelectDefinition,
|
|
21
19
|
primeMultiSelect: _input.primeMultiSelectDefinition,
|
|
22
20
|
primeDatePicker: _input.primeDatePickerDefinition,
|
|
@@ -32,6 +30,9 @@ const primeInputs = exports.primeInputs = {
|
|
|
32
30
|
primeTreeSelect: _input.primeTreeSelectDefinition,
|
|
33
31
|
primeInputOtp: _input.primeInputOtpDefinition
|
|
34
32
|
};
|
|
33
|
+
const primeEditorInputs = exports.primeEditorInputs = {
|
|
34
|
+
primeEditor: _input.primeEditorDefinition
|
|
35
|
+
};
|
|
35
36
|
const primeOutputs = exports.primeOutputs = {
|
|
36
37
|
primeOutputText: _output.primeOutputTextDefinition,
|
|
37
38
|
primeOutputLink: _output.primeOutputLinkDefinition,
|
|
@@ -33,7 +33,6 @@ import {
|
|
|
33
33
|
primeOutputReferenceDefinition,
|
|
34
34
|
primeOutputTextDefinition
|
|
35
35
|
} from "./output.mjs";
|
|
36
|
-
export const wrappedPrimeInputs = ["AutoComplete", "CascadeSelect", "Checkbox", "Chip", "ColorPicker", "DatePicker", "Editor", "InputMask", "InputNumber", "InputOtp", "InputText", "Knob", "Listbox", "MultiSelect", "Password", "RadioButton", "Rating", "Select", "SelectButton", "Slider", "Textarea", "ToggleButton", "ToggleSwitch", "TreeSelect"];
|
|
37
36
|
export const primeInputs = {
|
|
38
37
|
primeAutoComplete: primeAutoCompleteDefinition,
|
|
39
38
|
primeInputText: primeInputTextDefinition,
|
|
@@ -43,7 +42,6 @@ export const primeInputs = {
|
|
|
43
42
|
primeCheckbox: primeCheckboxDefinition,
|
|
44
43
|
primeToggleSwitch: primeToggleSwitchDefinition,
|
|
45
44
|
primeTextarea: primeTextareaDefinition,
|
|
46
|
-
primeEditor: primeEditorDefinition,
|
|
47
45
|
primeSelect: primeSelectDefinition,
|
|
48
46
|
primeMultiSelect: primeMultiSelectDefinition,
|
|
49
47
|
primeDatePicker: primeDatePickerDefinition,
|
|
@@ -59,6 +57,9 @@ export const primeInputs = {
|
|
|
59
57
|
primeTreeSelect: primeTreeSelectDefinition,
|
|
60
58
|
primeInputOtp: primeInputOtpDefinition
|
|
61
59
|
};
|
|
60
|
+
export const primeEditorInputs = {
|
|
61
|
+
primeEditor: primeEditorDefinition
|
|
62
|
+
};
|
|
62
63
|
export const primeOutputs = {
|
|
63
64
|
primeOutputText: primeOutputTextDefinition,
|
|
64
65
|
primeOutputLink: primeOutputLinkDefinition,
|
|
@@ -36,5 +36,5 @@ const primeOutputDurationDefinition = exports.primeOutputDurationDefinition = (0
|
|
|
36
36
|
props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
|
|
37
37
|
});
|
|
38
38
|
const primeOutputListDefinition = exports.primeOutputListDefinition = (0, _vue.createInput)(_PrimeOutputList.default, {
|
|
39
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass"]
|
|
39
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle"]
|
|
40
40
|
});
|
|
@@ -29,5 +29,5 @@ export const primeOutputDurationDefinition = createInput(PrimeOutputDuration, {
|
|
|
29
29
|
props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
|
|
30
30
|
});
|
|
31
31
|
export const primeOutputListDefinition = createInput(PrimeOutputList, {
|
|
32
|
-
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass"]
|
|
32
|
+
props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle"]
|
|
33
33
|
});
|
|
@@ -179,7 +179,7 @@ $grid-breakpoints: (
|
|
|
179
179
|
.p-formkit-data-view {
|
|
180
180
|
.formkit-form {
|
|
181
181
|
.formkit-outer {
|
|
182
|
-
padding-bottom: 0.
|
|
182
|
+
padding-bottom: 0.5rem;
|
|
183
183
|
}
|
|
184
184
|
|
|
185
185
|
&.form-horizontal {
|
|
@@ -187,8 +187,15 @@ $grid-breakpoints: (
|
|
|
187
187
|
}
|
|
188
188
|
|
|
189
189
|
.formkit-help {
|
|
190
|
+
padding-top: 0.25rem;
|
|
190
191
|
margin: 0;
|
|
191
192
|
}
|
|
193
|
+
|
|
194
|
+
ul, ol {
|
|
195
|
+
padding-inline-start: 1rem;
|
|
196
|
+
margin-block-start: 0;
|
|
197
|
+
margin-block-end: 0;
|
|
198
|
+
}
|
|
192
199
|
}
|
|
193
200
|
}
|
|
194
201
|
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--formkit-error-color: #ef9a9a}.formkit-form .formkit-messages{margin:.125rem 0;padding-top:.5rem;padding-left:.5rem}.formkit-form .formkit-message{list-style:none;padding:0;margin:0;color:var(--formkit-error-color);font-size:.8rem}.formkit-form .formkit-outer{padding-bottom:.8rem}.formkit-form .formkit-outer .formkit-messages{margin:.125rem 0;padding-top:.25rem;padding-left:0}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-form .formkit-outer .formkit-help{margin:.25rem 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-form .formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-form .p-formkit>*{margin-right:.5rem}.formkit-form .p-formkit>*:last-child,.formkit-form .p-formkit>*:only-child{margin-right:0}.formkit-form .p-formkit-options{display:flex;flex-wrap:wrap;gap:.5rem}.formkit-form .p-formkit-options .p-formkit-option{display:flex;align-items:center}.formkit-form .p-formkit-options .p-formkit-option label{margin-left:.5rem}.formkit-form .formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-form .formkit-fieldset:focus-within{border:0}.formkit-form .formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-form .formkit-legend{display:block;margin:0;padding:0}.formkit-form .formkit-actions{padding-top:.5rem;display:flex}.formkit-form .formkit-actions button{margin-right:.5rem}.formkit-form .p-action-buttons{margin-top:.25rem}.formkit-form .p-action-buttons .p-button{margin-right:.5rem}.formkit-form .p-action-buttons span .p-space{margin-right:3rem}.formkit-form .p-chip-item{align-items:center;background:var(--p-surface-500);color:var(--p-surface-0);border-radius:1rem;padding:.2rem .5rem}.p-formkit-data-view .formkit-form .formkit-outer{padding-bottom:.
|
|
1
|
+
:root{--formkit-error-color: #ef9a9a}.formkit-form .formkit-messages{margin:.125rem 0;padding-top:.5rem;padding-left:.5rem}.formkit-form .formkit-message{list-style:none;padding:0;margin:0;color:var(--formkit-error-color);font-size:.8rem}.formkit-form .formkit-outer{padding-bottom:.8rem}.formkit-form .formkit-outer .formkit-messages{margin:.125rem 0;padding-top:.25rem;padding-left:0}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-form .formkit-outer .formkit-help{margin:.25rem 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-form .formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-form .p-formkit>*{margin-right:.5rem}.formkit-form .p-formkit>*:last-child,.formkit-form .p-formkit>*:only-child{margin-right:0}.formkit-form .p-formkit-options{display:flex;flex-wrap:wrap;gap:.5rem}.formkit-form .p-formkit-options .p-formkit-option{display:flex;align-items:center}.formkit-form .p-formkit-options .p-formkit-option label{margin-left:.5rem}.formkit-form .formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-form .formkit-fieldset:focus-within{border:0}.formkit-form .formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-form .formkit-legend{display:block;margin:0;padding:0}.formkit-form .formkit-actions{padding-top:.5rem;display:flex}.formkit-form .formkit-actions button{margin-right:.5rem}.formkit-form .p-action-buttons{margin-top:.25rem}.formkit-form .p-action-buttons .p-button{margin-right:.5rem}.formkit-form .p-action-buttons span .p-space{margin-right:3rem}.formkit-form .p-chip-item{align-items:center;background:var(--p-surface-500);color:var(--p-surface-0);border-radius:1rem;padding:.2rem .5rem}.p-formkit-data-view .formkit-form .formkit-outer{padding-bottom:.5rem}.p-formkit-data-view .formkit-form.form-horizontal{padding-bottom:.8rem}.p-formkit-data-view .formkit-form .formkit-help{padding-top:.25rem;margin:0}.p-formkit-data-view .formkit-form ul,.p-formkit-data-view .formkit-form ol{padding-inline-start:1rem;margin-block-start:0;margin-block-end:0}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper{display:flex;flex-wrap:wrap}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner{width:auto !important}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label{width:auto;order:2;padding:.125rem 0}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:after{content:""}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label+.formkit-inner{margin-left:0 !important;order:1;flex-basis:2rem;flex-grow:0;flex-shrink:0;overflow:hidden}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label+.formkit-inner:has(label){flex-grow:1;flex-basis:100%}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3),.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)~label{width:auto}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3){order:1}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)+div.p-checkbox{order:2;width:auto}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)~label{order:3}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner:first-child{margin-left:0 !important}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner:first-child .p-formkit{display:flex}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .p-checkbox:not(:only-child){width:2rem;overflow:hidden}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-help{width:auto !important}.p-formkit-data-debug pre,.p-formkit-data-debug span{font-size:.75rem;line-height:1rem}@media(min-width: 1024px){.formkit-form{display:flex;flex-wrap:wrap;margin-left:-0.5rem;margin-right:-0.5rem}.formkit-form>*{flex-shrink:0;width:100%;max-width:100%;padding-left:.5rem;padding-right:.5rem}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}}@media(min-width: 768px){.formkit-form.form-horizontal .formkit-wrapper{display:flex}.formkit-form.form-horizontal .formkit-wrapper label{display:inline-block;padding:0 .25rem 0 0;font-size:inherit}.formkit-form.form-horizontal .formkit-wrapper label:after{content:":"}}@media(min-width: 768px)and (min-width: 768px){.formkit-form.form-horizontal.form-horizontal-checkbox-indent .formkit-outer[data-type=primeCheckbox]{padding-left:33.3333333333%}}@media(min-width: 768px){.p-formkit-data-view .formkit-form.form-horizontal label{white-space:nowrap}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer{width:100%}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer label{width:33.3333333333%;padding-top:.25rem;line-height:normal}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer .formkit-inner{width:66.6666666667%}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner{margin-left:auto}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner .p-formkit{display:flex}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner label{width:auto;padding:0}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-help,.p-formkit-data-edit .formkit-form.form-horizontal .formkit-messages{width:66.6666666667%;margin-left:auto}}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sfxcode/formkit-primevue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.9.0",
|
|
5
5
|
"packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Tom",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"dev": "vite serve dev",
|
|
73
73
|
"dev:build": "vite build dev",
|
|
74
74
|
"dev:preview": "vite preview dev",
|
|
75
|
-
"release": "npm run lint && npm run build && changelogen --
|
|
75
|
+
"release": "npm run lint && npm run build && changelogen --minor --release && npm publish --access public && git push --follow-tags",
|
|
76
76
|
"lint": "eslint .",
|
|
77
77
|
"lint:fix": "eslint . --fix",
|
|
78
78
|
"prepublishOnly": "pnpm build",
|
|
@@ -88,60 +88,59 @@
|
|
|
88
88
|
},
|
|
89
89
|
"dependencies": {
|
|
90
90
|
"@formkit/addons": "^1.6.9",
|
|
91
|
-
"@formkit/drag-and-drop": "^0.5.3",
|
|
92
91
|
"@formkit/i18n": "^1.6.9",
|
|
93
92
|
"@formkit/inputs": "^1.6.9",
|
|
94
93
|
"@formkit/vue": "^1.6.9",
|
|
95
|
-
"@intlify/core": "^11.1.
|
|
94
|
+
"@intlify/core": "^11.1.4",
|
|
96
95
|
"primeicons": "^7.0.0",
|
|
97
96
|
"primevue": "^4.3.4",
|
|
98
|
-
"
|
|
99
|
-
"uuid": "^11.1.0",
|
|
100
|
-
"vue-i18n": "^11.1.3"
|
|
97
|
+
"uuid": "^11.1.0"
|
|
101
98
|
},
|
|
102
99
|
"devDependencies": {
|
|
103
|
-
"@antfu/eslint-config": "^4.13.
|
|
100
|
+
"@antfu/eslint-config": "^4.13.2",
|
|
104
101
|
"@formkit/core": "^1.6.9",
|
|
102
|
+
"@formkit/drag-and-drop": "^0.5.3",
|
|
105
103
|
"@primeuix/themes": "^1.1.1",
|
|
106
|
-
"@types/node": "^22.15.
|
|
104
|
+
"@types/node": "^22.15.21",
|
|
107
105
|
"@types/uuid": "^10.0.0",
|
|
108
|
-
"@unocss/preset-icons": "66.1.
|
|
109
|
-
"@unocss/preset-uno": "66.1.
|
|
106
|
+
"@unocss/preset-icons": "66.1.2",
|
|
107
|
+
"@unocss/preset-uno": "66.1.2",
|
|
110
108
|
"@vitejs/plugin-vue": "^5.2.4",
|
|
111
|
-
"@vitest/coverage-v8": "^3.1.
|
|
112
|
-
"@vitest/ui": "^3.1.
|
|
113
|
-
"@vue/compiler-sfc": "^3.5.
|
|
114
|
-
"@vue/server-renderer": "^3.5.
|
|
109
|
+
"@vitest/coverage-v8": "^3.1.4",
|
|
110
|
+
"@vitest/ui": "^3.1.4",
|
|
111
|
+
"@vue/compiler-sfc": "^3.5.14",
|
|
112
|
+
"@vue/server-renderer": "^3.5.14",
|
|
115
113
|
"@vue/test-utils": "^2.4.6",
|
|
116
114
|
"@vue/tsconfig": "^0.7.0",
|
|
117
|
-
"@vueuse/core": "^13.
|
|
115
|
+
"@vueuse/core": "^13.2.0",
|
|
118
116
|
"@vueuse/head": "^2.0.0",
|
|
119
117
|
"changelogen": "^0.6.1",
|
|
120
118
|
"chart.js": "^4.4.9",
|
|
121
119
|
"consola": "^3.4.2",
|
|
122
120
|
"cookie": "^1.0.2",
|
|
123
121
|
"esbuild": "^0.25.4",
|
|
124
|
-
"eslint": "^9.
|
|
122
|
+
"eslint": "^9.27.0",
|
|
125
123
|
"happy-dom": "^17.4.7",
|
|
126
124
|
"json-editor-vue": "^0.18.1",
|
|
127
125
|
"mkdist": "^2.3.0",
|
|
128
|
-
"quill": "^2.0.
|
|
129
|
-
"sass": "^1.
|
|
126
|
+
"quill": "^2.0.3",
|
|
127
|
+
"sass": "^1.89.0",
|
|
130
128
|
"tslib": "^2.8.1",
|
|
131
129
|
"typescript": "^5.8.3",
|
|
132
130
|
"unbuild": "^3.5.0",
|
|
133
|
-
"unocss": "66.1.
|
|
131
|
+
"unocss": "66.1.2",
|
|
134
132
|
"unplugin-auto-import": "^19.2.0",
|
|
135
133
|
"unplugin-vue-components": "^28.5.0",
|
|
136
134
|
"vite": "^6.3.5",
|
|
137
|
-
"vite-plugin-dts": "^4.5.
|
|
135
|
+
"vite-plugin-dts": "^4.5.4",
|
|
138
136
|
"vite-plugin-eslint": "^1.8.1",
|
|
139
137
|
"vite-plugin-pages": "^0.33.0",
|
|
140
|
-
"vite-ssg": "^
|
|
138
|
+
"vite-ssg": "^27.0.1",
|
|
141
139
|
"vitepress": "^1.6.3",
|
|
142
|
-
"vitest": "^3.1.
|
|
143
|
-
"vue": "^3.5.
|
|
140
|
+
"vitest": "^3.1.4",
|
|
141
|
+
"vue": "^3.5.14",
|
|
144
142
|
"vue-demi": "^0.14.10",
|
|
143
|
+
"vue-i18n": "^11.1.4",
|
|
145
144
|
"vue-router": "^4.5.1",
|
|
146
145
|
"vue-tsc": "^2.2.10"
|
|
147
146
|
}
|