@sfxcode/formkit-primevue 1.8.6 → 1.9.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/dist/index.mjs CHANGED
@@ -33,76 +33,395 @@ const install = {
33
33
  };
34
34
  export default install;
35
35
  export const primeAutoCompleteDefinition = createInput(PrimeAutoComplete, {
36
- props: []
36
+ props: ["pt", "ptOptions", "unstyled", "dropdown", "multiple"]
37
37
  });
38
38
  export const primeInputTextDefinition = createInput(PrimeInputText, {
39
- props: ["icon", "icon"]
39
+ props: [
40
+ "iconRight",
41
+ "iconLeft",
42
+ "pt",
43
+ "ptOptions",
44
+ "unstyled",
45
+ "placeholder"
46
+ ]
40
47
  });
41
48
  export const primeInputNumberDefinition = createInput(PrimeInputNumber, {
42
- props: ["icon", "icon"]
49
+ props: [
50
+ "useGrouping",
51
+ "min",
52
+ "max",
53
+ "minFractionDigits",
54
+ "maxFractionDigits",
55
+ "locale",
56
+ "mode",
57
+ "currency",
58
+ "prefix",
59
+ "suffix",
60
+ "showButtons",
61
+ "buttonLayout",
62
+ "step",
63
+ "pt",
64
+ "ptOptions",
65
+ "unstyled",
66
+ "placeholder"
67
+ ]
43
68
  });
44
69
  export const primeInputMaskDefinition = createInput(PrimeInputMask, {
45
- props: []
70
+ props: [
71
+ "mask",
72
+ "slotChar",
73
+ "autoClear",
74
+ "unmask",
75
+ "pt",
76
+ "ptOptions",
77
+ "unstyled",
78
+ "invalid",
79
+ "variant",
80
+ "iconLeft",
81
+ "iconRight"
82
+ ]
46
83
  });
47
84
  export const primePasswordDefinition = createInput(PrimePassword, {
48
- props: ["feedback", "toggleMask"]
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
+ ]
49
101
  });
50
102
  export const primeTextareaDefinition = createInput(PrimeTextarea, {
51
- props: ["rows"]
103
+ props: [
104
+ "pt",
105
+ "ptOptions",
106
+ "unstyled",
107
+ "autoResize",
108
+ "rows",
109
+ "placeholder"
110
+ ]
52
111
  });
53
112
  export const primeCheckboxDefinition = createInput(PrimeCheckbox, {
54
- props: []
113
+ props: [
114
+ "binary",
115
+ "trueValue",
116
+ "falseValue",
117
+ "pt",
118
+ "ptOptions",
119
+ "unstyled",
120
+ "labelLeft",
121
+ "labelRight"
122
+ ]
55
123
  });
56
124
  export const primeInputSwitchDefinition = createInput(PrimeInputSwitch, {
57
- props: []
125
+ props: [
126
+ "trueValue",
127
+ "falseValue",
128
+ "pt",
129
+ "ptOptions",
130
+ "unstyled",
131
+ "labelLeft",
132
+ "labelRight"
133
+ ]
58
134
  });
59
135
  export const primeEditorDefinition = createInput(PrimeEditor, {
60
- props: []
136
+ props: [
137
+ "placeholder",
138
+ "formats",
139
+ "modules",
140
+ "pt",
141
+ "ptOptions",
142
+ "unstyled"
143
+ ]
61
144
  });
