@sfxcode/formkit-primevue 3.2.3 → 3.2.5

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 (111) hide show
  1. package/dist/components/FormKitDataEdit.vue +57 -72
  2. package/dist/components/FormKitDataView.vue +27 -35
  3. package/dist/components/FormKitDebug.vue +7 -12
  4. package/dist/components/FormKitIcon.vue +6 -13
  5. package/dist/components/FormKitPrefix.vue +3 -3
  6. package/dist/components/FormKitSuffix.vue +3 -3
  7. package/dist/components/PrimeAutoComplete.vue +47 -98
  8. package/dist/components/PrimeCascadeSelect.vue +7 -26
  9. package/dist/components/PrimeCheckbox.vue +9 -29
  10. package/dist/components/PrimeColorPicker.vue +7 -22
  11. package/dist/components/PrimeDatePicker.vue +15 -73
  12. package/dist/components/PrimeInputMask.vue +10 -29
  13. package/dist/components/PrimeInputNumber.vue +22 -56
  14. package/dist/components/PrimeInputOtp.vue +7 -24
  15. package/dist/components/PrimeInputText.vue +10 -25
  16. package/dist/components/PrimeKnob.vue +12 -37
  17. package/dist/components/PrimeListbox.vue +7 -39
  18. package/dist/components/PrimeMultiSelect.vue +7 -52
  19. package/dist/components/PrimeOutputBoolean.vue +16 -23
  20. package/dist/components/PrimeOutputDate.vue +21 -31
  21. package/dist/components/PrimeOutputDuration.vue +11 -17
  22. package/dist/components/PrimeOutputLink.vue +17 -24
  23. package/dist/components/PrimeOutputList.vue +18 -29
  24. package/dist/components/PrimeOutputNumber.vue +24 -37
  25. package/dist/components/PrimeOutputReference.vue +21 -28
  26. package/dist/components/PrimeOutputText.vue +22 -37
  27. package/dist/components/PrimePassword.vue +7 -31
  28. package/dist/components/PrimeRadioButton.vue +7 -23
  29. package/dist/components/PrimeRating.vue +7 -22
  30. package/dist/components/PrimeSelect.vue +7 -49
  31. package/dist/components/PrimeSelectButton.vue +7 -27
  32. package/dist/components/PrimeSlider.vue +10 -28
  33. package/dist/components/PrimeTextarea.vue +7 -23
  34. package/dist/components/PrimeToggleButton.vue +7 -25
  35. package/dist/components/PrimeToggleSwitch.vue +8 -23
  36. package/dist/components/PrimeTreeSelect.vue +7 -30
  37. package/dist/sass/formkit-primevue.scss +0 -5
  38. package/dist/style.css +1 -1
  39. package/package.json +19 -17
  40. package/dist/components/FormKitDataEdit.d.vue.ts +0 -180
  41. package/dist/components/FormKitDataEdit.vue.d.ts +0 -180
  42. package/dist/components/FormKitDataView.d.vue.ts +0 -73
  43. package/dist/components/FormKitDataView.vue.d.ts +0 -73
  44. package/dist/components/FormKitDebug.d.vue.ts +0 -34
  45. package/dist/components/FormKitDebug.vue.d.ts +0 -34
  46. package/dist/components/FormKitIcon.d.vue.ts +0 -39
  47. package/dist/components/FormKitIcon.vue.d.ts +0 -39
  48. package/dist/components/FormKitPrefix.d.vue.ts +0 -7
  49. package/dist/components/FormKitPrefix.vue.d.ts +0 -7
  50. package/dist/components/FormKitSuffix.d.vue.ts +0 -7
  51. package/dist/components/FormKitSuffix.vue.d.ts +0 -7
  52. package/dist/components/PrimeAutoComplete.d.vue.ts +0 -31
  53. package/dist/components/PrimeAutoComplete.vue.d.ts +0 -31
  54. package/dist/components/PrimeCascadeSelect.d.vue.ts +0 -28
  55. package/dist/components/PrimeCascadeSelect.vue.d.ts +0 -28
  56. package/dist/components/PrimeCheckbox.d.vue.ts +0 -27
  57. package/dist/components/PrimeCheckbox.vue.d.ts +0 -27
  58. package/dist/components/PrimeColorPicker.d.vue.ts +0 -24
  59. package/dist/components/PrimeColorPicker.vue.d.ts +0 -24
  60. package/dist/components/PrimeDatePicker.d.vue.ts +0 -63
  61. package/dist/components/PrimeDatePicker.vue.d.ts +0 -63
  62. package/dist/components/PrimeInputMask.d.vue.ts +0 -28
  63. package/dist/components/PrimeInputMask.vue.d.ts +0 -28
  64. package/dist/components/PrimeInputNumber.d.vue.ts +0 -36
  65. package/dist/components/PrimeInputNumber.vue.d.ts +0 -36
  66. package/dist/components/PrimeInputOtp.d.vue.ts +0 -26
  67. package/dist/components/PrimeInputOtp.vue.d.ts +0 -26
  68. package/dist/components/PrimeInputText.d.vue.ts +0 -24
  69. package/dist/components/PrimeInputText.vue.d.ts +0 -24
  70. package/dist/components/PrimeKnob.d.vue.ts +0 -31
  71. package/dist/components/PrimeKnob.vue.d.ts +0 -31
  72. package/dist/components/PrimeListbox.d.vue.ts +0 -42
  73. package/dist/components/PrimeListbox.vue.d.ts +0 -42
  74. package/dist/components/PrimeMultiSelect.d.vue.ts +0 -53
  75. package/dist/components/PrimeMultiSelect.vue.d.ts +0 -53
  76. package/dist/components/PrimeOutputBoolean.d.vue.ts +0 -16
  77. package/dist/components/PrimeOutputBoolean.vue.d.ts +0 -16
  78. package/dist/components/PrimeOutputDate.d.vue.ts +0 -16
  79. package/dist/components/PrimeOutputDate.vue.d.ts +0 -16
  80. package/dist/components/PrimeOutputDuration.d.vue.ts +0 -16
  81. package/dist/components/PrimeOutputDuration.vue.d.ts +0 -16
  82. package/dist/components/PrimeOutputLink.d.vue.ts +0 -16
  83. package/dist/components/PrimeOutputLink.vue.d.ts +0 -16
  84. package/dist/components/PrimeOutputList.d.vue.ts +0 -19
  85. package/dist/components/PrimeOutputList.vue.d.ts +0 -19
  86. package/dist/components/PrimeOutputNumber.d.vue.ts +0 -16
  87. package/dist/components/PrimeOutputNumber.vue.d.ts +0 -16
  88. package/dist/components/PrimeOutputReference.d.vue.ts +0 -16
  89. package/dist/components/PrimeOutputReference.vue.d.ts +0 -16
  90. package/dist/components/PrimeOutputText.d.vue.ts +0 -21
  91. package/dist/components/PrimeOutputText.vue.d.ts +0 -21
  92. package/dist/components/PrimePassword.d.vue.ts +0 -33
  93. package/dist/components/PrimePassword.vue.d.ts +0 -33
  94. package/dist/components/PrimeRadioButton.d.vue.ts +0 -28
  95. package/dist/components/PrimeRadioButton.vue.d.ts +0 -28
  96. package/dist/components/PrimeRating.d.vue.ts +0 -24
  97. package/dist/components/PrimeRating.vue.d.ts +0 -24
  98. package/dist/components/PrimeSelect.d.vue.ts +0 -50
  99. package/dist/components/PrimeSelect.vue.d.ts +0 -50
  100. package/dist/components/PrimeSelectButton.d.vue.ts +0 -28
  101. package/dist/components/PrimeSelectButton.vue.d.ts +0 -28
  102. package/dist/components/PrimeSlider.d.vue.ts +0 -26
  103. package/dist/components/PrimeSlider.vue.d.ts +0 -26
  104. package/dist/components/PrimeTextarea.d.vue.ts +0 -25
  105. package/dist/components/PrimeTextarea.vue.d.ts +0 -25
  106. package/dist/components/PrimeToggleButton.d.vue.ts +0 -26
  107. package/dist/components/PrimeToggleButton.vue.d.ts +0 -26
  108. package/dist/components/PrimeToggleSwitch.d.vue.ts +0 -23
  109. package/dist/components/PrimeToggleSwitch.vue.d.ts +0 -23
  110. package/dist/components/PrimeTreeSelect.d.vue.ts +0 -32
  111. package/dist/components/PrimeTreeSelect.vue.d.ts +0 -32
