@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.
@@ -47,8 +47,8 @@ function useFormKitRepeater() {
47
47
  parentNode.input(newArray, false);
48
48
  };
49
49
  }
50
- function addGroupButtons(innerClass = "mt-1", outerClass = "col-4", label = "Actions", help = "", render = "true") {
51
- const addButtonComponent = (onClick = "", label2 = "", icon = "", severity = "", render2 = "true", styleClass = "p-button-sm mr-2") => {
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: "mr-12"
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: "mr-12"
64
- }, "$index == $node.value.length -1")], innerClass, outerClass, label, help, render);
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 = "mt-1", outerClass = "col-4", label = "Actions", help = "", render = "true") {
38
- const addButtonComponent = (onClick = "", label2 = "", icon = "", severity = "", render2 = "true", styleClass = "p-button-sm mr-2") => {
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: "mr-12" }, "$index == 0"),
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: "mr-12" }, "$index == $node.value.length -1")
48
- ], innerClass, outerClass, label, help, render);
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 Property",
333
+ label: "PrimeVue Key",
334
334
  name: "prime_key",
335
335
  outerClass: "col-3"
336
336
  }, {
@@ -308,7 +308,7 @@ export function useInputEditorSchema() {
308
308
  [
309
309
  {
310
310
  $formkit: "primeInputText",
311
- label: "PrimeVue Property",
311
+ label: "PrimeVue Key",
312
312
  name: "prime_key",
313
313
  outerClass: "col-3"
314
314
  },
@@ -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.9",
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.1",
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.1",
101
+ "@primevue/themes": "4.0.2",
102
102
  "@types/node": "^20.14.12",
103
- "@unocss/preset-icons": "0.61.5",
104
- "@unocss/preset-uno": "0.61.5",
105
- "@vitejs/plugin-vue": "^5.1.0",
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.33",
109
- "@vue/server-renderer": "^3.4.33",
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.7.0",
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.5",
129
- "unplugin-auto-import": "^0.18.1",
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.7",
132
- "vite": "^5.3.4",
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.33",
140
- "vue-demi": "^0.14.9",
139
+ "vue": "^3.4.34",
140
+ "vue-demi": "^0.14.10",
141
141
  "vue-router": "^4.4.0",
142
- "vue-tsc": "^2.0.28"
142
+ "vue-tsc": "^2.0.29"
143
143
  }
144
144
  }