62
145
  export const primeDropdownDefinition = createInput(PrimeDropdown, {
63
- props: []
146
+ props: [
147
+ "options",
148
+ "optionLabel",
149
+ "optionValue",
150
+ "optionDisabled",
151
+ "optionGroupLabel",
152
+ "optionGroupChildren",
153
+ "scrollHeight",
154
+ "filter",
155
+ "filterPlaceholder",
156
+ "filterLocale",
157
+ "filterMatchMode",
158
+ "filterFields",
159
+ "filterInputProps",
160
+ "editable",
161
+ "placeholder",
162
+ "dataKey",
163
+ "showClear",
164
+ "panelStyle",
165
+ "panelClass",
166
+ "panelProps",
167
+ "appendTo",
168
+ "resetFilterOnHide",
169
+ "virtualScrollerOptions",
170
+ "autoOptionFocus",
171
+ "selectOnFocus",
172
+ "filterMessage",
173
+ "selectionMessage",
174
+ "emptySelectionMessage",
175
+ "emptyFilterMessage",
176
+ "emptyMessage",
177
+ "pt",
178
+ "ptOptions",
179
+ "unstyled"
180
+ ]
64
181
  });
65
182
  export const primeMultiSelectDefinition = createInput(PrimeMultiSelect, {
66
- props: []
183
+ props: [
184
+ "options",
185
+ "optionLabel",
186
+ "optionValue",
187
+ "optionDisabled",
188
+ "optionGroupLabel",
189
+ "optionGroupChildren",
190
+ "scrollHeight",
191
+ "inputProps",
192
+ "closeButtonProps",
193
+ "dataKey",
194
+ "filter",
195
+ "filterPlaceholder",
196
+ "filterLocale",
197
+ "filterMatchMode",
198
+ "filterFields",
199
+ "appendTo",
200
+ "display",
201
+ "maxSelectedLabels",
202
+ "selectedItemsLabel",
203
+ "selectionLimit",
204
+ "showToggleAll",
205
+ "loading",
206
+ "selectAll",
207
+ "resetFilterOnHide",
208
+ "virtualScrollerOptions",
209
+ "autoOptionFocus",
210
+ "autoFilterFocus",
211
+ "filterMessage",
212
+ "selectionMessage",
213
+ "emptySelectionMessage",
214
+ "emptyFilterMessage",
215
+ "emptyMessage",
216
+ "pt",
217
+ "placeholder",
218
+ "ptOptions",
219
+ "unstyled"
220
+ ]
67
221
  });
68
222
  export const primeListboxDefinition = createInput(PrimeListbox, {
69
- props: []
223
+ props: [
224
+ "pt",
225
+ "ptOptions",
226
+ "unstyled",
227
+ "options",
228
+ "optionLabel",
229
+ "optionValue",
230
+ "multiple",
231
+ "filter",
232
+ "filterIcon",
233
+ "filterPlaceholder",
234
+ "filterLocale",
235
+ "filterMatchMode",
236
+ "autoOptionFocus",
237
+ "selectOnFocus"
238
+ ]
70
239
  });
71
240
  export const primeCalendarDefinition = createInput(PrimeCalendar, {
72
- props: []
241
+ props: [
242
+ "dateFormat",
243
+ "placeholder",
244
+ "selectionMode",
245
+ "inline",
246
+ "icon",
247
+ "showOtherMonths",
248
+ "selectOtherMonths",
249
+ "showIcon",
250
+ "previousIcon",
251
+ "nextIcon",
252
+ "incrementIcon",
253
+ "decrementIcon",
254
+ "numberOfMonths",
255
+ "responsiveOptions",
256
+ "view",
257
+ "touchUI",
258
+ "minDate",
259
+ "maxDate",
260
+ "disabledDates",
261
+ "disabledDays",
262
+ "maxDateCount",
263
+ "showOnFocus",
264
+ "autoZIndex",
265
+ "baseZIndex",
266
+ "showButtonBar",
267
+ "showTime",
268
+ "timeOnly",
269
+ "shortYearCutoff",
270
+ "hourFormat",
271
+ "stepHour",
272
+ "stepMinute",
273
+ "stepSecond",
274
+ "showSeconds",
275
+ "hideOnDateTimeSelect",
276
+ "hideOnRangeSelection",
277
+ "timeSeparator",
278
+ "showWeek",
279
+ "manualInput",
280
+ "appendTo",
281
+ "panelStyle",
282
+ "panelClass",
283
+ "pt",
284
+ "ptOptions",
285
+ "unstyled"
286
+ ]
73
287
  });
