@sfxcode/formkit-primevue 2.3.2 → 2.3.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 (39) hide show
  1. package/README.md +1 -2
  2. package/dist/components/FormKitDataEdit.vue +58 -0
  3. package/dist/components/FormKitDataView.vue +45 -0
  4. package/dist/components/FormKitDebug.vue +25 -0
  5. package/dist/components/PrimeInputText.vue +6 -38
  6. package/dist/components/PrimeOutputBoolean.vue +28 -0
  7. package/dist/components/PrimeOutputDate.vue +38 -0
  8. package/dist/components/PrimeOutputDuration.vue +22 -0
  9. package/dist/components/PrimeOutputLink.vue +28 -0
  10. package/dist/components/PrimeOutputList.vue +29 -0
  11. package/dist/components/PrimeOutputNumber.vue +38 -0
  12. package/dist/components/PrimeOutputText.vue +23 -0
  13. package/dist/components/index.d.ts +4 -1
  14. package/dist/components/index.js +21 -0
  15. package/dist/components/index.mjs +6 -0
  16. package/dist/composables/index.d.ts +4 -1
  17. package/dist/composables/index.js +22 -1
  18. package/dist/composables/index.mjs +7 -1
  19. package/dist/composables/useFormKitIcon.d.ts +5 -0
  20. package/dist/composables/useFormKitIcon.js +24 -0
  21. package/dist/composables/useFormKitIcon.mjs +15 -0
  22. package/dist/composables/useFormKitOutput.d.ts +3 -0
  23. package/dist/composables/useFormKitOutput.js +15 -0
  24. package/dist/composables/useFormKitOutput.mjs +7 -0
  25. package/dist/composables/useOutputDuration.d.ts +4 -0
  26. package/dist/composables/useOutputDuration.js +40 -0
  27. package/dist/composables/useOutputDuration.mjs +37 -0
  28. package/dist/definitions/index.d.ts +32 -47
  29. package/dist/definitions/index.js +35 -118
  30. package/dist/definitions/index.mjs +43 -436
  31. package/dist/definitions/input.d.ts +49 -0
  32. package/dist/definitions/input.js +125 -0
  33. package/dist/definitions/input.mjs +461 -0
  34. package/dist/definitions/output.d.ts +8 -0
  35. package/dist/definitions/output.js +36 -0
  36. package/dist/definitions/output.mjs +29 -0
  37. package/dist/sass/formkit-primevue.scss +25 -0
  38. package/dist/style.css +1 -1
  39. package/package.json +9 -8
