@sfxcode/formkit-primevue 2.2.0 → 2.2.3

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.
Files changed (6) hide show
  1. package/dist/composables/useInputEditorSchema.d.ts +7 -71
  2. package/dist/composables/useInputEditorSchema.js +40 -30
  3. package/dist/composables/useInputEditorSchema.mjs +129 -112
  4. package/dist/sass/formkit-primevue.scss +1 -1
  5. package/dist/style.css +1 -1
  6. package/package.json +16 -16
package/dist/composables/useInputEditorSchema.d.ts CHANGED
@@ -1,40 +1,15 @@
1
1
  export declare function useInputEditorSchema(): {
2
2
  editorSchema: (inputOptions?: any[]) => ({
3
+ $el: string;
4
+ if: string;
5
+ attrs: object;
6
+ children: string | any[];
7
+ } | {
3
8
  $formkit: string;
4
9
  if: string;
5
10
  name: string;
6
11
  dynamic: boolean;
7
12
  children: object[];
8
- } | {
9
- $formkit: string;
10
- id: string;
11
- name: string;
12
- label: string;
13
- value: string;
14
- optionLabel: string;
15
- optionValue: string;
16
- options: any[];
17
- key: string;
18
- preserve: boolean;
19
- validation?: undefined;
20
- validationVisibility?: undefined;
21
- allowEmpty?: undefined;
22
- if?: undefined;
23
- } | {
24
- $formkit: string;
25
- name: string;
26
- label: string;
27
- validation: string;
28
- validationVisibility: string;
29
- key: string;
30
- preserve: boolean;
31
- id?: undefined;
32
- value?: undefined;
33
- optionLabel?: undefined;
34
- optionValue?: undefined;
35
- options?: undefined;
36
- allowEmpty?: undefined;
37
- if?: undefined;
38
13
  } | {
39
14
  $formkit: string;
40
15
  id: string;
@@ -49,10 +24,8 @@ export declare function useInputEditorSchema(): {
49
24
  allowEmpty: boolean;
50
25
  key: string;
51
26
  preserve: boolean;
52
- label?: undefined;
53
- validation?: undefined;
54
- validationVisibility?: undefined;
55
27
  if?: undefined;
28
+ label?: undefined;
56
29
  } | {
57
30
  $formkit: string;
58
31
  if: string;
@@ -61,27 +34,10 @@ export declare function useInputEditorSchema(): {
61
34
  key: string;
62
35
  preserve: boolean;
63
36
  id?: undefined;
64
- value?: undefined;
65
- optionLabel?: undefined;
66
- optionValue?: undefined;
67
37
  options?: undefined;
68
- validation?: undefined;
69
- validationVisibility?: undefined;
70
- allowEmpty?: undefined;
71
- } | {
72
- $formkit: string;
73
- if: string;
74
- name: string;
75
- label: string;
76
- key: string;
77
- value: boolean;
78
- preserve: boolean;
79
- id?: undefined;
80
38
  optionLabel?: undefined;
81
39
  optionValue?: undefined;
82
- options?: undefined;
83
- validation?: undefined;
84
- validationVisibility?: undefined;
40
+ value?: undefined;
85
41
  allowEmpty?: undefined;
86
42
  } | {
87
43
  $formkit: string;
@@ -98,26 +54,6 @@ export declare function useInputEditorSchema(): {
98
54
  key: string;
99
55
  preserve: boolean;
100
56
  id?: undefined;
101
- validation?: undefined;
102
- validationVisibility?: undefined;
103
- allowEmpty?: undefined;
104
- } | {
105
- $formkit: string;
106
- if: string;
107
- name: string;
108
- label: string;
109
- optionLabel: string;
110
- optionValue: string;
111
- options: {
112
- label: string;
113
- value: string;
114
- }[];
115
- key: string;
116
- preserve: boolean;
117
- id?: undefined;
118
- value?: undefined;
119
- validation?: undefined;
120
- validationVisibility?: undefined;
121
57
  allowEmpty?: undefined;
122
58
  })[];
123
59
  primeInputNames: string[];
package/dist/composables/useInputEditorSchema.js CHANGED
@@ -14,7 +14,12 @@ function useInputEditorSchema() {
14
14
  } = (0, _useFormKitSchema.useFormKitSchema)();
15
15
  function addFlexElement(children) {
16
16
  return addElement("div", children, {
17
- style: "min-width: 40rem;display: flex;gap: 1rem;"
17
+ style: "max-width: 40rem;display: flex;gap: 1rem;"
18
+ });
19
+ }
20
+ function addGridElement(children) {
21
+ return addElement("div", children, {
22
+ style: "display: grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap: 1rem;"
18
23
  });
19
24
  }
20
25
  function addGroupButtons() {
@@ -36,8 +41,8 @@ function useInputEditorSchema() {
36
41
  style: "padding-top: 1.5rem;"
37
42
  });
38
43
  }
39
- const primeInputWithOptionNames = ["CascadeSelect", "Dropdown", "Listbox", "MultiSelect", "RadioButton", "SelectButton", "TreeSelect"];
40
- const primeInputNames = [...primeInputWithOptionNames, "AutoComplete", "Calendar", "Checkbox", "Chips", "ColorPicker", "Editor", "InputMask", "InputNumber", "InputOtp", "InputSwitch", "InputText", "Knob", "Password", "Rating", "Slider", "Textarea", "ToggleButton", "TriStateCheckbox"].sort();
44
+ const primeInputWithOptionNames = ["CascadeSelect", "Listbox", "MultiSelect", "RadioButton", "Select", "SelectButton", "TreeSelect"];
45
+ const primeInputNames = [...primeInputWithOptionNames, "AutoComplete", "Checkbox", "ColorPicker", "DatePicker", "Editor", "InputMask", "InputNumber", "InputOtp", "InputText", "Knob", "Password", "Rating", "Slider", "Textarea", "ToggleButton", "ToggleSwitch"].sort();
41
46
  function primeInputOptions(list) {
42
47
  return list.map(name => {
43
48
  return {
@@ -86,7 +91,12 @@ function useInputEditorSchema() {
86
91
  const formkitInput = data?._dollar_formkit;
87
92
  let tempData = {};
88
93
  if (data.prime?.length > 0) {
89
- const mapped = data.prime?.map(entry => [entry.prime_key, entry.prime_value]);
94
+ const mapped = data.prime?.map(entry => {
95
+ const key = entry.prime_key;
96
+ let value = entry.prime_value;
97
+ if (formkitInput === "primeInputOtp" && key === "length") value = +value;
98
+ return [key, value];
99
+ });
90
100
  tempData = Object.assign(...mapped.map(([key, val]) => ({
91
101
  [key]: val
92
102
  })));
@@ -138,7 +148,7 @@ function useInputEditorSchema() {
138
148
  };
139
149
  }
140
150
  function editorSchema(inputOptions = primeInputOptions(primeInputNames)) {
141
- return [{
151
+ return [addGridElement([{
142
152
  $formkit: "primeSelect",
143
153
  id: "inputSelection",
144
154
  name: "_dollar_formkit",
@@ -157,7 +167,7 @@ function useInputEditorSchema() {
157
167
  validationVisibility: "live",
158
168
  key: "schema_name",
159
169
  preserve: true
160
- }, {
170
+ }]), {
161
171
  $formkit: "primeSelectButton",
162
172
  id: "selectButton",
163
173
  name: "selectButton",
@@ -183,6 +193,13 @@ function useInputEditorSchema() {
183
193
  key: "schema_help",
184
194
  preserve: true
185
195
  }, {
196
+ $formkit: "primeInputText",
197
+ if: "$get(selectButton).value === 'showBasic'",
198
+ name: "value",
199
+ label: "Input Value",
200
+ key: "schema_value",
201
+ preserve: true
202
+ }, addGridElement([{
186
203
  $formkit: "primeInputText",
187
204
  if: "$get(selectButton).value === 'showBasic'",
188
205
  name: "id",
@@ -192,16 +209,16 @@ function useInputEditorSchema() {
192
209
  }, {
193
210
  $formkit: "primeInputText",
194
211
  if: "$get(selectButton).value === 'showBasic'",
195
- name: "value",
196
- label: "Input Value",
197
- key: "schema_value",
212
+ name: "key",
213
+ label: "Input Key",
214
+ key: "schema_key",
198
215
  preserve: true
199
216
  }, {
200
217
  $formkit: "primeInputText",
201
218
  if: "$get(selectButton).value === 'showBasic'",
202
- name: "key",
203
- label: "Input Key",
204
- key: "schema_key",
219
+ name: "tabindex",
220
+ label: "Tab Index",
221
+ key: "schema_tabindex",
205
222
  preserve: true
206
223
  }, {
207
224
  $formkit: "primeCheckbox",
@@ -211,7 +228,7 @@ function useInputEditorSchema() {
211
228
  key: "schema_preserve",
212
229
  value: false,
213
230
  preserve: true
214
- }, {
231
+ }]), {
215
232
  $formkit: "primeInputText",
216
233
  if: "$get(selectButton).value === 'showValidation'",
217
234
  name: "validation",
@@ -236,19 +253,12 @@ function useInputEditorSchema() {
236
253
  label: "Field Validation Label",
237
254
  key: "schema_validation-label",
238
255
  preserve: true
239
- }, {
256
+ }, addGridElement([{
240
257
  $formkit: "primeInputText",
241
258
  if: "$get(selectButton).value === 'showDisplay'",
242
- name: "tabindex",
243
- label: "Tab Index",
244
- key: "schema_tabindex",
245
- preserve: true
246
- }, {
247
- $formkit: "primeInputText",
248
- if: "$get(selectButton).value === 'showDisplay'",
249
- name: "if",
250
- label: "Should Render",
251
- key: "schema_if",
259
+ name: "class",
260
+ label: "Input StyleClass",
261
+ key: "schema_class",
252
262
  preserve: true
253
263
  }, {
254
264
  $formkit: "primeInputText",
@@ -257,14 +267,14 @@ function useInputEditorSchema() {
257
267
  label: "Input Style",
258
268
  key: "schema_style",
259
269
  preserve: true
260
- }, {
270
+ }]), {
261
271
  $formkit: "primeInputText",
262
272
  if: "$get(selectButton).value === 'showDisplay'",
263
- name: "class",
264
- label: "Input StyleClass",
265
- key: "schema_class",
273
+ name: "if",
274
+ label: "Should Render (if-Expression)",
275
+ key: "schema_if",
266
276
  preserve: true
267
- }, {
277
+ }, addGridElement([{
268
278
  $formkit: "primeInputText",
269
279
  if: "$get(selectButton).value === 'showDisplay'",
270
280
  name: "icon",
@@ -297,7 +307,7 @@ function useInputEditorSchema() {
297
307
  key: "schema_readonly",
298
308
  value: false,
299
309
  preserve: true
300
- }, addList("options", [addFlexElement([addComponent("Button", {
310
+ }]), addList("options", [addFlexElement([addComponent("Button", {
301
311
  onClick: "$addNode($node)",
302
312
  label: "Add Option",
303
313
  class: "p-button-sm",
package/dist/composables/useInputEditorSchema.mjs CHANGED
@@ -2,7 +2,10 @@ import { useFormKitSchema } from "./useFormKitSchema.mjs";
2
2
  export function useInputEditorSchema() {
3
3
  const { addElement, addList, addListGroup, addComponent } = useFormKitSchema();
4
4
  function addFlexElement(children) {
5
- return addElement("div", children, { style: "min-width: 40rem;display: flex;gap: 1rem;" });
5
+ return addElement("div", children, { style: "max-width: 40rem;display: flex;gap: 1rem;" });
6
+ }
7
+ function addGridElement(children) {
8
+ return addElement("div", children, { style: "display: grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap: 1rem;" });
6
9
  }
7
10
  function addGroupButtons() {
8
11
  const addButtonComponent = (onClick = "", label = "", icon = "", severity = "", render = "true", styleClass = "p-button-sm", style = "margin-left: 0.5rem;") => {
@@ -17,8 +20,8 @@ export function useInputEditorSchema() {
17
20
  addElement("span", [], { style: "margin-left: 0.5rem;margin-right: 2.5rem;" }, "$index == $node.value.length -1")
18
21
  ], { style: "padding-top: 1.5rem;" });
19
22
  }
20
- const primeInputWithOptionNames = ["CascadeSelect", "Dropdown", "Listbox", "MultiSelect", "RadioButton", "SelectButton", "TreeSelect"];
21
- const primeInputNames = [...primeInputWithOptionNames, "AutoComplete", "Calendar", "Checkbox", "Chips", "ColorPicker", "Editor", "InputMask", "InputNumber", "InputOtp", "InputSwitch", "InputText", "Knob", "Password", "Rating", "Slider", "Textarea", "ToggleButton", "TriStateCheckbox"].sort();
23
+ const primeInputWithOptionNames = ["CascadeSelect", "Listbox", "MultiSelect", "RadioButton", "Select", "SelectButton", "TreeSelect"];
24
+ const primeInputNames = [...primeInputWithOptionNames, "AutoComplete", "Checkbox", "ColorPicker", "DatePicker", "Editor", "InputMask", "InputNumber", "InputOtp", "InputText", "Knob", "Password", "Rating", "Slider", "Textarea", "ToggleButton", "ToggleSwitch"].sort();
22
25
  function primeInputOptions(list) {
23
26
  return list.map((name) => {
24
27
  return { label: name, value: `prime${name}` };
@@ -45,7 +48,13 @@ export function useInputEditorSchema() {
45
48
  const formkitInput = data?._dollar_formkit;
46
49
  let tempData = {};
47
50
  if (data.prime?.length > 0) {
48
- const mapped = data.prime?.map((entry) => [entry.prime_key, entry.prime_value]);
51
+ const mapped = data.prime?.map((entry) => {
52
+ const key = entry.prime_key;
53
+ let value = entry.prime_value;
54
+ if (formkitInput === "primeInputOtp" && key === "length")
55
+ value = +value;
56
+ return [key, value];
57
+ });
49
58
  tempData = Object.assign(...mapped.map(([key, val]) => ({ [key]: val })));
50
59
  }
51
60
  const readonlyValue = data.readonly ? true : void 0;
@@ -71,27 +80,29 @@ export function useInputEditorSchema() {
71
80
  }
72
81
  function editorSchema(inputOptions = primeInputOptions(primeInputNames)) {
73
82
  return [
74
- {
75
- $formkit: "primeSelect",
76
- id: "inputSelection",
77
- name: "_dollar_formkit",
78
- label: "Prime Input",
79
- value: "primeInputText",
80
- optionLabel: "label",
81
- optionValue: "value",
82
- options: inputOptions,
83
- key: "schema_inputSelection",
84
- preserve: true
85
- },
86
- {
87
- $formkit: "primeInputText",
88
- name: "name",
89
- label: "Field Name",
90
- validation: "required",
91
- validationVisibility: "live",
92
- key: "schema_name",
93
- preserve: true
94
- },
83
+ addGridElement([
84
+ {
85
+ $formkit: "primeSelect",
86
+ id: "inputSelection",
87
+ name: "_dollar_formkit",
88
+ label: "Prime Input",
89
+ value: "primeInputText",
90
+ optionLabel: "label",
91
+ optionValue: "value",
92
+ options: inputOptions,
93
+ key: "schema_inputSelection",
94
+ preserve: true
95
+ },
96
+ {
97
+ $formkit: "primeInputText",
98
+ name: "name",
99
+ label: "Field Name",
100
+ validation: "required",
101
+ validationVisibility: "live",
102
+ key: "schema_name",
103
+ preserve: true
104
+ }
105
+ ]),
95
106
  {
96
107
  $formkit: "primeSelectButton",
97
108
  id: "selectButton",
@@ -120,14 +131,6 @@ export function useInputEditorSchema() {
120
131
  key: "schema_help",
121
132
  preserve: true
122
133
  },
123
- {
124
- $formkit: "primeInputText",
125
- if: "$get(selectButton).value === 'showBasic'",
126
- name: "id",
127
- label: "Input ID",
128
- key: "schema_id",
129
- preserve: true
130
- },
131
134
  {
132
135
  $formkit: "primeInputText",
133
136
  if: "$get(selectButton).value === 'showBasic'",
@@ -136,23 +139,41 @@ export function useInputEditorSchema() {
136
139
  key: "schema_value",
137
140
  preserve: true
138
141
  },
139
- {
140
- $formkit: "primeInputText",
141
- if: "$get(selectButton).value === 'showBasic'",
142
- name: "key",
143
- label: "Input Key",
144
- key: "schema_key",
145
- preserve: true
146
- },
147
- {
148
- $formkit: "primeCheckbox",
149
- if: "$get(selectButton).value === 'showBasic'",
150
- name: "preserve",
151
- label: "Input Preserve",
152
- key: "schema_preserve",
153
- value: false,
154
- preserve: true
155
- },
142
+ addGridElement([
143
+ {
144
+ $formkit: "primeInputText",
145
+ if: "$get(selectButton).value === 'showBasic'",
146
+ name: "id",
147
+ label: "Input ID",
148
+ key: "schema_id",
149
+ preserve: true
150
+ },
151
+ {
152
+ $formkit: "primeInputText",
153
+ if: "$get(selectButton).value === 'showBasic'",
154
+ name: "key",
155
+ label: "Input Key",
156
+ key: "schema_key",
157
+ preserve: true
158
+ },
159
+ {
160
+ $formkit: "primeInputText",
161
+ if: "$get(selectButton).value === 'showBasic'",
162
+ name: "tabindex",
163
+ label: "Tab Index",
164
+ key: "schema_tabindex",
165
+ preserve: true
166
+ },
167
+ {
168
+ $formkit: "primeCheckbox",
169
+ if: "$get(selectButton).value === 'showBasic'",
170
+ name: "preserve",
171
+ label: "Input Preserve",
172
+ key: "schema_preserve",
173
+ value: false,
174
+ preserve: true
175
+ }
176
+ ]),
156
177
  {
157
178
  $formkit: "primeInputText",
158
179
  if: "$get(selectButton).value === 'showValidation'",
@@ -181,75 +202,71 @@ export function useInputEditorSchema() {
181
202
  key: "schema_validation-label",
182
203
  preserve: true
183
204
  },
184
- {
185
- $formkit: "primeInputText",
186
- if: "$get(selectButton).value === 'showDisplay'",
187
- name: "tabindex",
188
- label: "Tab Index",
189
- key: "schema_tabindex",
190
- preserve: true
191
- },
205
+ addGridElement([
206
+ {
207
+ $formkit: "primeInputText",
208
+ if: "$get(selectButton).value === 'showDisplay'",
209
+ name: "class",
210
+ label: "Input StyleClass",
211
+ key: "schema_class",
212
+ preserve: true
213
+ },
214
+ {
215
+ $formkit: "primeInputText",
216
+ if: "$get(selectButton).value === 'showDisplay'",
217
+ name: "style",
218
+ label: "Input Style",
219
+ key: "schema_style",
220
+ preserve: true
221
+ }
222
+ ]),
192
223
  {
193
224
  $formkit: "primeInputText",
194
225
  if: "$get(selectButton).value === 'showDisplay'",
195
226
  name: "if",
196
- label: "Should Render",
227
+ label: "Should Render (if-Expression)",
197
228
  key: "schema_if",
198
229
  preserve: true
199
230
  },
200
- {
201
- $formkit: "primeInputText",
202
- if: "$get(selectButton).value === 'showDisplay'",
203
- name: "style",
204
- label: "Input Style",
205
- key: "schema_style",
206
- preserve: true
207
- },
208
- {
209
- $formkit: "primeInputText",
210
- if: "$get(selectButton).value === 'showDisplay'",
211
- name: "class",
212
- label: "Input StyleClass",
213
- key: "schema_class",
214
- preserve: true
215
- },
216
- {
217
- $formkit: "primeInputText",
218
- if: "$get(selectButton).value === 'showDisplay'",
219
- name: "icon",
220
- label: "Icon",
221
- key: "schema_icon",
222
- preserve: true
223
- },
224
- {
225
- $formkit: "primeSelect",
226
- if: "$get(selectButton).value === 'showDisplay'",
227
- name: "iconPosition",
228
- label: "Icon Position",
229
- optionLabel: "label",
230
- optionValue: "value",
231
- options: positionOptions,
232
- key: "schema_iconPosition",
233
- preserve: true
234
- },
235
- {
236
- $formkit: "primeCheckbox",
237
- if: "$get(selectButton).value === 'showDisplay'",
238
- name: "disabled",
239
- label: "Input Disabled",
240
- key: "schema_disabled",
241
- value: false,
242
- preserve: true
243
- },
244
- {
245
- $formkit: "primeCheckbox",
246
- if: "$get(selectButton).value === 'showDisplay'",
247
- name: "readonly",
248
- label: "Input Read Only",
249
- key: "schema_readonly",
250
- value: false,
251
- preserve: true
252
- },
231
+ addGridElement([
232
+ {
233
+ $formkit: "primeInputText",
234
+ if: "$get(selectButton).value === 'showDisplay'",
235
+ name: "icon",
236
+ label: "Icon",
237
+ key: "schema_icon",
238
+ preserve: true
239
+ },
240
+ {
241
+ $formkit: "primeSelect",
242
+ if: "$get(selectButton).value === 'showDisplay'",
243
+ name: "iconPosition",
244
+ label: "Icon Position",
245
+ optionLabel: "label",
246
+ optionValue: "value",
247
+ options: positionOptions,
248
+ key: "schema_iconPosition",
249
+ preserve: true
250
+ },
251
+ {
252
+ $formkit: "primeCheckbox",
253
+ if: "$get(selectButton).value === 'showDisplay'",
254
+ name: "disabled",
255
+ label: "Input Disabled",
256
+ key: "schema_disabled",
257
+ value: false,
258
+ preserve: true
259
+ },
260
+ {
261
+ $formkit: "primeCheckbox",
262
+ if: "$get(selectButton).value === 'showDisplay'",
263
+ name: "readonly",
264
+ label: "Input Read Only",
265
+ key: "schema_readonly",
266
+ value: false,
267
+ preserve: true
268
+ }
269
+ ]),
253
270
  addList("options", [
254
271
  addFlexElement([
255
272
  addComponent("Button", { onClick: "$addNode($node)", label: "Add Option", class: "p-button-sm", style: "margin-bottom: 2rem;", icon: "pi pi-plus" }, "$node.value.length == 0")
package/dist/sass/formkit-primevue.scss CHANGED
@@ -22,7 +22,7 @@
22
22
  width: 100%;
23
23
  }
24
24
 
25
- .p-inputtext, .p-password, .p-multiselect, .p-dropdown {
25
+ .p-inputtext, .p-textarea, .p-password, .p-multiselect, .p-select, .p-editor {
26
26
  box-sizing: border-box;
27
27
  width: 100%;
28
28
  &.p-colorpicker-preview {
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-password,.formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-outer .formkit-inner .p-formkit .p-dropdown{box-sizing:border-box;width:100%}.formkit-outer .formkit-inner .p-formkit .p-inputtext.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-dropdown.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}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sfxcode/formkit-primevue",
3
3
  "type": "module",
4
- "version": "2.2.0",
4
+ "version": "2.2.3",
5
5
  "packageManager": "pnpm@9.4.0+sha256.b6fd0bfda555e7e584ad7e56b30c68b01d5a04f9ee93989f4b93ca8473c49c74",
6
6
  "author": {
7
7
  "name": "Tom",
@@ -89,17 +89,17 @@
89
89
  "primevue": "4.0.0"
90
90
  },
91
91
  "devDependencies": {
92
- "@antfu/eslint-config": "2.22.2",
92
+ "@antfu/eslint-config": "2.23.0",
93
93
  "@formkit/core": "^1.6.5",
94
94
  "@primevue/themes": "4.0.0",
95
- "@types/node": "^20.14.10",
96
- "@unocss/preset-icons": "0.61.3",
97
- "@unocss/preset-uno": "0.61.3",
95
+ "@types/node": "^20.14.11",
96
+ "@unocss/preset-icons": "0.61.5",
97
+ "@unocss/preset-uno": "0.61.5",
98
98
  "@vitejs/plugin-vue": "^5.0.5",
99
- "@vitest/coverage-v8": "^2.0.2",
100
- "@vitest/ui": "^2.0.2",
101
- "@vue/compiler-sfc": "^3.4.31",
102
- "@vue/server-renderer": "^3.4.31",
99
+ "@vitest/coverage-v8": "^2.0.3",
100
+ "@vitest/ui": "^2.0.3",
101
+ "@vue/compiler-sfc": "^3.4.33",
102
+ "@vue/server-renderer": "^3.4.33",
103
103
  "@vue/test-utils": "^2.4.6",
104
104
  "@vue/tsconfig": "^0.5.1",
105
105
  "@vuedx/typecheck": "~0.7.6",
@@ -112,24 +112,24 @@
112
112
  "eslint": "^9.7.0",
113
113
  "happy-dom": "^14.12.3",
114
114
  "json-editor-vue": "^0.15.1",
115
- "mkdist": "^1.5.3",
115
+ "mkdist": "^1.5.4",
116
116
  "quill": "^2.0.2",
117
117
  "sass": "^1.77.8",
118
118
  "tslib": "^2.6.3",
119
119
  "typescript": "^5.5.3",
120
120
  "unbuild": "2.0.0",
121
- "unocss": "0.61.3",
121
+ "unocss": "0.61.5",
122
122
  "unplugin-auto-import": "^0.18.0",
123
- "unplugin-vue-components": "^0.27.2",
123
+ "unplugin-vue-components": "^0.27.3",
124
124
  "vanilla-jsoneditor": "^0.23.7",
125
- "vite": "^5.3.3",
126
- "vite-plugin-dts": "^3.9.1",
125
+ "vite": "^5.3.4",
126
+ "vite-plugin-dts": "4.0.0-beta.1",
127
127
  "vite-plugin-eslint": "^1.8.1",
128
128
  "vite-plugin-pages": "^0.32.3",
129
129
  "vite-ssg": "^0.23.8",
130
130
  "vitepress": "1.3.1",
131
- "vitest": "^2.0.2",
132
- "vue": "^3.4.31",
131
+ "vitest": "^2.0.3",
132
+ "vue": "^3.4.33",
133
133
  "vue-demi": "^0.14.8",
134
134
  "vue-router": "^4.4.0",
135
135
  "vue-tsc": "^2.0.26"