74
288
  export const primeSliderDefinition = createInput(PrimeSlider, {
75
- props: []
289
+ props: [
290
+ "pt",
291
+ "ptOptions",
292
+ "unstyled",
293
+ "min",
294
+ "max",
295
+ "step",
296
+ "range",
297
+ "orientation"
298
+ ]
76
299
  });
77
300
  export const primeRatingDefinition = createInput(PrimeRating, {
78
- props: []
301
+ props: [
302
+ "unstyled",
303
+ "stars",
304
+ "cancel",
305
+ "onIcon",
306
+ "offIcon",
307
+ "cancelIcon",
308
+ "ptOptions",
309
+ "pt"
310
+ ]
79
311
  });
80
312
  export const primeRadioButtonDefinition = createInput(PrimeRadioButton, {
81
- props: []
313
+ props: [
314
+ "pt",
315
+ "ptOptions",
316
+ "unstyled",
317
+ "options",
318
+ "options_class"
319
+ ]
82
320
  });
83
321
  export const primeChipsDefinition = createInput(PrimeChips, {
84
- props: []
322
+ props: [
323
+ "allowDuplicate",
324
+ "addOnBlur",
325
+ "max",
326
+ "placeholder",
327
+ "seperator",
328
+ "pt",
329
+ "ptOptions",
330
+ "unstyled"
331
+ ]
85
332
  });
86
333
  export const primeKnobDefinition = createInput(PrimeKnob, {
87
- props: []
334
+ props: [
335
+ "pt",
336
+ "ptOptions",
337
+ "unstyled",
338
+ "min",
339
+ "max",
340
+ "step",
341
+ "size",
342
+ "strokeWidth",
343
+ "showValue",
344
+ "valueColor",
345
+ "rangeColor",
346
+ "textColor",
347
+ "valueTemplate"
348
+ ]
88
349
  });
89
350
  export const primeColorPickerDefinition = createInput(PrimeColorPicker, {
90
- props: []
351
+ props: [
352
+ "defaultColor",
353
+ "inline",
354
+ "format",
355
+ "pt",
356
+ "ptOptions",
357
+ "unstyled"
358
+ ]
91
359
  });
92
360
  export const primeToggleButtonDefinition = createInput(PrimeToggleButton, {
93
- props: []
361
+ props: [
362
+ "pt",
363
+ "ptOptions",
364
+ "unstyled",
365
+ "onLabel",
366
+ "offLabel",
367
+ "onIcon",
368
+ "offIcon",
369
+ "iconPos"
370
+ ]
94
371
  });
95
372
  export const primeSelectButtonDefinition = createInput(PrimeSelectButton, {
96
- props: []
373
+ props: [
374
+ "pt",
375
+ "ptOptions",
376
+ "unstyled",
377
+ "optionLabel",
378
+ "optionValue",
379
+ "optionDisabled",
380
+ "multiple",
381
+ "unselectable",
382
+ "dataKey",
383
+ "options"
384
+ ]
97
385
  });
98
386
  export const primeTriStateCheckboxDefinition = createInput(PrimeTriStateCheckbox, {
99
- props: []
387
+ props: [
388
+ "pt",
389
+ "ptOptions",
390
+ "unstyled",
391
+ "variant",
392
+ "labelRight",
393
+ "labelLeft"
394
+ ]
100
395
  });
101
396
  export const primeCascadeSelectDefinition = createInput(PrimeCascadeSelect, {
102
- props: []
397
+ props: [
398
+ "options",
399
+ "optionLabel",
400
+ "optionValue",
401
+ "optionGroupLabel",
402
+ "optionGroupChildren",
403
+ "placeholder",
404
+ "pt",
405
+ "ptOptions",
406
+ "unstyled"
407
+ ]
103
408
  });
