@sfxcode/formkit-primevue 2.0.6 → 2.2.2

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 (35) hide show
  1. package/README.md +14 -13
  2. package/dist/components/PrimeAutoComplete.vue +7 -13
  3. package/dist/components/PrimeCascadeSelect.vue +5 -11
  4. package/dist/components/PrimeCheckbox.vue +9 -11
  5. package/dist/components/PrimeColorPicker.vue +4 -4
  6. package/dist/components/PrimeDatePicker.vue +5 -11
  7. package/dist/components/PrimeEditor.vue +5 -7
  8. package/dist/components/PrimeInputMask.vue +6 -4
  9. package/dist/components/PrimeInputNumber.vue +6 -7
  10. package/dist/components/PrimeInputOtp.vue +5 -11
  11. package/dist/components/PrimeInputText.vue +5 -11
  12. package/dist/components/PrimeKnob.vue +6 -4
  13. package/dist/components/PrimeListbox.vue +5 -11
  14. package/dist/components/PrimeMultiSelect.vue +5 -11
  15. package/dist/components/PrimePassword.vue +5 -11
  16. package/dist/components/PrimeRadioButton.vue +9 -14
  17. package/dist/components/PrimeRating.vue +5 -11
  18. package/dist/components/PrimeSelect.vue +5 -9
  19. package/dist/components/PrimeSelectButton.vue +5 -11
  20. package/dist/components/PrimeSlider.vue +6 -8
  21. package/dist/components/PrimeTextarea.vue +5 -10
  22. package/dist/components/PrimeToggleButton.vue +5 -11
  23. package/dist/components/PrimeToggleSwitch.vue +7 -13
  24. package/dist/components/PrimeTreeSelect.vue +5 -11
  25. package/dist/composables/index.d.ts +2 -1
  26. package/dist/composables/index.js +7 -0
  27. package/dist/composables/index.mjs +2 -0
  28. package/dist/composables/useFormKitInput.d.ts +8 -0
  29. package/dist/composables/useFormKitInput.js +35 -0
  30. package/dist/composables/useFormKitInput.mjs +22 -0
  31. package/dist/definitions/index.js +23 -23
  32. package/dist/definitions/index.mjs +56 -25
  33. package/dist/sass/formkit-primevue.scss +2 -2
  34. package/dist/style.css +1 -1
  35. package/package.json +21 -21
package/dist/definitions/index.mjs CHANGED
@@ -23,7 +23,15 @@ import PrimeToggleButton from "../components/PrimeToggleButton.vue";
23
23
  import PrimeTreeSelect from "../components/PrimeTreeSelect.vue";
24
24
  import PrimeSelectButton from "../components/PrimeSelectButton.vue";
25
25
  export const primeAutoCompleteDefinition = createInput(PrimeAutoComplete, {
26
- props: ["pt", "ptOptions", "unstyled", "Select", "multiple"]
26
+ props: [
27
+ "pt",
28
+ "ptOptions",
29
+ "unstyled",
30
+ "Select",
31
+ "multiple",
32
+ "typeahead",
33
+ "wrapperClass"
34
+ ]
27
35
  });