@@ -1,28 +1,13 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { ToggleSwitchProps } from 'primevue/toggleswitch'
4
-
5
- import type { PropType } from 'vue'
6
- import { useFormKitInput, useFormKitSection } from '../composables'
7
-
8
- export interface FormKitPrimeToggleSwitchProps {
9
- trueValue?: ToggleSwitchProps['trueValue']
10
- falseValue?: ToggleSwitchProps['falseValue']
11
- pt?: ToggleSwitchProps['pt']
12
- ptOptions?: ToggleSwitchProps['ptOptions']
13
- unstyled?: ToggleSwitchProps['unstyled']
14
- }
15
-
1
+ <script setup>
2
+ import { useFormKitInput, useFormKitSection } from "../composables";
16
3
  const props = defineProps({
17
4
  context: {
18
- type: Object as PropType<FormKitFrameworkContext & FormKitPrimeToggleSwitchProps>,
19
- required: true,
20
- },
21
- })
22
-
23
- const { hasPrefix, hasSuffix } = useFormKitSection(props.context)
24
-
25
- const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
5
+ type: Object,
6
+ required: true
7
+ }
8
+ });
9
+ const { hasPrefix, hasSuffix } = useFormKitSection(props.context);
10
+ const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context);
26
11
  </script>
27
12
 
