@sfxcode/formkit-primevue 2.3.5 → 2.3.6
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/PrimeAutoComplete.vue +2 -3
- package/dist/components/PrimeCascadeSelect.vue +3 -3
- package/dist/components/PrimeCheckbox.vue +3 -3
- package/dist/components/PrimeColorPicker.vue +3 -3
- package/dist/components/PrimeDatePicker.vue +3 -3
- package/dist/components/PrimeEditor.vue +3 -3
- package/dist/components/PrimeInputMask.vue +5 -9
- package/dist/components/PrimeInputNumber.vue +3 -3
- package/dist/components/PrimeInputOtp.vue +3 -3
- package/dist/components/PrimeInputText.vue +7 -7
- package/dist/components/PrimeKnob.vue +3 -3
- package/dist/components/PrimeListbox.vue +3 -3
- package/dist/components/PrimeMultiSelect.vue +3 -3
- package/dist/components/PrimeOutputBoolean.vue +11 -6
- package/dist/components/PrimeOutputDate.vue +11 -6
- package/dist/components/PrimeOutputDuration.vue +11 -6
- package/dist/components/PrimeOutputLink.vue +11 -6
- package/dist/components/PrimeOutputList.vue +11 -6
- package/dist/components/PrimeOutputNumber.vue +11 -6
- package/dist/components/PrimeOutputText.vue +11 -6
- package/dist/components/PrimePassword.vue +3 -3
- package/dist/components/PrimeRadioButton.vue +3 -3
- package/dist/components/PrimeRating.vue +3 -3
- package/dist/components/PrimeSelect.vue +3 -3
- package/dist/components/PrimeSelectButton.vue +3 -3
- package/dist/components/PrimeSlider.vue +3 -3
- package/dist/components/PrimeTextarea.vue +3 -3
- package/dist/components/PrimeToggleButton.vue +3 -3
- package/dist/components/PrimeToggleSwitch.vue +3 -3
- package/dist/components/PrimeTreeSelect.vue +3 -3
- package/dist/composables/index.d.ts +2 -2
- package/dist/composables/index.js +5 -5
- package/dist/composables/index.mjs +2 -2
- package/dist/composables/useFormKitIcon.js +2 -3
- package/dist/composables/useFormKitIcon.mjs +2 -4
- package/dist/composables/useFormKitInput.d.ts +0 -1
- package/dist/composables/useFormKitInput.js +0 -4
- package/dist/composables/useFormKitInput.mjs +1 -4
- package/dist/composables/useFormKitSection.d.ts +6 -0
- package/dist/composables/useFormKitSection.js +27 -0
- package/dist/composables/useFormKitSection.mjs +16 -0
- package/dist/composables/useInputEditor.d.ts +1 -0
- package/dist/composables/useInputEditor.js +2 -0
- package/dist/composables/useInputEditor.mjs +2 -1
- package/dist/composables/useInputEditorSchema.js +25 -19
- package/dist/composables/useInputEditorSchema.mjs +26 -16
- package/dist/sass/formkit-primevue.scss +24 -21
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/composables/useFormKitOutput.d.ts +0 -3
- package/dist/composables/useFormKitOutput.js +0 -15
- package/dist/composables/useFormKitOutput.mjs +0 -7
|
@@ -13,24 +13,16 @@
|
|
|
13
13
|
margin: 0;
|
|
14
14
|
padding-bottom: 0.8rem;
|
|
15
15
|
|
|
16
|
-
.formkit-inner {
|
|
17
|
-
|
|
18
|
-
.p-formkit {
|
|
19
|
-
|
|
20
|
-
.p-formkit-icon {
|
|
16
|
+
.formkit-inner {.p-formkit { .p-formkit-icon {
|
|
21
17
|
box-sizing: border-box;
|
|
22
18
|
width: 100%;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.p-inputtext, .p-textarea, .p-password, .p-multiselect, .p-select, .p-editor {
|
|
19
|
+
} .p-inputtext, .p-textarea, .p-password, .p-multiselect, .p-select, .p-editor {
|
|
26
20
|
box-sizing: border-box;
|
|
27
21
|
width: 100%;
|
|
28
22
|
&.p-colorpicker-preview {
|
|
29
23
|
width: 2rem;
|
|
30
24
|
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
}
|
|
25
|
+
}}
|
|
34
26
|
}
|
|
35
27
|
|
|
36
28
|
ul {
|
|
@@ -38,9 +30,7 @@
|
|
|
38
30
|
margin-block-end: 2px;
|
|
39
31
|
}
|
|
40
32
|
.formkit-messages {
|
|
41
|
-
padding: 4px 0 0 0
|
|
42
|
-
|
|
43
|
-
.formkit-message {
|
|
33
|
+
padding: 4px 0 0 0;.formkit-message {
|
|
44
34
|
padding: 0;
|
|
45
35
|
margin: 0;
|
|
46
36
|
color: var(--formkit-error-color);
|
|
@@ -51,14 +41,10 @@
|
|
|
51
41
|
}
|
|
52
42
|
|
|
53
43
|
.formkit-outer[data-type="primeToggleSwitch"], .formkit-outer[data-type="primeCheckbox"], .formkit-outer[data-type="primeTriStateCheckbox"], .formkit-outer[data-type="primeRadioButton"] {
|
|
54
|
-
.formkit-inner {
|
|
55
|
-
|
|
56
|
-
.formkit-prime-right {
|
|
44
|
+
.formkit-inner {.formkit-prime-right {
|
|
57
45
|
margin-left: 10px;
|
|
58
46
|
font-size: 1rem;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.formkit-prime-left {
|
|
47
|
+
}.formkit-prime-left {
|
|
62
48
|
margin-right: 10px;
|
|
63
49
|
font-size: 1rem;
|
|
64
50
|
}
|
|
@@ -128,9 +114,26 @@
|
|
|
128
114
|
|
|
129
115
|
.p-formkit-icon-right {
|
|
130
116
|
padding-left: 0.5rem;
|
|
131
|
-
float: right;
|
|
132
117
|
}
|
|
133
118
|
|
|
119
|
+
.formkit-prefix-icon {
|
|
120
|
+
padding-right: 0.5rem;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.formkit-prefix {
|
|
124
|
+
padding-right: 0.5rem;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.formkit-suffix-icon {
|
|
128
|
+
padding-left: 0.5rem;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.formkit-suffix {
|
|
132
|
+
padding-left: 0.5rem;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
134
137
|
.p-formkit-data-debug {
|
|
135
138
|
pre, span {
|
|
136
139
|
font-size: 0.75rem;line-height: 1rem;
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--formkit-error-color: #ef9a9a}.formkit-form>.formkit-messages{margin:4px 0}.formkit-form>.formkit-messages .formkit-message{font-size:.8rem}.formkit-outer{margin:0;padding-bottom:.8rem}.formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-outer .formkit-inner .p-formkit .p-password,.formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-outer .formkit-inner .p-formkit .p-select,.formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-outer ul{margin-block-start:2px;margin-block-end:2px}.formkit-outer .formkit-messages{padding:4px 0 0 0}.formkit-outer .formkit-messages .formkit-message{padding:0;margin:0;color:var(--formkit-error-color);list-style:none;font-size:.8rem}.formkit-outer[data-type=primeToggleSwitch] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeCheckbox] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeTriStateCheckbox] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeRadioButton] .formkit-inner .formkit-prime-right{margin-left:10px;font-size:1rem}.formkit-outer[data-type=primeToggleSwitch] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeCheckbox] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeTriStateCheckbox] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeRadioButton] .formkit-inner .formkit-prime-left{margin-right:10px;font-size:1rem}.formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-fieldset:focus-within{border:0}.formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-legend{display:block;margin:0;padding:0}.formkit-help{margin:4px 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-messages{padding:0}.formkit-message{padding:0;margin:0;color:var(--formkit-error-color);list-style:none;font-size:.8rem}.formkit-actions{padding-top:.5rem}.p-formkit-radio-label{margin-left:1rem}.p-formkit-icon-left{padding-right:.5rem}.p-formkit-icon-right{padding-left:.5rem
|
|
1
|
+
:root{--formkit-error-color: #ef9a9a}.formkit-form>.formkit-messages{margin:4px 0}.formkit-form>.formkit-messages .formkit-message{font-size:.8rem}.formkit-outer{margin:0;padding-bottom:.8rem}.formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-outer .formkit-inner .p-formkit .p-password,.formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-outer .formkit-inner .p-formkit .p-select,.formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-outer ul{margin-block-start:2px;margin-block-end:2px}.formkit-outer .formkit-messages{padding:4px 0 0 0}.formkit-outer .formkit-messages .formkit-message{padding:0;margin:0;color:var(--formkit-error-color);list-style:none;font-size:.8rem}.formkit-outer[data-type=primeToggleSwitch] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeCheckbox] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeTriStateCheckbox] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeRadioButton] .formkit-inner .formkit-prime-right{margin-left:10px;font-size:1rem}.formkit-outer[data-type=primeToggleSwitch] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeCheckbox] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeTriStateCheckbox] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeRadioButton] .formkit-inner .formkit-prime-left{margin-right:10px;font-size:1rem}.formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-fieldset:focus-within{border:0}.formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-legend{display:block;margin:0;padding:0}.formkit-help{margin:4px 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-messages{padding:0}.formkit-message{padding:0;margin:0;color:var(--formkit-error-color);list-style:none;font-size:.8rem}.formkit-actions{padding-top:.5rem}.p-formkit-radio-label{margin-left:1rem}.p-formkit-icon-left{padding-right:.5rem}.p-formkit-icon-right{padding-left:.5rem}.formkit-prefix-icon{padding-right:.5rem}.formkit-prefix{padding-right:.5rem}.formkit-suffix-icon{padding-left:.5rem}.formkit-suffix{padding-left:.5rem}.p-formkit-data-debug pre,.p-formkit-data-debug span{font-size:.75rem;line-height:1rem}.p-formkit-data-view .formkit-actions{display:none}
|
package/package.json
CHANGED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useFormKitOutput = useFormKitOutput;
|
|
7
|
-
var _vue = require("vue");
|
|
8
|
-
function useFormKitOutput(context, componentClass = "") {
|
|
9
|
-
const wrapperClass = (0, _vue.computed)(() => {
|
|
10
|
-
return context?.wrapperClass ? `p-formkit ${componentClass} ${context?.wrapperClass}` : `p-formkit ${componentClass}`;
|
|
11
|
-
});
|
|
12
|
-
return {
|
|
13
|
-
wrapperClass
|
|
14
|
-
};
|
|
15
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { computed } from "vue";
|
|
2
|
-
export function useFormKitOutput(context, componentClass = "") {
|
|
3
|
-
const wrapperClass = computed(() => {
|
|
4
|
-
return context?.wrapperClass ? `p-formkit ${componentClass} ${context?.wrapperClass}` : `p-formkit ${componentClass}`;
|
|
5
|
-
});
|
|
6
|
-
return { wrapperClass };
|
|
7
|
-
}
|