@@ -0,0 +1,461 @@
1
+ import { createInput } from "@formkit/vue";
2
+ import PrimeAutoComplete from "../components/PrimeAutoComplete.vue";
3
+ import PrimeDatePicker from "../components/PrimeDatePicker.vue";
4
+ import PrimeCascadeSelect from "../components/PrimeCascadeSelect.vue";
5
+ import PrimeCheckbox from "../components/PrimeCheckbox.vue";
6
+ import PrimeColorPicker from "../components/PrimeColorPicker.vue";
7
+ import PrimeSelect from "../components/PrimeSelect.vue";
8
+ import PrimeEditor from "../components/PrimeEditor.vue";
9
+ import PrimeInputMask from "../components/PrimeInputMask.vue";
10
+ import PrimeInputNumber from "../components/PrimeInputNumber.vue";
11
+ import PrimeInputOtp from "../components/PrimeInputOtp.vue";
12
+ import PrimeToggleSwitch from "../components/PrimeToggleSwitch.vue";
13
+ import PrimeInputText from "../components/PrimeInputText.vue";
14
+ import PrimeTextarea from "../components/PrimeTextarea.vue";
15
+ import PrimeKnob from "../components/PrimeKnob.vue";
16
+ import PrimeMultiSelect from "../components/PrimeMultiSelect.vue";
17
+ import PrimeListbox from "../components/PrimeListbox.vue";
18
+ import PrimePassword from "../components/PrimePassword.vue";
19
+ import PrimeRadioButton from "../components/PrimeRadioButton.vue";
20
+ import PrimeRating from "../components/PrimeRating.vue";
21
+ import PrimeSlider from "../components/PrimeSlider.vue";
22
+ import PrimeToggleButton from "../components/PrimeToggleButton.vue";
23
+ import PrimeTreeSelect from "../components/PrimeTreeSelect.vue";
24
+ import PrimeSelectButton from "../components/PrimeSelectButton.vue";
25
+ export const primeAutoCompleteDefinition = createInput(PrimeAutoComplete, {
26
+ props: [
27
+ "pt",
28
+ "ptOptions",
29
+ "unstyled",
30
+ "Select",
31
+ "multiple",
32
+ "typeahead",
33
+ "wrapperClass"
34
+ ]
35
+ });
36
+ export const primeInputTextDefinition = createInput(PrimeInputText, {
37
+ props: [
38
+ "pt",
39
+ "ptOptions",
40
+ "unstyled",
41
+ "placeholder",
42
+ "icon",
43
+ "wrapperClass"
44
+ ]
45
+ });
46
+ export const primeInputNumberDefinition = createInput(PrimeInputNumber, {
47
+ props: [
48
+ "useGrouping",
49
+ "min",
50
+ "max",
51
+ "minFractionDigits",
52
+ "maxFractionDigits",
53
+ "locale",
54
+ "mode",
55
+ "currency",
56
+ "prefix",
57
+ "suffix",
58
+ "showButtons",
59
+ "buttonLayout",
60
+ "step",
61
+ "pt",
62
+ "ptOptions",
63
+ "unstyled",
64
+ "placeholder",
65
+ "wrapperClass"
66
+ ]
67
+ });
68
+ export const primeInputMaskDefinition = createInput(PrimeInputMask, {
69
+ props: [
70
+ "mask",
71
+ "slotChar",
72
+ "autoClear",
73
+ "unmask",
74
+ "pt",
75
+ "ptOptions",
76
+ "unstyled",
77
+ "invalid",
78
+ "variant",
79
+ "iconLeft",
80
+ "iconRight",
81
+ "wrapperClass"
82
+ ]
83
+ });
84
+ export const primePasswordDefinition = createInput(PrimePassword, {
85
+ props: [
86
+ "mediumRegex",
87
+ "strongRegex",
88
+ "promptLabel",
89
+ "weakLabel",
90
+ "mediumLabel",
91
+ "strongLabel",
92
+ "hideIcon",
93
+ "showIcon",
94
+ "pt",
95
+ "ptOptions",
96
+ "unstyled",
97
+ "placeholder",
98
+ "feedback",
99
+ "toggleMask",
100
+ "wrapperClass"
101
+ ]
102
+ });
103
+ export const primeTextareaDefinition = createInput(PrimeTextarea, {
104
+ props: [
105
+ "pt",
106
+ "ptOptions",
107
+ "unstyled",
108
+ "autoResize",
109
+ "rows",
110
+ "placeholder",
111
+ "wrapperClass"
112
+ ]
113
+ });
114
+ export const primeCheckboxDefinition = createInput(PrimeCheckbox, {
115
+ props: [
116
+ "binary",
117
+ "trueValue",
118
+ "falseValue",
119
+ "pt",
120
+ "ptOptions",
121
+ "unstyled",
122
+ "indeterminate",
123
+ "variant",
124
+ "labelLeft",
125
+ "labelRight",
126
+ "wrapperClass"
127
+ ]
128
+ });
129
+ export const primeToggleSwitchDefinition = createInput(PrimeToggleSwitch, {
130
+ props: [
131
+ "trueValue",
132
+ "falseValue",
133
+ "pt",
134
+ "ptOptions",
135
+ "unstyled",
136
+ "labelLeft",
137
+ "labelRight",
138
+ "wrapperClass"
139
+ ]
140
+ });
141
+ export const primeInputOtpDefinition = createInput(PrimeInputOtp, {
142
+ props: [
143
+ "length",
144
+ "variant",
145
+ "mask",
146
+ "integerOnly",
147
+ "pt",
148
+ "ptOptions",
149
+ "unstyled",
150
+ "wrapperClass"
151
+ ]
152
+ });
153
+ export const primeEditorDefinition = createInput(PrimeEditor, {
154
+ props: [
155
+ "placeholder",
156
+ "formats",
157
+ "modules",
158
+ "pt",
159
+ "ptOptions",
160
+ "unstyled",
161
+ "wrapperClass"
162
+ ]
163
+ });
164
+ export const primeSelectDefinition = createInput(PrimeSelect, {
165
+ props: [
166
+ "options",
167
+ "optionLabel",
168
+ "optionValue",
169
+ "optionDisabled",
170
+ "optionGroupLabel",
171
+ "optionGroupChildren",
172
+ "scrollHeight",
173
+ "filter",
174
+ "filterPlaceholder",
175
+ "filterLocale",
176
+ "filterMatchMode",
177
+ "filterFields",
178
+ "filterInputProps",
179
+ "editable",
180
+ "placeholder",
181
+ "dataKey",
182
+ "showClear",
183
+ "panelStyle",
184
+ "panelClass",
185
+ "panelProps",
186
+ "appendTo",
187
+ "resetFilterOnHide",
188
+ "virtualScrollerOptions",
189
+ "autoOptionFocus",
190
+ "selectOnFocus",
191
+ "filterMessage",
192
+ "selectionMessage",
193
+ "emptySelectionMessage",
194
+ "emptyFilterMessage",
195
+ "emptyMessage",
196
+ "pt",
197
+ "ptOptions",
198
+ "unstyled",
199
+ "wrapperClass"
200
+ ]
201
+ });
202
+ export const primeMultiSelectDefinition = createInput(PrimeMultiSelect, {
203
+ props: [
204
+ "options",
205
+ "optionLabel",
206
+ "optionValue",
207
+ "optionDisabled",
208
+ "optionGroupLabel",
209
+ "optionGroupChildren",
210
+ "scrollHeight",
211
+ "inputProps",
212
+ "closeButtonProps",
213
+ "dataKey",
214
+ "filter",
215
+ "filterPlaceholder",
216
+ "filterLocale",
217
+ "filterMatchMode",
218
+ "filterFields",
219
+ "appendTo",
220
+ "display",
221
+ "maxSelectedLabels",
222
+ "selectedItemsLabel",
223
+ "selectionLimit",
224
+ "showToggleAll",
225
+ "loading",
226
+ "selectAll",
227
+ "resetFilterOnHide",
228
+ "virtualScrollerOptions",
229
+ "autoOptionFocus",
230
+ "autoFilterFocus",
231
+ "filterMessage",
232
+ "selectionMessage",
233
+ "emptySelectionMessage",
234
+ "emptyFilterMessage",
235
+ "emptyMessage",
236
+ "pt",
237
+ "placeholder",
238
+ "ptOptions",
239
+ "unstyled",
240
+ "wrapperClass"
241
+ ]
242
+ });
243
+ export const primeListboxDefinition = createInput(PrimeListbox, {
244
+ props: [
245
+ "pt",
246
+ "ptOptions",
247
+ "unstyled",
248
+ "options",
249
+ "optionLabel",
250
+ "optionValue",
251
+ "multiple",
252
+ "filter",
253
+ "filterIcon",
254
+ "filterPlaceholder",
255
+ "filterLocale",
256
+ "filterMatchMode",
257
+ "autoOptionFocus",
258
+ "selectOnFocus",
259
+ "wrapperClass"
260
+ ]
261
+ });
262
+ export const primeDatePickerDefinition = createInput(PrimeDatePicker, {
263
+ props: [
264
+ "dateFormat",
265
+ "placeholder",
266
+ "selectionMode",
267
+ "inline",
268
+ "icon",
269
+ "showOtherMonths",
270
+ "selectOtherMonths",
271
+ "showIcon",
272
+ "previousIcon",
273
+ "nextIcon",
274
+ "incrementIcon",
275
+ "decrementIcon",
276
+ "numberOfMonths",
277
+ "responsiveOptions",
278
+ "view",
279
+ "touchUI",
280
+ "minDate",
281
+ "maxDate",
282
+ "disabledDates",
283
+ "disabledDays",
284
+ "maxDateCount",
285
+ "showOnFocus",
286
+ "autoZIndex",
287
+ "baseZIndex",
288
+ "showButtonBar",
289
+ "showTime",
290
+ "timeOnly",
291
+ "shortYearCutoff",
292
+ "hourFormat",
293
+ "stepHour",
294
+ "stepMinute",
295
+ "stepSecond",
296
+ "showSeconds",
297
+ "hideOnDateTimeSelect",
298
+ "hideOnRangeSelection",
299
+ "timeSeparator",
300
+ "showWeek",
301
+ "manualInput",
302
+ "appendTo",
303
+ "panelStyle",
304
+ "panelClass",
305
+ "pt",
306
+ "ptOptions",
307
+ "unstyled",
308
+ "wrapperClass"
309
+ ]
310
+ });
311
+ export const primeSliderDefinition = createInput(PrimeSlider, {
312
+ props: [
313
+ "pt",
314
+ "ptOptions",
315
+ "unstyled",
316
+ "min",
317
+ "max",
318
+ "step",
319
+ "range",
320
+ "orientation",
321
+ "wrapperClass"
322
+ ]
323
+ });
324
+ export const primeRatingDefinition = createInput(PrimeRating, {
325
+ props: [
326
+ "unstyled",
327
+ "stars",
328
+ "cancel",
329
+ "onIcon",
330
+ "offIcon",
331
+ "cancelIcon",
332
+ "ptOptions",
333
+ "pt",
334
+ "wrapperClass"
335
+ ]
336
+ });
337
+ export const primeRadioButtonDefinition = createInput(PrimeRadioButton, {
338
+ props: [
339
+ "pt",
340
+ "ptOptions",
341
+ "unstyled",
342
+ "options",
343
+ "optionClass",
344
+ "labelClass",
345
+ "wrapperClass"
346
+ ]
347
+ });
348
+ export const primeKnobDefinition = createInput(PrimeKnob, {
349
+ props: [
350
+ "pt",
351
+ "ptOptions",
352
+ "unstyled",
353
+ "min",
354
+ "max",
355
+ "step",
356
+ "size",
357
+ "strokeWidth",
358
+ "showValue",
359
+ "valueColor",
360
+ "rangeColor",
361
+ "textColor",
362
+ "valueTemplate",
363
+ "wrapperClass"
364
+ ]
365
+ });
366
+ export const primeColorPickerDefinition = createInput(PrimeColorPicker, {
367
+ props: [
368
+ "defaultColor",
369
+ "inline",
370
+ "format",
371
+ "pt",
372
+ "ptOptions",
373
+ "unstyled",
374
+ "wrapperClass"
375
+ ]
376
+ });
377
+ export const primeToggleButtonDefinition = createInput(PrimeToggleButton, {
378
+ props: [
379
+ "pt",
380
+ "ptOptions",
381
+ "unstyled",
382
+ "onLabel",
383
+ "offLabel",
384
+ "onIcon",
385
+ "offIcon",
386
+ "iconPos",
387
+ "wrapperClass"
388
+ ]
389
+ });
390
+ export const primeSelectButtonDefinition = createInput(PrimeSelectButton, {
391
+ props: [
392
+ "pt",
393
+ "ptOptions",
394
+ "unstyled",
395
+ "optionLabel",
396
+ "optionValue",
397
+ "optionDisabled",
398
+ "multiple",
399
+ "unselectable",
400
+ "dataKey",
401
+ "options",
402
+ "wrapperClass"
403
+ ]
404
+ });
405
+ export const primeCascadeSelectDefinition = createInput(PrimeCascadeSelect, {
406
+ props: [
407
+ "options",
408
+ "optionLabel",
409
+ "optionValue",
410
+ "optionGroupLabel",
411
+ "optionGroupChildren",
412
+ "placeholder",
413
+ "pt",
414
+ "ptOptions",
415
+ "unstyled",
416
+ "wrapperClass"
417
+ ]
418
+ });
419
+ export const primeTreeSelectDefinition = createInput(PrimeTreeSelect, {
420
+ props: [
421
+ "options",
422
+ "placeholder",
423
+ "selectionMode",
424
+ "pt",
425
+ "ptOptions",
426
+ "unstyled",
427
+ "emptyMessage",
428
+ "display",
429
+ "metaKeySelection",
430
+ "appendTo",
431
+ "scrollHeight",
432
+ "panelClass",
433
+ "variant",
434
+ "wrapperClass"
435
+ ]
436
+ });
437
+ export const primeInputs = {
438
+ primeAutoComplete: primeAutoCompleteDefinition,
439
+ primeInputText: primeInputTextDefinition,
440
+ primeInputNumber: primeInputNumberDefinition,
441
+ primeInputMask: primeInputMaskDefinition,
442
+ primePassword: primePasswordDefinition,
443
+ primeCheckbox: primeCheckboxDefinition,
444
+ primeToggleSwitch: primeToggleSwitchDefinition,
445
+ primeTextarea: primeTextareaDefinition,
446
+ primeEditor: primeEditorDefinition,
447
+ primeSelect: primeSelectDefinition,
448
+ primeMultiSelect: primeMultiSelectDefinition,
449
+ primeDatePicker: primeDatePickerDefinition,
450
+ primeSlider: primeSliderDefinition,
451
+ primeKnob: primeKnobDefinition,
452
+ primeRating: primeRatingDefinition,
453
+ primeRadioButton: primeRadioButtonDefinition,
454
+ primeColorPicker: primeColorPickerDefinition,
455
+ primeToggleButton: primeToggleButtonDefinition,
456
+ primeListbox: primeListboxDefinition,
457
+ primeSelectButton: primeSelectButtonDefinition,
458
+ primeCascadeSelect: primeCascadeSelectDefinition,
459
+ primeTreeSelect: primeTreeSelectDefinition,
460
+ primeInputOtp: primeInputOtpDefinition
461
+ };
@@ -0,0 +1,8 @@
1
+ import type { FormKitTypeDefinition } from '@formkit/core';
2
+ export declare const primeOutputTextDefinition: FormKitTypeDefinition;
3
+ export declare const primeOutputDateDefinition: FormKitTypeDefinition;
4
+ export declare const primeOutputNumberDefinition: FormKitTypeDefinition;
5
+ export declare const primeOutputLinkDefinition: FormKitTypeDefinition;
6
+ export declare const primeOutputBooleanDefinition: FormKitTypeDefinition;
7
+ export declare const primeOutputDurationDefinition: FormKitTypeDefinition;
8
+ export declare const primeOutputListDefinition: FormKitTypeDefinition;
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.primeOutputTextDefinition = exports.primeOutputNumberDefinition = exports.primeOutputListDefinition = exports.primeOutputLinkDefinition = exports.primeOutputDurationDefinition = exports.primeOutputDateDefinition = exports.primeOutputBooleanDefinition = void 0;
7
+ var _vue = require("@formkit/vue");
8
+ var _PrimeOutputText = _interopRequireDefault(require("../components/PrimeOutputText.vue"));
9
+ var _PrimeOutputDate = _interopRequireDefault(require("../components/PrimeOutputDate.vue"));
10
+ var _PrimeOutputNumber = _interopRequireDefault(require("../components/PrimeOutputNumber.vue"));
11
+ var _PrimeOutputLink = _interopRequireDefault(require("../components/PrimeOutputLink.vue"));
12
+ var _PrimeOutputBoolean = _interopRequireDefault(require("../components/PrimeOutputBoolean.vue"));
13
+ var _PrimeOutputDuration = _interopRequireDefault(require("../components/PrimeOutputDuration.vue"));
14
+ var _PrimeOutputList = _interopRequireDefault(require("../components/PrimeOutputList.vue"));
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
+ const primeOutputTextDefinition = exports.primeOutputTextDefinition = (0, _vue.createInput)(_PrimeOutputText.default, {
17
+ props: []
18
+ });
19
+ const primeOutputDateDefinition = exports.primeOutputDateDefinition = (0, _vue.createInput)(_PrimeOutputDate.default, {
20
+ props: []
21
+ });
22
+ const primeOutputNumberDefinition = exports.primeOutputNumberDefinition = (0, _vue.createInput)(_PrimeOutputNumber.default, {
23
+ props: []
24
+ });
25
+ const primeOutputLinkDefinition = exports.primeOutputLinkDefinition = (0, _vue.createInput)(_PrimeOutputLink.default, {
26
+ props: []
27
+ });
28
+ const primeOutputBooleanDefinition = exports.primeOutputBooleanDefinition = (0, _vue.createInput)(_PrimeOutputBoolean.default, {
29
+ props: []
30
+ });
31
+ const primeOutputDurationDefinition = exports.primeOutputDurationDefinition = (0, _vue.createInput)(_PrimeOutputDuration.default, {
32
+ props: []
33
+ });
34
+ const primeOutputListDefinition = exports.primeOutputListDefinition = (0, _vue.createInput)(_PrimeOutputList.default, {
35
+ props: []
36
+ });
@@ -0,0 +1,29 @@
1
+ import { createInput } from "@formkit/vue";
2
+ import PrimeOutputText from "../components/PrimeOutputText.vue";
3
+ import PrimeOutputDate from "../components/PrimeOutputDate.vue";
4
+ import PrimeOutputNumber from "../components/PrimeOutputNumber.vue";
5
+ import PrimeOutputLink from "../components/PrimeOutputLink.vue";
6
+ import PrimeOutputBoolean from "../components/PrimeOutputBoolean.vue";
7
+ import PrimeOutputDuration from "../components/PrimeOutputDuration.vue";
8
+ import PrimeOutputList from "../components/PrimeOutputList.vue";
9
+ export const primeOutputTextDefinition = createInput(PrimeOutputText, {
10
+ props: []
11
+ });
12
+ export const primeOutputDateDefinition = createInput(PrimeOutputDate, {
13
+ props: []
14
+ });
15
+ export const primeOutputNumberDefinition = createInput(PrimeOutputNumber, {
16
+ props: []
17
+ });
18
+ export const primeOutputLinkDefinition = createInput(PrimeOutputLink, {
19
+ props: []
20
+ });
21
+ export const primeOutputBooleanDefinition = createInput(PrimeOutputBoolean, {
22
+ props: []
23
+ });
24
+ export const primeOutputDurationDefinition = createInput(PrimeOutputDuration, {
25
+ props: []
26
+ });
27
+ export const primeOutputListDefinition = createInput(PrimeOutputList, {
28
+ props: []
29
+ });
@@ -121,3 +121,28 @@
121
121
  .p-formkit-radio-label {
122
122
  margin-left: 1rem;
123
123
  }