28
13
  <template>
@@ -1,35 +1,12 @@
1
- <script setup lang='ts'>
2
- import type { FormKitFrameworkContext } from '@formkit/core'
3
- import type { TreeSelectProps } from 'primevue/treeselect'
4
-
5
- import type { PropType } from 'vue'
6
- import { useFormKitInput } from '../composables'
7
-
8
- export interface FormKitPrimeTreeSelectProps {
9
- options?: TreeSelectProps['options']
10
- placeholder?: TreeSelectProps['placeholder']
11
- selectionMode?: TreeSelectProps['selectionMode']
12
- pt?: TreeSelectProps['pt']
13
- ptOptions?: TreeSelectProps['ptOptions']
14
- unstyled?: TreeSelectProps['unstyled']
15
- emptyMessage?: TreeSelectProps['emptyMessage']
16
- display?: TreeSelectProps['display']
17
- metaKeySelection?: TreeSelectProps['metaKeySelection']
18
- appendTo?: TreeSelectProps['appendTo']
19
- scrollHeight?: TreeSelectProps['scrollHeight']
20
- panelClass?: TreeSelectProps['panelClass']
21
- variant?: TreeSelectProps['variant']
22
- size?: TreeSelectProps['size']
23
- }
24
-
1
+ <script setup>
2
+ import { useFormKitInput } from "../composables";
25
3
  const props = defineProps({
26
4
  context: {
27
- type: Object as PropType<FormKitFrameworkContext & FormKitPrimeTreeSelectProps>,
28
- required: true,
29
- },
30
- })
31
-
32
- const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
5
+ type: Object,
6
+ required: true
7
+ }
8
+ });
9
+ const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context);
33
10
  </script>
34
11
 
35
12
  <template>
@@ -181,7 +181,6 @@ $grid-breakpoints: (
181
181
 
182
182
  // data view only
183
183
  .p-formkit-data-view {
184
- .formkit-form {
185
184
  .formkit-outer {
186
185
  padding-bottom: 0.5rem;
187
186
  }
@@ -200,13 +199,10 @@ $grid-breakpoints: (
200
199
  margin-block-start: 0;
201
200
  margin-block-end: 0;
202
201
  }
203
- }
204
202
  }
205
203
 
206
204
  // data edit only
207
205
  .p-formkit-data-edit {
208
-
209
- .formkit-form {
210
206
  .formkit-label {
211
207
  //font-weight: normal;
212
208
  }
@@ -289,7 +285,6 @@ $grid-breakpoints: (
289
285
  //padding-left: 2rem;
290
286
  }
291
287
  }
292
- }
293
288
  }
294
289
 
