@sfxcode/formkit-primevue 2.3.6 → 2.3.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.vue +15 -1
- package/dist/components/FormKitDataView.vue +6 -3
- package/dist/components/PrimeOutputNumber.vue +9 -2
- package/dist/composables/useInputEditorSchema.js +9 -2
- package/dist/composables/useInputEditorSchema.mjs +18 -8
- package/dist/sass/formkit-primevue.scss +1 -11
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -19,10 +19,22 @@ const props = defineProps({
|
|
|
19
19
|
type: Boolean,
|
|
20
20
|
default: false,
|
|
21
21
|
},
|
|
22
|
+
inputClass: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: 'p-button p-component p-formkit-button',
|
|
25
|
+
},
|
|
22
26
|
submitLabel: {
|
|
23
27
|
type: String,
|
|
24
28
|
default: 'Save',
|
|
25
29
|
},
|
|
30
|
+
actionsClass: {
|
|
31
|
+
type: String,
|
|
32
|
+
default: '',
|
|
33
|
+
},
|
|
34
|
+
formClass: {
|
|
35
|
+
type: String,
|
|
36
|
+
default: '',
|
|
37
|
+
},
|
|
26
38
|
})
|
|
27
39
|
|
|
28
40
|
const emit = defineEmits(['dataSaved'])
|
|
@@ -40,10 +52,12 @@ function handleSave() {
|
|
|
40
52
|
<FormKit
|
|
41
53
|
id="form"
|
|
42
54
|
v-model="formData"
|
|
55
|
+
:form-class="formClass"
|
|
56
|
+
:actions-class="actionsClass"
|
|
43
57
|
type="form"
|
|
44
58
|
:submit-label="submitLabel"
|
|
45
59
|
:submit-attrs="{
|
|
46
|
-
inputClass
|
|
60
|
+
inputClass,
|
|
47
61
|
}"
|
|
48
62
|
@submit="handleSave"
|
|
49
63
|
>
|
|
@@ -11,6 +11,10 @@ const props = defineProps({
|
|
|
11
11
|
type: Object,
|
|
12
12
|
default: null,
|
|
13
13
|
},
|
|
14
|
+
formClass: {
|
|
15
|
+
type: String,
|
|
16
|
+
default: '',
|
|
17
|
+
},
|
|
14
18
|
debugData: {
|
|
15
19
|
type: Boolean,
|
|
16
20
|
default: false,
|
|
@@ -30,9 +34,8 @@ const formData = ref(props.data)
|
|
|
30
34
|
<FormKit
|
|
31
35
|
v-model="formData"
|
|
32
36
|
type="form"
|
|
33
|
-
:
|
|
34
|
-
|
|
35
|
-
}"
|
|
37
|
+
:form-class="formClass"
|
|
38
|
+
:actions="false"
|
|
36
39
|
>
|
|
37
40
|
<FormKitSchema :schema="formSchema" :data="formData" />
|
|
38
41
|
</FormKit>
|
|
@@ -12,14 +12,21 @@ const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection
|
|
|
12
12
|
const { n } = useI18n()
|
|
13
13
|
|
|
14
14
|
const converted = computed(() => {
|
|
15
|
-
|
|
15
|
+
const value = props?.context?._value
|
|
16
|
+
if (value) {
|
|
16
17
|
let result = ''
|
|
17
18
|
const format = props?.context?.attrs?.format ? props?.context?.attrs?.format : 'short'
|
|
18
19
|
try {
|
|
19
|
-
result = n(
|
|
20
|
+
result = n(value, format)
|
|
20
21
|
}
|
|
21
22
|
// eslint-disable-next-line unused-imports/no-unused-vars
|
|
22
23
|
catch (e) {
|
|
24
|
+
try {
|
|
25
|
+
result = n(+value, format)
|
|
26
|
+
}
|
|
27
|
+
// eslint-disable-next-line unused-imports/no-unused-vars
|
|
28
|
+
catch (e) {
|
|
29
|
+
}
|
|
23
30
|
}
|
|
24
31
|
return result
|
|
25
32
|
}
|
|
@@ -129,14 +129,21 @@ function useInputEditorSchema() {
|
|
|
129
129
|
label: "Input Help",
|
|
130
130
|
key: "schema_help",
|
|
131
131
|
preserve: true
|
|
132
|
-
}, {
|
|
132
|
+
}, addGridElement([{
|
|
133
133
|
$formkit: "primeInputText",
|
|
134
134
|
if: "$get(selectButton).value === 'showBasic'",
|
|
135
135
|
name: "value",
|
|
136
136
|
label: "Input Value",
|
|
137
137
|
key: "schema_value",
|
|
138
138
|
preserve: true
|
|
139
|
-
},
|
|
139
|
+
}, {
|
|
140
|
+
$formkit: "primeInputText",
|
|
141
|
+
if: "$get(selectButton).value === 'showBasic'",
|
|
142
|
+
name: "format",
|
|
143
|
+
label: "Value Format",
|
|
144
|
+
key: "schema_format",
|
|
145
|
+
preserve: true
|
|
146
|
+
}]), addGridElement([{
|
|
140
147
|
$formkit: "primeInputText",
|
|
141
148
|
if: "$get(selectButton).value === 'showBasic'",
|
|
142
149
|
name: "id",
|
|
@@ -94,14 +94,24 @@ export function useInputEditorSchema() {
|
|
|
94
94
|
key: "schema_help",
|
|
95
95
|
preserve: true
|
|
96
96
|
},
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
97
|
+
addGridElement([
|
|
98
|
+
{
|
|
99
|
+
$formkit: "primeInputText",
|
|
100
|
+
if: "$get(selectButton).value === 'showBasic'",
|
|
101
|
+
name: "value",
|
|
102
|
+
label: "Input Value",
|
|
103
|
+
key: "schema_value",
|
|
104
|
+
preserve: true
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
$formkit: "primeInputText",
|
|
108
|
+
if: "$get(selectButton).value === 'showBasic'",
|
|
109
|
+
name: "format",
|
|
110
|
+
label: "Value Format",
|
|
111
|
+
key: "schema_format",
|
|
112
|
+
preserve: true
|
|
113
|
+
}
|
|
114
|
+
]),
|
|
105
115
|
addGridElement([
|
|
106
116
|
{
|
|
107
117
|
$formkit: "primeInputText",
|
|
@@ -108,14 +108,6 @@
|
|
|
108
108
|
margin-left: 1rem;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
-
.p-formkit-icon-left {
|
|
112
|
-
padding-right: 0.5rem;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.p-formkit-icon-right {
|
|
116
|
-
padding-left: 0.5rem;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
111
|
.formkit-prefix-icon {
|
|
120
112
|
padding-right: 0.5rem;
|
|
121
113
|
}
|
|
@@ -141,9 +133,7 @@
|
|
|
141
133
|
}
|
|
142
134
|
|
|
143
135
|
.p-formkit-data-view {
|
|
144
|
-
|
|
145
|
-
display: none;
|
|
146
|
-
}
|
|
136
|
+
|
|
147
137
|
}
|
|
148
138
|
|
|
149
139
|
.p-formkit-data-edit {
|
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}.
|
|
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}.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}
|
package/package.json
CHANGED