104
409
  export const primeTreeSelectDefinition = createInput(PrimeTreeSelect, {
105
- props: []
410
+ props: [
411
+ "options",
412
+ "placeholder",
413
+ "selectionMode",
414
+ "pt",
415
+ "ptOptions",
416
+ "unstyled",
417
+ "emptyMessage",
418
+ "display",
419
+ "metaKeySelection",
420
+ "appendTo",
421
+ "scrollHeight",
422
+ "panelClass",
423
+ "variant"
424
+ ]
106
425
  });
107
426
  export const primeInputs = {
108
427
  primeAutoComplete: primeAutoCompleteDefinition,
@@ -117,3 +117,7 @@
117
117
  padding-top: 0.5rem;
118
118
 
119
119
  }
120
+
121
+ .p-formkit-radio-label {
122
+ margin-left: 1rem;
123
+ }
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}
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}
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@sfxcode/formkit-primevue",
3
- "version": "1.8.6",
4
3
  "type": "module",
5
- "license": "MIT",
6
- "repository": "https://github.com/sfxcode/formkit-primevue",
7
- "homepage": "https://github.com/sfxcode/formkit-primevue",
4
+ "version": "1.9.0",
8
5
  "author": {
9
6
  "name": "Tom",
10
7
  "email": "tom@sfxcode.com"
11
8
  },
9
+ "license": "MIT",
10
+ "homepage": "https://github.com/sfxcode/formkit-primevue",
11
+ "repository": "https://github.com/sfxcode/formkit-primevue",
12
12
  "contributors": [
13
13
  "sfxcode <tom@sfxcode.com>"
14
14
  ],
@@ -51,10 +51,10 @@
51
51
  }
52
52
  },
53
53
  "files": [
54
- "components.d.ts",
55
- "dist",
56
54
  "*.css",
57
- "*.scss"
55
+ "*.scss",
56
+ "components.d.ts",
57
+ "dist"
58
58
  ],
59
59
  "peerDependencies": {
60
60
  "vue": "^3.4.0"
@@ -67,7 +67,8 @@
67
67
  "primevue": "^3.49.1"
68
68
  },
69
69
  "devDependencies": {
70
- "@antfu/eslint-config": "2.7.0",
70
+ "@antfu/eslint-config": "2.8.0",
71
+ "@formkit/core": "^1.5.9",
71
72
  "@types/node": "^20.11.24",
72
73
  "@unocss/preset-icons": "^0.58.5",
73
74
  "@unocss/preset-uno": "0.58.5",
@@ -75,11 +76,11 @@
75
76
  "@vue/compiler-sfc": "^3.4.21",
76
77
  "@vue/server-renderer": "^3.4.21",
77
78
  "@vue/test-utils": "^2.4.4",
79
+ "@vue/tsconfig": "^0.5.1",
78
80
  "@vuedx/typecheck": "~0.7.6",
79
81
  "@vuedx/typescript-plugin-vue": "~0.7.6",
80
82
  "@vueuse/core": "^10.9.0",
81
83
  "@vueuse/head": "^2.0.0",
82
- "@vue/tsconfig": "^0.5.1",
83
84
  "chart.js": "^4.4.2",
84
85
  "consola": "^3.2.3",
85
86
  "eslint": "^8.57.0",
@@ -94,7 +95,7 @@
94
95
  "unplugin-auto-import": "^0.17.5",
95
96
  "unplugin-vue-components": "^0.26.0",
96
97
  "vanilla-jsoneditor": "^0.22.0",
97
- "vite": "^5.1.4",
98
+ "vite": "^5.1.5",
98
99
  "vite-plugin-dts": "^3.7.3",
99
100
  "vite-plugin-eslint": "^1.8.1",
100
101
  "vite-plugin-pages": "^0.32.0",
@@ -103,7 +104,7 @@
103
104
  "vue": "^3.4.21",
104
105
  "vue-demi": "^0.14.7",
105
106
  "vue-router": "^4.3.0",
106
- "vue-tsc": "^2.0.3"
107
+ "vue-tsc": "^2.0.5"
107
108
  },
108
109
  "scripts": {
109
110
  "build": "unbuild",