@sfxcode/formkit-primevue 2.3.9 → 2.3.10
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/composables/useFormKitRepeater.js +5 -5
- package/dist/composables/useFormKitRepeater.mjs +5 -5
- package/dist/composables/useInputEditorSchema.js +1 -1
- package/dist/composables/useInputEditorSchema.mjs +1 -1
- package/dist/sass/formkit-primevue.scss +10 -0
- package/dist/style.css +1 -1
- package/package.json +16 -16
|
@@ -47,8 +47,8 @@ function useFormKitRepeater() {
|
|
|
47
47
|
parentNode.input(newArray, false);
|
|
48
48
|
};
|
|
49
49
|
}
|
|
50
|
-
function addGroupButtons(innerClass = "
|
|
51
|
-
const addButtonComponent = (onClick = "", label2 = "", icon = "", severity = "", render2 = "true", styleClass = "p-button-sm
|
|
50
|
+
function addGroupButtons(innerClass = "", outerClass = "col-4", label = "Actions", help = "", render = "true") {
|
|
51
|
+
const addButtonComponent = (onClick = "", label2 = "", icon = "", severity = "", render2 = "true", styleClass = "p-button-sm") => {
|
|
52
52
|
return addComponent("Button", {
|
|
53
53
|
onClick,
|
|
54
54
|
label: label2,
|
|
@@ -58,10 +58,10 @@ function useFormKitRepeater() {
|
|
|
58
58
|
}, render2);
|
|
59
59
|
};
|
|
60
60
|
return addElementsInOuterDiv([addButtonComponent("$removeNode($node, $index)", "", "pi pi-times", "danger"), addButtonComponent("$copyNode($node, $index)", "", "pi pi-plus"), addButtonComponent("$moveNodeUp($node, $index)", "", "pi pi-arrow-up", "secondary", "$index != 0"), addElement("span", [], {
|
|
61
|
-
class: "
|
|
61
|
+
class: "p-space"
|
|
62
62
|
}, "$index == 0"), addButtonComponent("$moveNodeDown($node, $index)", "", "pi pi-arrow-down", "secondary", "$index < $node.value.length -1"), addElement("span", [], {
|
|
63
|
-
class: "
|
|
64
|
-
}, "$index == $node.value.length -1")], innerClass
|
|
63
|
+
class: "p-space"
|
|
64
|
+
}, "$index == $node.value.length -1")], `p-action-buttons ${innerClass}`, outerClass, label, help, render);
|
|
65
65
|
}
|
|
66
66
|
return {
|
|
67
67
|
addInsertButton,
|
|
@@ -34,18 +34,18 @@ export function useFormKitRepeater() {
|
|
|
34
34
|
parentNode.input(newArray, false);
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
|
-
function addGroupButtons(innerClass = "
|
|
38
|
-
const addButtonComponent = (onClick = "", label2 = "", icon = "", severity = "", render2 = "true", styleClass = "p-button-sm
|
|
37
|
+
function addGroupButtons(innerClass = "", outerClass = "col-4", label = "Actions", help = "", render = "true") {
|
|
38
|
+
const addButtonComponent = (onClick = "", label2 = "", icon = "", severity = "", render2 = "true", styleClass = "p-button-sm") => {
|
|
39
39
|
return addComponent("Button", { onClick, label: label2, icon, class: styleClass, severity }, render2);
|
|
40
40
|
};
|
|
41
41
|
return addElementsInOuterDiv([
|
|
42
42
|
addButtonComponent("$removeNode($node, $index)", "", "pi pi-times", "danger"),
|
|
43
43
|
addButtonComponent("$copyNode($node, $index)", "", "pi pi-plus"),
|
|
44
44
|
addButtonComponent("$moveNodeUp($node, $index)", "", "pi pi-arrow-up", "secondary", "$index != 0"),
|
|
45
|
-
addElement("span", [], { class: "
|
|
45
|
+
addElement("span", [], { class: "p-space" }, "$index == 0"),
|
|
46
46
|
addButtonComponent("$moveNodeDown($node, $index)", "", "pi pi-arrow-down", "secondary", "$index < $node.value.length -1"),
|
|
47
|
-
addElement("span", [], { class: "
|
|
48
|
-
], innerClass
|
|
47
|
+
addElement("span", [], { class: "p-space" }, "$index == $node.value.length -1")
|
|
48
|
+
], `p-action-buttons ${innerClass}`, outerClass, label, help, render);
|
|
49
49
|
}
|
|
50
50
|
return { addInsertButton, addGroupButtons, addListGroupFunctions };
|
|
51
51
|
}
|
|
@@ -330,7 +330,7 @@ function useInputEditorSchema() {
|
|
|
330
330
|
preserve: true
|
|
331
331
|
}), addList("prime", [addInsertButton("Add PrimeVue Attribute"), addListGroup([{
|
|
332
332
|
$formkit: "primeInputText",
|
|
333
|
-
label: "PrimeVue
|
|
333
|
+
label: "PrimeVue Key",
|
|
334
334
|
name: "prime_key",
|
|
335
335
|
outerClass: "col-3"
|
|
336
336
|
}, {
|
|
@@ -149,6 +149,16 @@ $grid-breakpoints: (
|
|
|
149
149
|
line-height: 1rem;
|
|
150
150
|
}
|
|
151
151
|
}
|
|
152
|
+
|
|
153
|
+
.p-action-buttons {
|
|
154
|
+
margin-top: 0.25rem;
|
|
155
|
+
.p-button {
|
|
156
|
+
margin-right: 0.5rem;
|
|
157
|
+
}
|
|
158
|
+
span.p-space {
|
|
159
|
+
margin-right: 3rem;
|
|
160
|
+
}
|
|
161
|
+
}
|
|
152
162
|
}
|
|
153
163
|
|
|
154
164
|
// Change column behaviour in larger views
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--formkit-error-color: #ef9a9a}.formkit-form .formkit-messages{margin:.125rem 0;padding-top:.25rem;padding-left:0}.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-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}.formkit-form .p-formkit-data-debug pre,.formkit-form .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%}}
|
|
1
|
+
:root{--formkit-error-color: #ef9a9a}.formkit-form .formkit-messages{margin:.125rem 0;padding-top:.25rem;padding-left:0}.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-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}.formkit-form .p-formkit-data-debug pre,.formkit-form .p-formkit-data-debug span{font-size:.75rem;line-height:1rem}.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}@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%}}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sfxcode/formkit-primevue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "2.3.
|
|
4
|
+
"version": "2.3.10",
|
|
5
5
|
"packageManager": "pnpm@9.4.0+sha256.b6fd0bfda555e7e584ad7e56b30c68b01d5a04f9ee93989f4b93ca8473c49c74",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Tom",
|
|
@@ -92,21 +92,21 @@
|
|
|
92
92
|
"@formkit/i18n": "^1.6.5",
|
|
93
93
|
"@formkit/vue": "^1.6.5",
|
|
94
94
|
"primeicons": "^7.0.0",
|
|
95
|
-
"primevue": "4.0.
|
|
95
|
+
"primevue": "4.0.2",
|
|
96
96
|
"vue-i18n": "9.13.1"
|
|
97
97
|
},
|
|
98
98
|
"devDependencies": {
|
|
99
99
|
"@antfu/eslint-config": "2.23.2",
|
|
100
100
|
"@formkit/core": "^1.6.5",
|
|
101
|
-
"@primevue/themes": "4.0.
|
|
101
|
+
"@primevue/themes": "4.0.2",
|
|
102
102
|
"@types/node": "^20.14.12",
|
|
103
|
-
"@unocss/preset-icons": "0.61.
|
|
104
|
-
"@unocss/preset-uno": "0.61.
|
|
105
|
-
"@vitejs/plugin-vue": "^5.1.
|
|
103
|
+
"@unocss/preset-icons": "0.61.6",
|
|
104
|
+
"@unocss/preset-uno": "0.61.6",
|
|
105
|
+
"@vitejs/plugin-vue": "^5.1.1",
|
|
106
106
|
"@vitest/coverage-v8": "^2.0.4",
|
|
107
107
|
"@vitest/ui": "^2.0.4",
|
|
108
|
-
"@vue/compiler-sfc": "^3.4.
|
|
109
|
-
"@vue/server-renderer": "^3.4.
|
|
108
|
+
"@vue/compiler-sfc": "^3.4.34",
|
|
109
|
+
"@vue/server-renderer": "^3.4.34",
|
|
110
110
|
"@vue/test-utils": "^2.4.6",
|
|
111
111
|
"@vue/tsconfig": "^0.5.1",
|
|
112
112
|
"@vuedx/typecheck": "~0.7.6",
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
"changelogen": "^0.5.5",
|
|
117
117
|
"chart.js": "^4.4.3",
|
|
118
118
|
"consola": "^3.2.3",
|
|
119
|
-
"eslint": "^9.
|
|
119
|
+
"eslint": "^9.8.0",
|
|
120
120
|
"happy-dom": "^14.12.3",
|
|
121
121
|
"json-editor-vue": "^0.15.1",
|
|
122
122
|
"mkdist": "^1.5.4",
|
|
@@ -125,20 +125,20 @@
|
|
|
125
125
|
"tslib": "^2.6.3",
|
|
126
126
|
"typescript": "^5.5.4",
|
|
127
127
|
"unbuild": "2.0.0",
|
|
128
|
-
"unocss": "0.61.
|
|
129
|
-
"unplugin-auto-import": "^0.18.
|
|
128
|
+
"unocss": "0.61.6",
|
|
129
|
+
"unplugin-auto-import": "^0.18.2",
|
|
130
130
|
"unplugin-vue-components": "^0.27.3",
|
|
131
|
-
"vanilla-jsoneditor": "^0.23.
|
|
132
|
-
"vite": "^5.3.
|
|
131
|
+
"vanilla-jsoneditor": "^0.23.8",
|
|
132
|
+
"vite": "^5.3.5",
|
|
133
133
|
"vite-plugin-dts": "4.0.0-beta.1",
|
|
134
134
|
"vite-plugin-eslint": "^1.8.1",
|
|
135
135
|
"vite-plugin-pages": "^0.32.3",
|
|
136
136
|
"vite-ssg": "^0.23.8",
|
|
137
137
|
"vitepress": "1.3.1",
|
|
138
138
|
"vitest": "^2.0.4",
|
|
139
|
-
"vue": "^3.4.
|
|
140
|
-
"vue-demi": "^0.14.
|
|
139
|
+
"vue": "^3.4.34",
|
|
140
|
+
"vue-demi": "^0.14.10",
|
|
141
141
|
"vue-router": "^4.4.0",
|
|
142
|
-
"vue-tsc": "^2.0.
|
|
142
|
+
"vue-tsc": "^2.0.29"
|
|
143
143
|
}
|
|
144
144
|
}
|