124
+
125
+ .p-formkit-icon-left {
126
+ padding-right: 0.5rem;
127
+ }
128
+
129
+ .p-formkit-icon-right {
130
+ padding-left: 0.5rem;
131
+ float: right;
132
+ }
133
+
134
+ .p-formkit-data-debug {
135
+ pre, span {
136
+ font-size: 0.75rem;line-height: 1rem;
137
+ }
138
+ }
139
+
140
+ .p-formkit-data-view {
141
+ .formkit-actions {
142
+ display: none;
143
+ }
144
+ }
145
+
146
+ .p-formkit-data-edit {
147
+
148
+ }
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}.p-formkit-icon-left{padding-right:.5rem}.p-formkit-icon-right{padding-left:.5rem;float:right}.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,7 +1,7 @@
1
1
  {
2
2
  "name": "@sfxcode/formkit-primevue",
3
3
  "type": "module",
4
- "version": "2.3.2",
4
+ "version": "2.3.3",
5
5
  "packageManager": "pnpm@9.4.0+sha256.b6fd0bfda555e7e584ad7e56b30c68b01d5a04f9ee93989f4b93ca8473c49c74",
6
6
  "author": {
7
7
  "name": "Tom",
@@ -92,16 +92,17 @@
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.1",
96
+ "vue-i18n": "9.13.1"
96
97
  },
97
98
  "devDependencies": {
98
99
  "@antfu/eslint-config": "2.23.2",
99
100
  "@formkit/core": "^1.6.5",
100
101
  "@primevue/themes": "4.0.1",
101
- "@types/node": "^20.14.11",
102
+ "@types/node": "^20.14.12",
102
103
  "@unocss/preset-icons": "0.61.5",
103
104
  "@unocss/preset-uno": "0.61.5",
104
- "@vitejs/plugin-vue": "^5.0.5",
105
+ "@vitejs/plugin-vue": "^5.1.0",
105
106
  "@vitest/coverage-v8": "^2.0.4",
106
107
  "@vitest/ui": "^2.0.4",
107
108
  "@vue/compiler-sfc": "^3.4.33",
@@ -120,12 +121,12 @@
120
121
  "json-editor-vue": "^0.15.1",
121
122
  "mkdist": "^1.5.4",
122
123
  "quill": "^2.0.2",
123
- "sass": "^1.76.0",
124
+ "sass": "^1.77.8",
124
125
  "tslib": "^2.6.3",
125
- "typescript": "^5.5.3",
126
+ "typescript": "^5.5.4",
126
127
  "unbuild": "2.0.0",
127
128
  "unocss": "0.61.5",
128
- "unplugin-auto-import": "^0.18.0",
129
+ "unplugin-auto-import": "^0.18.1",
129
130
  "unplugin-vue-components": "^0.27.3",
130
131
  "vanilla-jsoneditor": "^0.23.7",
131
132
  "vite": "^5.3.4",
@@ -136,7 +137,7 @@
136
137
  "vitepress": "1.3.1",
137
138
  "vitest": "^2.0.4",
138
139
  "vue": "^3.4.33",
139
- "vue-demi": "^0.14.8",
140
+ "vue-demi": "^0.14.9",
140
141
  "vue-router": "^4.4.0",
141
142
  "vue-tsc": "^2.0.28"
142
143
  }