@sfxcode/formkit-primevue 2.0.5 → 2.2.0
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/README.md +49 -15
- package/dist/components/PrimeAutoComplete.vue +7 -12
- package/dist/components/PrimeCascadeSelect.vue +5 -11
- package/dist/components/PrimeCheckbox.vue +9 -11
- package/dist/components/PrimeColorPicker.vue +4 -4
- package/dist/components/PrimeDatePicker.vue +5 -11
- package/dist/components/PrimeEditor.vue +5 -7
- package/dist/components/PrimeInputMask.vue +6 -4
- package/dist/components/PrimeInputNumber.vue +6 -7
- package/dist/components/PrimeInputOtp.vue +5 -11
- package/dist/components/PrimeInputText.vue +5 -11
- package/dist/components/PrimeKnob.vue +6 -4
- package/dist/components/PrimeListbox.vue +5 -11
- package/dist/components/PrimeMultiSelect.vue +5 -11
- package/dist/components/PrimePassword.vue +5 -11
- package/dist/components/PrimeRadioButton.vue +9 -14
- package/dist/components/PrimeRating.vue +5 -11
- package/dist/components/PrimeSelect.vue +5 -9
- package/dist/components/PrimeSelectButton.vue +5 -11
- package/dist/components/PrimeSlider.vue +6 -8
- package/dist/components/PrimeTextarea.vue +5 -10
- package/dist/components/PrimeToggleButton.vue +5 -11
- package/dist/components/PrimeToggleSwitch.vue +7 -13
- package/dist/components/PrimeTreeSelect.vue +5 -11
- package/dist/composables/index.d.ts +2 -1
- package/dist/composables/index.js +7 -0
- package/dist/composables/index.mjs +2 -0
- package/dist/composables/useFormKitInput.d.ts +8 -0
- package/dist/composables/useFormKitInput.js +35 -0
- package/dist/composables/useFormKitInput.mjs +22 -0
- package/dist/definitions/index.js +23 -23
- package/dist/definitions/index.mjs +56 -25
- package/dist/sass/formkit-primevue.scss +1 -1
- package/dist/style.css +1 -1
- package/package.json +16 -16
|
@@ -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: [
|
|
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
|
-
"
|
|
319
|
-
"
|
|
320
|
-
"
|
|
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 = {
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
.formkit-outer[data-type="
|
|
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=
|
|
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}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sfxcode/formkit-primevue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "2.0
|
|
4
|
+
"version": "2.2.0",
|
|
5
5
|
"packageManager": "pnpm@9.4.0+sha256.b6fd0bfda555e7e584ad7e56b30c68b01d5a04f9ee93989f4b93ca8473c49c74",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Tom",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"dev:build": "vite build dev",
|
|
69
69
|
"dev:preview": "vite preview dev",
|
|
70
70
|
"release": "npm run lint && npm run build && changelogen --release && npm publish --access public && git push --follow-tags",
|
|
71
|
-
"lint": "eslint
|
|
71
|
+
"lint": "eslint ./src",
|
|
72
72
|
"lint:fix": "eslint . --fix",
|
|
73
73
|
"prepublishOnly": "pnpm build",
|
|
74
74
|
"docs:dev": "vitepress dev docs",
|
|
@@ -89,15 +89,15 @@
|
|
|
89
89
|
"primevue": "4.0.0"
|
|
90
90
|
},
|
|
91
91
|
"devDependencies": {
|
|
92
|
-
"@antfu/eslint-config": "2.
|
|
92
|
+
"@antfu/eslint-config": "2.22.2",
|
|
93
93
|
"@formkit/core": "^1.6.5",
|
|
94
94
|
"@primevue/themes": "4.0.0",
|
|
95
|
-
"@types/node": "^20.14.
|
|
96
|
-
"@unocss/preset-icons": "0.61.
|
|
97
|
-
"@unocss/preset-uno": "0.61.
|
|
95
|
+
"@types/node": "^20.14.10",
|
|
96
|
+
"@unocss/preset-icons": "0.61.3",
|
|
97
|
+
"@unocss/preset-uno": "0.61.3",
|
|
98
98
|
"@vitejs/plugin-vue": "^5.0.5",
|
|
99
|
-
"@vitest/coverage-v8": "^
|
|
100
|
-
"@vitest/ui": "^
|
|
99
|
+
"@vitest/coverage-v8": "^2.0.2",
|
|
100
|
+
"@vitest/ui": "^2.0.2",
|
|
101
101
|
"@vue/compiler-sfc": "^3.4.31",
|
|
102
102
|
"@vue/server-renderer": "^3.4.31",
|
|
103
103
|
"@vue/test-utils": "^2.4.6",
|
|
@@ -109,29 +109,29 @@
|
|
|
109
109
|
"changelogen": "^0.5.5",
|
|
110
110
|
"chart.js": "^4.4.3",
|
|
111
111
|
"consola": "^3.2.3",
|
|
112
|
-
"eslint": "^9.
|
|
112
|
+
"eslint": "^9.7.0",
|
|
113
113
|
"happy-dom": "^14.12.3",
|
|
114
114
|
"json-editor-vue": "^0.15.1",
|
|
115
115
|
"mkdist": "^1.5.3",
|
|
116
116
|
"quill": "^2.0.2",
|
|
117
|
-
"sass": "^1.77.
|
|
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.
|
|
122
|
-
"unplugin-auto-import": "^0.
|
|
121
|
+
"unocss": "0.61.3",
|
|
122
|
+
"unplugin-auto-import": "^0.18.0",
|
|
123
123
|
"unplugin-vue-components": "^0.27.2",
|
|
124
124
|
"vanilla-jsoneditor": "^0.23.7",
|
|
125
125
|
"vite": "^5.3.3",
|
|
126
126
|
"vite-plugin-dts": "^3.9.1",
|
|
127
127
|
"vite-plugin-eslint": "^1.8.1",
|
|
128
128
|
"vite-plugin-pages": "^0.32.3",
|
|
129
|
-
"vite-ssg": "^0.23.
|
|
130
|
-
"vitepress": "1.
|
|
131
|
-
"vitest": "^
|
|
129
|
+
"vite-ssg": "^0.23.8",
|
|
130
|
+
"vitepress": "1.3.1",
|
|
131
|
+
"vitest": "^2.0.2",
|
|
132
132
|
"vue": "^3.4.31",
|
|
133
133
|
"vue-demi": "^0.14.8",
|
|
134
134
|
"vue-router": "^4.4.0",
|
|
135
|
-
"vue-tsc": "^2.0.
|
|
135
|
+
"vue-tsc": "^2.0.26"
|
|
136
136
|
}
|
|
137
137
|
}
|