295
290
 
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :root{--formkit-error-color: #ef9a9a}.formkit-form .formkit-messages{margin:.125rem 0;padding-top:.5rem;padding-left:.5rem}.formkit-form .formkit-message{list-style:none;padding:0;margin:0;color:var(--formkit-error-color);font-size:.8rem}.formkit-form .formkit-outer{padding-bottom:.8rem}.formkit-form .formkit-outer .formkit-messages{margin:.125rem 0;padding-top:.25rem;padding-left:0}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-form .formkit-outer .formkit-help{margin:.25rem 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-form .formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-form .p-formkit>*{margin-right:.5rem}.formkit-form .p-formkit>*:last-child,.formkit-form .p-formkit>*:only-child{margin-right:0}.formkit-form .p-formkit-options{display:flex;flex-wrap:wrap;gap:.5rem}.formkit-form .p-formkit-options .p-formkit-option{display:flex;align-items:center}.formkit-form .p-formkit-options .p-formkit-option label{margin-left:.5rem}.formkit-form .formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-form .formkit-fieldset:focus-within{border:0}.formkit-form .formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-form .formkit-legend{display:block;margin:0;padding:0}.formkit-form .formkit-actions{padding-top:.5rem;display:flex}.formkit-form .formkit-actions button{margin-right:.5rem}.formkit-form .p-action-buttons{margin-top:.25rem}.formkit-form .p-action-buttons .p-button{margin-right:.5rem}.formkit-form .p-action-buttons span .p-space{margin-right:3rem}.formkit-form .p-chip-item{align-items:center;background:var(--p-surface-500);color:var(--p-surface-0);border-radius:1rem;padding:.2rem .5rem}.p-formkit-data-view .formkit-form .formkit-outer{padding-bottom:.5rem}.p-formkit-data-view .formkit-form.form-horizontal{padding-bottom:.8rem}.p-formkit-data-view .formkit-form .formkit-help{padding-top:.25rem;margin:0}.p-formkit-data-view .formkit-form ul,.p-formkit-data-view .formkit-form ol{padding-inline-start:1rem;margin-block-start:0;margin-block-end:0}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper{display:flex;flex-wrap:wrap}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner{width:auto !important}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label{width:auto;order:2;padding:.125rem 0}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:after{content:""}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label+.formkit-inner{margin-left:0 !important;order:1;flex-basis:2rem;flex-grow:0;flex-shrink:0;overflow:hidden}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label+.formkit-inner:has(label){flex-grow:1;flex-basis:100%}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3),.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)~label{width:auto}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3){order:1}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)+div.p-checkbox{order:2;width:auto}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)~label{order:3}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner:first-child{margin-left:0 !important}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner:first-child .p-formkit{display:flex}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .p-checkbox:not(:only-child){width:2rem;overflow:hidden}.p-formkit-data-edit .formkit-form .formkit-outer[data-type=primeCheckbox] .formkit-help{width:auto !important}.p-formkit-data-debug pre,.p-formkit-data-debug span{font-size:.75rem;line-height:1rem}@media(min-width: 1024px){.formkit-form{display:flex;flex-wrap:wrap;margin-left:-0.5rem;margin-right:-0.5rem}.formkit-form>*{flex-shrink:0;width:100%;max-width:100%;padding-left:.5rem;padding-right:.5rem}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}}@media(min-width: 768px){.formkit-form.form-horizontal .formkit-wrapper{display:flex}.formkit-form.form-horizontal .formkit-wrapper label{display:inline-block;padding:0 .25rem 0 0;font-size:inherit}.formkit-form.form-horizontal .formkit-wrapper label:after{content:":"}}@media(min-width: 768px)and (min-width: 768px){.formkit-form.form-horizontal.form-horizontal-checkbox-indent .formkit-outer[data-type=primeCheckbox]{padding-left:33.3333333333%}}@media(min-width: 768px){.p-formkit-data-view .formkit-form.form-horizontal label{white-space:nowrap}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer{width:100%}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer label{width:33.3333333333%;padding-top:.25rem;line-height:normal}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer .formkit-inner{width:66.6666666667%}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner{margin-left:auto}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner .p-formkit{display:flex}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner label{width:auto;padding:0}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-help,.p-formkit-data-edit .formkit-form.form-horizontal .formkit-messages{width:66.6666666667%;margin-left:auto}}
1
+ :root{--formkit-error-color: #ef9a9a}.formkit-form .formkit-messages{margin:.125rem 0;padding-top:.5rem;padding-left:.5rem}.formkit-form .formkit-message{list-style:none;padding:0;margin:0;color:var(--formkit-error-color);font-size:.8rem}.formkit-form .formkit-outer{padding-bottom:.8rem}.formkit-form .formkit-outer .formkit-messages{margin:.125rem 0;padding-top:.25rem;padding-left:0}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-form .formkit-outer .formkit-help{margin:.25rem 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-form .formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-form .p-formkit>*{margin-right:.5rem}.formkit-form .p-formkit>*:last-child,.formkit-form .p-formkit>*:only-child{margin-right:0}.formkit-form .p-formkit-options{display:flex;flex-wrap:wrap;gap:.5rem}.formkit-form .p-formkit-options .p-formkit-option{display:flex;align-items:center}.formkit-form .p-formkit-options .p-formkit-option label{margin-left:.5rem}.formkit-form .formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-form .formkit-fieldset:focus-within{border:0}.formkit-form .formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-form .formkit-legend{display:block;margin:0;padding:0}.formkit-form .formkit-actions{padding-top:.5rem;display:flex}.formkit-form .formkit-actions button{margin-right:.5rem}.formkit-form .p-action-buttons{margin-top:.25rem}.formkit-form .p-action-buttons .p-button{margin-right:.5rem}.formkit-form .p-action-buttons span .p-space{margin-right:3rem}.formkit-form .p-chip-item{align-items:center;background:var(--p-surface-500);color:var(--p-surface-0);border-radius:1rem;padding:.2rem .5rem}.p-formkit-data-view .formkit-outer{padding-bottom:.5rem}.p-formkit-data-view.form-horizontal{padding-bottom:.8rem}.p-formkit-data-view .formkit-help{padding-top:.25rem;margin:0}.p-formkit-data-view ul,.p-formkit-data-view ol{padding-inline-start:1rem;margin-block-start:0;margin-block-end:0}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper{display:flex;flex-wrap:wrap}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner{width:auto !important}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label{width:auto;order:2;padding:.125rem 0}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:after{content:""}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label+.formkit-inner{margin-left:0 !important;order:1;flex-basis:2rem;flex-grow:0;flex-shrink:0;overflow:hidden}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label+.formkit-inner:has(label){flex-grow:1;flex-basis:100%}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3),.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)~label{width:auto}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3){order:1}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)+div.p-checkbox{order:2;width:auto}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)~label{order:3}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner:first-child{margin-left:0 !important}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner:first-child .p-formkit{display:flex}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .p-checkbox:not(:only-child){width:2rem;overflow:hidden}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-help{width:auto !important}.p-formkit-data-debug pre,.p-formkit-data-debug span{font-size:.75rem;line-height:1rem}@media(min-width: 1024px){.formkit-form{display:flex;flex-wrap:wrap;margin-left:-0.5rem;margin-right:-0.5rem}.formkit-form>*{flex-shrink:0;width:100%;max-width:100%;padding-left:.5rem;padding-right:.5rem}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}}@media(min-width: 768px){.formkit-form.form-horizontal .formkit-wrapper{display:flex}.formkit-form.form-horizontal .formkit-wrapper label{display:inline-block;padding:0 .25rem 0 0;font-size:inherit}.formkit-form.form-horizontal .formkit-wrapper label:after{content:":"}}@media(min-width: 768px)and (min-width: 768px){.formkit-form.form-horizontal.form-horizontal-checkbox-indent .formkit-outer[data-type=primeCheckbox]{padding-left:33.3333333333%}}@media(min-width: 768px){.p-formkit-data-view .formkit-form.form-horizontal label{white-space:nowrap}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer{width:100%}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer label{width:33.3333333333%;padding-top:.25rem;line-height:normal}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer .formkit-inner{width:66.6666666667%}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner{margin-left:auto}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner .p-formkit{display:flex}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner label{width:auto;padding:0}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-help,.p-formkit-data-edit .formkit-form.form-horizontal .formkit-messages{width:66.6666666667%;margin-left:auto}}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sfxcode/formkit-primevue",
3
3
  "type": "module",
4
- "version": "3.2.3",
4
+ "version": "3.2.5",
5
5
  "packageManager": "pnpm@10.26.0+sha512.3b3f6c725ebe712506c0ab1ad4133cf86b1f4b687effce62a9b38b4d72e3954242e643190fc51fa1642949c735f403debd44f5cb0edd657abe63a8b6a7e1e402",
6
6
  "author": {
7
7
  "name": "Tom",
@@ -90,27 +90,29 @@
90
90
  "vue": "^3.4.0"
91
91
  },
92
92
  "dependencies": {
93
- "@formkit/addons": "^1.7.1",
94
- "@formkit/core": "^1.7.1",
95
- "@formkit/i18n": "^1.7.1",
96
- "@formkit/inputs": "^1.7.1",
97
- "@formkit/vue": "^1.7.1",
98
- "@intlify/core": "^11.2.2",
93
+ "@formkit/addons": "^1.7.2",
94
+ "@formkit/core": "^1.7.2",
95
+ "@formkit/i18n": "^1.7.2",
96
+ "@formkit/inputs": "^1.7.2",
97
+ "@formkit/vue": "^1.7.2",
98
+ "@intlify/core": "^11.2.8",
99
+ "@vue/compiler-core": "^3.5.26",
99
100
  "primeicons": "^7.0.0",
100
101
  "primevue": "^4.5.4",
101
- "vue-i18n": "^11.2.2"
102
+ "vue-i18n": "^11.2.8",
103
+ "vue-sfc-transformer": "^0.1.17"
102
104
  },
103
105
  "devDependencies": {
104
- "@antfu/eslint-config": "^6.7.1",
106
+ "@antfu/eslint-config": "^6.7.3",
105
107
  "@formkit/core": "^1.6.9",
106
108
  "@formkit/drag-and-drop": "^0.5.3",
107
109
  "@primeuix/themes": "^2.0.2",
108
- "@types/node": "^25.0.3",
110
+ "@types/node": "^25.0.6",
109
111
  "@unocss/preset-icons": "66.5.10",
110
112
  "@unocss/preset-uno": "66.5.10",
111
113
  "@vitejs/plugin-vue": "^6.0.3",
112
- "@vitest/coverage-v8": "^4.0.16",
113
- "@vitest/ui": "^4.0.16",
114
+ "@vitest/coverage-v8": "^4.0.17",
115
+ "@vitest/ui": "^4.0.17",
114
116
  "@vue/compiler-sfc": "^3.5.26",
115
117
  "@vue/server-renderer": "^3.5.26",
116
118
  "@vue/test-utils": "^2.4.6",
@@ -123,26 +125,26 @@
123
125
  "cookie": "^1.1.1",
124
126
  "esbuild": "^0.27.2",
125
127
  "eslint": "^9.39.2",
126
- "happy-dom": "^20.0.11",
128
+ "happy-dom": "^20.1.0",
127
129
  "json-editor-vue": "^0.18.1",
128
130
  "mkdist": "^2.4.1",
129
- "sass": "^1.97.0",
131
+ "sass": "^1.97.2",
130
132
  "tslib": "^2.8.1",
131
133
  "typescript": "^5.9.3",
132
134
  "unbuild": "^3.6.1",
133
135
  "unocss": "66.5.10",
134
136
  "unplugin-auto-import": "^20.3.0",
135
137
  "unplugin-vue-components": "^30.0.0",
136
- "vite": "^7.3.0",
138
+ "vite": "^7.3.1",
137
139
  "vite-plugin-dts": "^4.5.4",
138
140
  "vite-plugin-eslint": "^1.8.1",
139
141
  "vite-plugin-pages": "^0.33.2",
140
142
  "vite-ssg": "^28.2.2",
141
143
  "vitepress": "2.0.0-alpha.12",
142
- "vitest": "^4.0.16",
144
+ "vitest": "^4.0.17",
143
145
  "vue": "^3.5.26",
144
146
  "vue-demi": "^0.14.10",
145
147
  "vue-router": "^4.6.4",
146
- "vue-tsc": "^3.1.8"
148
+ "vue-tsc": "^3.2.2"
147
149
  }
148
150
  }
@@ -1,180 +0,0 @@
1
- import type { FormKitSchemaDefinition } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- declare var __VLS_15: {}, __VLS_18: {}, __VLS_26: {};
4
- type __VLS_Slots = {} & {
5
- default?: (props: typeof __VLS_15) => any;
6
- } & {
7
- messages?: (props: typeof __VLS_18) => any;
8
- } & {
9
- submit?: (props: typeof __VLS_26) => any;
10
- };
11
- declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
12
- id: {
13
- type: StringConstructor;
14
- default: string;
15
- };
16
- data: {
17
- type: ObjectConstructor;
18
- default: null;
19
- };
20
- schema: {
21
- type: PropType<FormKitSchemaDefinition>;
22
- default: null;
23
- };
24
- formClass: {
25
- type: StringConstructor;
26
- default: string;
27
- };
28
- actionsClass: {
29
- type: StringConstructor;
30
- default: string;
31
- };
32
- submitSeverity: {
33
- type: StringConstructor;
34
- default: string;
35
- };
36
- submitClass: {
37
- type: StringConstructor;
38
- default: string;
39
- };
40
- submitLabel: {
41
- type: StringConstructor;
42
- default: string;
43
- };
44
- submitIcon: {
45
- type: StringConstructor;
46
- default: string;
47
- };
48
- showReset: {
49
- type: BooleanConstructor;
50
- default: boolean;
51
- };
52
- resetSeverity: {
53
- type: StringConstructor;
54
- default: string;
55
- };
56
- resetLabel: {
57
- type: StringConstructor;
58
- default: string;
59
- };
60
- resetClass: {
61
- type: StringConstructor;
62
- default: string;
63
- };
64
- resetIcon: {
65
- type: StringConstructor;
66
- default: string;
67
- };
68
- debugData: {
69
- type: BooleanConstructor;
70
- default: boolean;
71
- };
72
- debugSchema: {
73
- type: BooleanConstructor;
74
- default: boolean;
75
- };
76
- modelValue: {
77
- type: PropType<any>;
78
- };
79
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
80
- onReset: (...args: any[]) => void;
81
- dataSaved: (...args: any[]) => void;
82
- "update:modelValue": (value: any) => void;
83
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
84
- id: {
85
- type: StringConstructor;
86
- default: string;
87
- };
88
- data: {
89
- type: ObjectConstructor;
90
- default: null;
91
- };
92
- schema: {
93
- type: PropType<FormKitSchemaDefinition>;
94
- default: null;
95
- };
96
- formClass: {
97
- type: StringConstructor;
98
- default: string;
99
- };
100
- actionsClass: {
101
- type: StringConstructor;
102
- default: string;
103
- };
104
- submitSeverity: {
105
- type: StringConstructor;
106
- default: string;
107
- };
108
- submitClass: {
109
- type: StringConstructor;
110
- default: string;
111
- };
112
- submitLabel: {
113
- type: StringConstructor;
114
- default: string;
115
- };
116
- submitIcon: {
117
- type: StringConstructor;
118
- default: string;
119
- };
120
- showReset: {
121
- type: BooleanConstructor;
122
- default: boolean;
123
- };
124
- resetSeverity: {
125
- type: StringConstructor;
126
- default: string;
127
- };
128
- resetLabel: {
129
- type: StringConstructor;
130
- default: string;
131
- };
132
- resetClass: {
133
- type: StringConstructor;
134
- default: string;
135
- };
136
- resetIcon: {
137
- type: StringConstructor;
138
- default: string;
139
- };
140
- debugData: {
141
- type: BooleanConstructor;
142
- default: boolean;
143
- };
144
- debugSchema: {
145
- type: BooleanConstructor;
146
- default: boolean;
147
- };
148
- modelValue: {
149
- type: PropType<any>;
150
- };
151
- }>> & Readonly<{
152
- onOnReset?: ((...args: any[]) => any) | undefined;
153
- onDataSaved?: ((...args: any[]) => any) | undefined;
154
- "onUpdate:modelValue"?: ((value: any) => any) | undefined;
155
- }>, {
156
- data: Record<string, any>;
157
- id: string;
158
- schema: FormKitSchemaDefinition;
159
- formClass: string;
160
- actionsClass: string;
161
- submitSeverity: string;
162
- submitClass: string;
163
- submitLabel: string;
164
- submitIcon: string;
165
- showReset: boolean;
166
- resetSeverity: string;
167
- resetLabel: string;
168
- resetClass: string;
169
- resetIcon: string;
170
- debugData: boolean;
171
- debugSchema: boolean;
172
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
173
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
174
- declare const _default: typeof __VLS_export;
175
- export default _default;
176
- type __VLS_WithSlots<T, S> = T & {
177
- new (): {
178
- $slots: S;
179
- };
180
- };
@@ -1,180 +0,0 @@
1
- import type { FormKitSchemaDefinition } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- declare var __VLS_15: {}, __VLS_18: {}, __VLS_26: {};
4
- type __VLS_Slots = {} & {
5
- default?: (props: typeof __VLS_15) => any;
6
- } & {
7
- messages?: (props: typeof __VLS_18) => any;
8
- } & {
9
- submit?: (props: typeof __VLS_26) => any;
10
- };
11
- declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
12
- id: {
13
- type: StringConstructor;
14
- default: string;
15
- };
16
- data: {
17
- type: ObjectConstructor;
18
- default: null;
19
- };
20
- schema: {
21
- type: PropType<FormKitSchemaDefinition>;
22
- default: null;
23
- };
24
- formClass: {
25
- type: StringConstructor;
26
- default: string;
27
- };
28
- actionsClass: {
29
- type: StringConstructor;
30
- default: string;
31
- };
32
- submitSeverity: {
33
- type: StringConstructor;
34
- default: string;
35
- };
36
- submitClass: {
37
- type: StringConstructor;
38
- default: string;
39
- };
40
- submitLabel: {
41
- type: StringConstructor;
42
- default: string;
43
- };
44
- submitIcon: {
45
- type: StringConstructor;
46
- default: string;
47
- };
48
- showReset: {
49
- type: BooleanConstructor;
50
- default: boolean;
51
- };
52
- resetSeverity: {
53
- type: StringConstructor;
54
- default: string;
55
- };
56
- resetLabel: {
57
- type: StringConstructor;
58
- default: string;
59
- };
60
- resetClass: {
61
- type: StringConstructor;
62
- default: string;
63
- };
64
- resetIcon: {
65
- type: StringConstructor;
66
- default: string;
67
- };
68
- debugData: {
69
- type: BooleanConstructor;
70
- default: boolean;
71
- };
72
- debugSchema: {
73
- type: BooleanConstructor;
74
- default: boolean;
75
- };
76
- modelValue: {
77
- type: PropType<any>;
78
- };
79
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
80
- onReset: (...args: any[]) => void;
81
- dataSaved: (...args: any[]) => void;
82
- "update:modelValue": (value: any) => void;
83
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
84
- id: {
85
- type: StringConstructor;
86
- default: string;
87
- };
88
- data: {
89
- type: ObjectConstructor;
90
- default: null;
91
- };
92
- schema: {
93
- type: PropType<FormKitSchemaDefinition>;
94
- default: null;
95
- };
96
- formClass: {
97
- type: StringConstructor;
98
- default: string;
99
- };
100
- actionsClass: {
101
- type: StringConstructor;
102
- default: string;
103
- };
104
- submitSeverity: {
105
- type: StringConstructor;
106
- default: string;
107
- };
108
- submitClass: {
109
- type: StringConstructor;
110
- default: string;
111
- };
112
- submitLabel: {
113
- type: StringConstructor;
114
- default: string;
115
- };
116
- submitIcon: {
117
- type: StringConstructor;
118
- default: string;
119
- };
120
- showReset: {
121
- type: BooleanConstructor;
122
- default: boolean;
123
- };
124
- resetSeverity: {
125
- type: StringConstructor;
126
- default: string;
127
- };
128
- resetLabel: {
129
- type: StringConstructor;
130
- default: string;
131
- };
132
- resetClass: {
133
- type: StringConstructor;
134
- default: string;
135
- };
136
- resetIcon: {
137
- type: StringConstructor;
138
- default: string;
139
- };
140
- debugData: {
141
- type: BooleanConstructor;
142
- default: boolean;
143
- };
144
- debugSchema: {
145
- type: BooleanConstructor;
146
- default: boolean;
147
- };
148
- modelValue: {
149
- type: PropType<any>;
150
- };
151
- }>> & Readonly<{
152
- onOnReset?: ((...args: any[]) => any) | undefined;
153
- onDataSaved?: ((...args: any[]) => any) | undefined;
154
- "onUpdate:modelValue"?: ((value: any) => any) | undefined;
155
- }>, {
156
- data: Record<string, any>;
157
- id: string;
158
- schema: FormKitSchemaDefinition;
159
- formClass: string;
160
- actionsClass: string;
161
- submitSeverity: string;
162
- submitClass: string;
163
- submitLabel: string;
164
- submitIcon: string;
165
- showReset: boolean;
166
- resetSeverity: string;
167
- resetLabel: string;
168
- resetClass: string;
169
- resetIcon: string;
170
- debugData: boolean;
171
- debugSchema: boolean;
172
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
173
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
174
- declare const _default: typeof __VLS_export;
175
- export default _default;
176
- type __VLS_WithSlots<T, S> = T & {
177
- new (): {
178
- $slots: S;
179
- };
180
- };
@@ -1,73 +0,0 @@
1
- import type { FormKitSchemaDefinition } from '@formkit/core';
2
- import type { PropType } from 'vue';
3
- declare var __VLS_12: {};
4
- type __VLS_Slots = {} & {
5
- default?: (props: typeof __VLS_12) => any;
6
- };
7
- declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
- data: {
9
- type: ObjectConstructor;
10
- default: null;
11
- };
12
- schema: {
13
- type: PropType<FormKitSchemaDefinition>;
14
- default: null;
15
- };
16
- formClass: {
17
- type: StringConstructor;
18
- default: string;
19
- };
20
- debugData: {
21
- type: BooleanConstructor;
22
- default: boolean;
23
- };
24
- debugSchema: {
25
- type: BooleanConstructor;
26
- default: boolean;
27
- };
28
- modelValue: {
29
- type: PropType<any>;
30
- };
31
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
32
- "update:modelValue": (value: any) => any;
33
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
34
- data: {
35
- type: ObjectConstructor;
36
- default: null;
37
- };
38
- schema: {
39
- type: PropType<FormKitSchemaDefinition>;
40
- default: null;
41
- };
42
- formClass: {
43
- type: StringConstructor;
44
- default: string;
45
- };
46
- debugData: {
47
- type: BooleanConstructor;
48
- default: boolean;
49
- };
50
- debugSchema: {
51
- type: BooleanConstructor;
52
- default: boolean;
53
- };
54
- modelValue: {
55
- type: PropType<any>;
56
- };
57
- }>> & Readonly<{
58
- "onUpdate:modelValue"?: ((value: any) => any) | undefined;
59
- }>, {
60
- data: Record<string, any>;
61
- schema: FormKitSchemaDefinition;
62
- formClass: string;
63
- debugData: boolean;
64
- debugSchema: boolean;
65
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
66
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
67
- declare const _default: typeof __VLS_export;
68
- export default _default;
69
- type __VLS_WithSlots<T, S> = T & {
70
- new (): {
71
- $slots: S;
72
- };
73
- };