28
36
  export const primeInputTextDefinition = createInput(PrimeInputText, {
29
37
  props: [
@@ -31,7 +39,8 @@ export const primeInputTextDefinition = createInput(PrimeInputText, {
31
39
  "ptOptions",
32
40
  "unstyled",
33
41
  "placeholder",
34
- "icon"
42
+ "icon",
43
+ "wrapperClass"
35
44
  ]
36
45
  });
37
46
  export const primeInputNumberDefinition = createInput(PrimeInputNumber, {
@@ -52,7 +61,8 @@ export const primeInputNumberDefinition = createInput(PrimeInputNumber, {
52
61
  "pt",
53
62
  "ptOptions",
54
63
  "unstyled",
55
- "placeholder"
64
+ "placeholder",
65
+ "wrapperClass"
56
66
  ]
57
67
  });
58
68
  export const primeInputMaskDefinition = createInput(PrimeInputMask, {
@@ -67,7 +77,8 @@ export const primeInputMaskDefinition = createInput(PrimeInputMask, {
67
77
  "invalid",
68
78
  "variant",
69
79
  "iconLeft",
70
- "iconRight"
80
+ "iconRight",
81
+ "wrapperClass"
71
82
  ]
72
83
  });
73
84
  export const primePasswordDefinition = createInput(PrimePassword, {
@@ -85,7 +96,8 @@ export const primePasswordDefinition = createInput(PrimePassword, {
85
96
  "unstyled",
86
97
  "placeholder",
87
98
  "feedback",
88
- "toggleMask"
99
+ "toggleMask",
100
+ "wrapperClass"
89
101
  ]
90
102
  });
91
103
  export const primeTextareaDefinition = createInput(PrimeTextarea, {
@@ -95,7 +107,8 @@ export const primeTextareaDefinition = createInput(PrimeTextarea, {
95
107
  "unstyled",
96
108
  "autoResize",
97
109
  "rows",
98
- "placeholder"
110
+ "placeholder",
111
+ "wrapperClass"
99
112
  ]
100
113
  });
101
114
  export const primeCheckboxDefinition = createInput(PrimeCheckbox, {
@@ -106,8 +119,11 @@ export const primeCheckboxDefinition = createInput(PrimeCheckbox, {
106
119
  "pt",
107
120
  "ptOptions",
108
121
  "unstyled",
122
+ "indeterminate",
123
+ "variant",
109
124
  "labelLeft",
110
- "labelRight"
125
+ "labelRight",
126
+ "wrapperClass"
111
127
  ]
112
128
  });
113
129
  export const primeToggleSwitchDefinition = createInput(PrimeToggleSwitch, {
@@ -118,7 +134,8 @@ export const primeToggleSwitchDefinition = createInput(PrimeToggleSwitch, {
118
134
  "ptOptions",
119
135
  "unstyled",
120
136
  "labelLeft",
121
- "labelRight"
137
+ "labelRight",
138
+ "wrapperClass"
122
139
  ]
123
140
  });
124
141
  export const primeInputOtpDefinition = createInput(PrimeInputOtp, {
@@ -129,7 +146,8 @@ export const primeInputOtpDefinition = createInput(PrimeInputOtp, {
129
146
  "integerOnly",
130
147
  "pt",
131
148
  "ptOptions",
132
- "unstyled"
149
+ "unstyled",
150
+ "wrapperClass"
133
151
  ]
134
152
  });
135
153
  export const primeEditorDefinition = createInput(PrimeEditor, {
@@ -139,7 +157,8 @@ export const primeEditorDefinition = createInput(PrimeEditor, {
139
157
  "modules",
140
158
  "pt",
141
159
  "ptOptions",
142
- "unstyled"
160
+ "unstyled",
161
+ "wrapperClass"
143
162
  ]
144
163
  });
145
164
  export const primeSelectDefinition = createInput(PrimeSelect, {
@@ -176,7 +195,8 @@ export const primeSelectDefinition = createInput(PrimeSelect, {
176
195
  "emptyMessage",
177
196
  "pt",
178
197
  "ptOptions",
179
- "unstyled"
198
+ "unstyled",
199
+ "wrapperClass"
180
200
  ]
181
201
  });
182
202
  export const primeMultiSelectDefinition = createInput(PrimeMultiSelect, {
@@ -216,7 +236,8 @@ export const primeMultiSelectDefinition = createInput(PrimeMultiSelect, {
216
236
  "pt",
217
237
  "placeholder",
218
238
  "ptOptions",
219
- "unstyled"
239
+ "unstyled",
240
+ "wrapperClass"
220
241
  ]
221
242
  });
222
243
  export const primeListboxDefinition = createInput(PrimeListbox, {
@@ -234,7 +255,8 @@ export const primeListboxDefinition = createInput(PrimeListbox, {
234
255
  "filterLocale",
235
256
  "filterMatchMode",
236
257
  "autoOptionFocus",
237
- "selectOnFocus"
258
+ "selectOnFocus",
259
+ "wrapperClass"
238
260
  ]
239
261
  });
240
262
  export const primeDatePickerDefinition = createInput(PrimeDatePicker, {
@@ -282,7 +304,8 @@ export const primeDatePickerDefinition = createInput(PrimeDatePicker, {
282
304
  "panelClass",
283
305
  "pt",
284
306
  "ptOptions",
285
- "unstyled"
307
+ "unstyled",
308
+ "wrapperClass"
286
309
  ]
287
310
  });
288
311
  export const primeSliderDefinition = createInput(PrimeSlider, {
@@ -294,7 +317,8 @@ export const primeSliderDefinition = createInput(PrimeSlider, {
294
317
  "max",
295
318
  "step",
296
319
  "range",
297
- "orientation"
320
+ "orientation",
321
+ "wrapperClass"
298
322
  ]
299
323
  });
300
324
  export const primeRatingDefinition = createInput(PrimeRating, {
@@ -306,7 +330,8 @@ export const primeRatingDefinition = createInput(PrimeRating, {
306
330
  "offIcon",
307
331
  "cancelIcon",
308
332
  "ptOptions",
309
- "pt"
333
+ "pt",
334
+ "wrapperClass"
310
335
  ]
311
336
  });
312
337
  export const primeRadioButtonDefinition = createInput(PrimeRadioButton, {
@@ -315,9 +340,9 @@ export const primeRadioButtonDefinition = createInput(PrimeRadioButton, {
315
340
  "ptOptions",
316
341
  "unstyled",
317
342
  "options",
318
- "options_class",
319
- "option_class",
320
- "label_class"
343
+ "optionClass",
344
+ "labelClass",
345
+ "wrapperClass"
321
346
  ]
322
347
  });
323
348
  export const primeKnobDefinition = createInput(PrimeKnob, {
@@ -334,7 +359,8 @@ export const primeKnobDefinition = createInput(PrimeKnob, {
334
359
  "valueColor",
335
360
  "rangeColor",
336
361
  "textColor",
337
- "valueTemplate"
362
+ "valueTemplate",
363
+ "wrapperClass"
338
364
  ]
339
365
  });
340
366
  export const primeColorPickerDefinition = createInput(PrimeColorPicker, {
@@ -344,7 +370,8 @@ export const primeColorPickerDefinition = createInput(PrimeColorPicker, {
344
370
  "format",
345
371
  "pt",
346
372
  "ptOptions",
347
- "unstyled"
373
+ "unstyled",
374
+ "wrapperClass"
348
375
  ]
349
376
  });
350
377
  export const primeToggleButtonDefinition = createInput(PrimeToggleButton, {
@@ -356,7 +383,8 @@ export const primeToggleButtonDefinition = createInput(PrimeToggleButton, {
356
383
  "offLabel",
357
384
  "onIcon",
358
385
  "offIcon",
359
- "iconPos"
386
+ "iconPos",
387
+ "wrapperClass"
360
388
  ]
361
389
  });
362
390
  export const primeSelectButtonDefinition = createInput(PrimeSelectButton, {
@@ -370,7 +398,8 @@ export const primeSelectButtonDefinition = createInput(PrimeSelectButton, {
370
398
  "multiple",
371
399
  "unselectable",
372
400
  "dataKey",
373
- "options"
401
+ "options",
402
+ "wrapperClass"
374
403
  ]
375
404
  });
376
405
  export const primeCascadeSelectDefinition = createInput(PrimeCascadeSelect, {
@@ -383,7 +412,8 @@ export const primeCascadeSelectDefinition = createInput(PrimeCascadeSelect, {
383
412
  "placeholder",
384
413
  "pt",
385
414
  "ptOptions",
386
- "unstyled"
415
+ "unstyled",
416
+ "wrapperClass"
387
417
  ]
388
418
  });
389
419
  export const primeTreeSelectDefinition = createInput(PrimeTreeSelect, {
@@ -400,7 +430,8 @@ export const primeTreeSelectDefinition = createInput(PrimeTreeSelect, {
400
430
  "appendTo",
401
431
  "scrollHeight",
402
432
  "panelClass",
403
- "variant"
433
+ "variant",
434
+ "wrapperClass"
404
435
  ]
405
436
  });
406
437
  export const primeInputs = {
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 {
@@ -50,7 +50,7 @@
50
50
  }
51
51
  }
52
52
 
53
- .formkit-outer[data-type="primeInputSwitch"], .formkit-outer[data-type="primeCheckbox"], .formkit-outer[data-type="primeTriStateCheckbox"], .formkit-outer[data-type="primeRadioButton"] {
53
+ .formkit-outer[data-type="primeToggleSwitch"], .formkit-outer[data-type="primeCheckbox"], .formkit-outer[data-type="primeTriStateCheckbox"], .formkit-outer[data-type="primeRadioButton"] {
54
54
  .formkit-inner {
55
55
 
56
56
  .formkit-prime-right {
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=primeInputSwitch] .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=primeInputSwitch] .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.0.6",
4
+ "version": "2.2.2",
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.21.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.9",
96
- "@unocss/preset-icons": "0.61.0",
97
- "@unocss/preset-uno": "0.61.0",
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": "^1.6.0",
100
- "@vitest/ui": "^1.6.0",
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",
@@ -109,27 +109,27 @@
109
109
  "changelogen": "^0.5.5",
110
110
  "chart.js": "^4.4.3",
111
111
  "consola": "^3.2.3",
112
- "eslint": "^9.6.0",
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
- "sass": "^1.77.6",
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.0",
122
- "unplugin-auto-import": "^0.17.6",
123
- "unplugin-vue-components": "^0.27.2",
121
+ "unocss": "0.61.5",
122
+ "unplugin-auto-import": "^0.18.0",
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
- "vite-ssg": "^0.23.7",
130
- "vitepress": "1.2.3",
131
- "vitest": "^1.6.0",
132
- "vue": "^3.4.31",
129
+ "vite-ssg": "^0.23.8",
130
+ "vitepress": "1.3.1",
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"