@sfxcode/formkit-primevue 2.0.1 → 2.0.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 (32) hide show
  1. package/dist/components/PrimeAutoComplete.vue +3 -4
  2. package/dist/components/PrimeCascadeSelect.vue +2 -0
  3. package/dist/components/PrimeCheckbox.vue +2 -0
  4. package/dist/components/PrimeColorPicker.vue +2 -0
  5. package/dist/components/PrimeDatePicker.vue +3 -1
  6. package/dist/components/PrimeEditor.vue +3 -1
  7. package/dist/components/PrimeInputMask.vue +2 -0
  8. package/dist/components/PrimeInputNumber.vue +2 -0
  9. package/dist/components/PrimeInputOtp.vue +2 -0
  10. package/dist/components/PrimeInputText.vue +4 -0
  11. package/dist/components/PrimeKnob.vue +2 -0
  12. package/dist/components/PrimeListbox.vue +2 -0
  13. package/dist/components/PrimeMultiSelect.vue +4 -4
  14. package/dist/components/PrimePassword.vue +6 -4
  15. package/dist/components/PrimeRadioButton.vue +2 -0
  16. package/dist/components/PrimeRating.vue +2 -4
  17. package/dist/components/PrimeSelect.vue +2 -0
  18. package/dist/components/PrimeSelectButton.vue +2 -2
  19. package/dist/components/PrimeSlider.vue +2 -0
  20. package/dist/components/PrimeTextarea.vue +2 -0
  21. package/dist/components/PrimeToggleButton.vue +2 -0
  22. package/dist/components/PrimeToggleSwitch.vue +2 -0
  23. package/dist/components/PrimeTreeSelect.vue +2 -0
  24. package/dist/components/index.d.ts +1 -3
  25. package/dist/components/index.js +0 -14
  26. package/dist/components/index.mjs +1 -5
  27. package/dist/definitions/index.d.ts +0 -4
  28. package/dist/definitions/index.js +1 -11
  29. package/dist/definitions/index.mjs +0 -26
  30. package/package.json +2 -1
  31. package/dist/components/PrimeChips.vue +0 -55
  32. package/dist/components/PrimeTriStateCheckbox.vue +0 -56
@@ -1,10 +1,9 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed, ref } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
- import type {
5
- AutoCompleteCompleteEvent,
6
- AutoCompleteProps,
7
- } from 'primevue/autocomplete'
4
+
5
+ import AutoComplete from 'primevue/autocomplete'
6
+ import type { AutoCompleteCompleteEvent, AutoCompleteProps } from 'primevue/autocomplete'
8
7
 
9
8
  export interface FormKitPrimeAutoCompleteProps {
10
9
  pt?: AutoCompleteProps['pt']
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import CascadeSelect from 'primevue/cascadeselect'
4
6
  import type { CascadeSelectProps } from 'primevue/cascadeselect'
5
7
 
6
8
  export interface FormKitPrimeCascadeSelectProps {
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import Checkbox from 'primevue/checkbox'
4
6
  import type { CheckboxProps } from 'primevue/checkbox'
5
7
 
6
8
  export interface FormKitPrimeCheckboxProps {
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import type { PropType } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import ColorPicker from 'primevue/colorpicker'
4
6
  import type { ColorPickerProps } from 'primevue/colorpicker'
5
7
 
6
8
  export interface FormKitPrimeColorPickerProps {
@@ -1,8 +1,10 @@
1
1
  <script setup lang='ts'>
2
- import type { DatePickerBlurEvent, DatePickerProps } from 'primevue/datepicker'
3
2
  import { type PropType, computed } from 'vue'
4
3
  import type { FormKitFrameworkContext } from '@formkit/core'
5
4
 
5
+ import DatePicker from 'primevue/datepicker'
6
+ import type { DatePickerBlurEvent, DatePickerProps } from 'primevue/datepicker'
7
+
6
8
  export interface FormKitPrimeDatePickerProps {
7
9
  dateFormat?: DatePickerProps['dateFormat']
8
10
  placeholder?: DatePickerProps['placeholder']
@@ -1,8 +1,10 @@
1
1
  <script setup lang="ts">
2
- import type { EditorProps, EditorSelectionChangeEvent } from 'primevue/editor'
3
2
  import { type PropType, computed } from 'vue'
4
3
  import type { FormKitFrameworkContext } from '@formkit/core'
5
4
 
5
+ import Editor from 'primevue/editor'
6
+ import type { EditorProps, EditorSelectionChangeEvent } from 'primevue/editor'
7
+
6
8
  export interface FormKitPrimeEditorProps {
7
9
  placeholder?: EditorProps['placeholder']
8
10
  formats?: EditorProps['formats']
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import InputMask from 'primevue/inputmask'
4
6
  import type { InputMaskProps } from 'primevue/inputmask'
5
7
 
6
8
  export interface FormKitPrimeInputMaskProps {
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import InputNumber from 'primevue/inputnumber'
4
6
  import type { InputNumberBlurEvent, InputNumberProps } from 'primevue/inputnumber'
5
7
 
6
8
  export interface FormKitPrimeInputNumberProps {
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import InputOtp from 'primevue/inputotp'
4
6
  import type { InputOtpProps } from 'primevue/inputotp'
5
7
 
6
8
  export interface FormKitPrimeInputOtpProps {
@@ -1,6 +1,10 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import IconField from 'primevue/iconfield'
6
+ import InputIcon from 'primevue/inputicon'
7
+ import InputText from 'primevue/inputtext'
4
8
  import type { InputTextProps } from 'primevue/inputtext'
5
9
 
6
10
  export interface FormKitPrimeInputTextProps {
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import Knob from 'primevue/knob'
4
6
  import type { KnobProps } from 'primevue/knob'
5
7
 
6
8
  export interface FormKitPrimeKnobProps {
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import Listbox from 'primevue/listbox'
4
6
  import type { ListboxProps } from 'primevue/listbox'
5
7
 
6
8
  export interface FormKitPrimeListboxProps {
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import MultiSelect from 'primevue/multiselect'
4
6
  import type { MultiSelectProps } from 'primevue/multiselect'
5
7
 
6
8
  export interface FormKitPrimeMultiSelectProps {
@@ -11,8 +13,7 @@ export interface FormKitPrimeMultiSelectProps {
11
13
  optionGroupLabel?: MultiSelectProps['optionGroupLabel']
12
14
  optionGroupChildren?: MultiSelectProps['optionGroupChildren']
13
15
  scrollHeight?: MultiSelectProps['scrollHeight']
14
- inputProps?: MultiSelectProps['inputProps']
15
- closeButtonProps?: MultiSelectProps['closeButtonProps']
16
+ closeIcon?: MultiSelectProps['closeIcon']
16
17
  dataKey?: MultiSelectProps['dataKey']
17
18
  filter?: MultiSelectProps['filter']
18
19
  filterPlaceholder?: MultiSelectProps['filterPlaceholder']
@@ -81,8 +82,6 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
81
82
  :option-group-label="context.optionGroupLabel"
82
83
  :option-group-children="context.optionGroupChildren"
83
84
  :scroll-height="context.scrollHeight"
84
- :input-props="context.inputProps"
85
- :close-button-props="context.closeButtonProps"
86
85
  :data-key="context.dataKey"
87
86
  :filter="context.filter ?? false"
88
87
  :filter-placeholder="context.filterPlaceholder"
@@ -90,6 +89,7 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
90
89
  :filter-match-mode="context.filterMatchMode"
91
90
  :fitler-fields="context.filterFields"
92
91
  :append-to="context.appendTo"
92
+ :close-icon="context.closeIcon"
93
93
  :display="context.display"
94
94
  :max-selected-labels="context.maxSelectedLabels"
95
95
  :selected-items-label="context.selectedItemsLabel"
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import Password from 'primevue/password'
4
6
  import type { PasswordProps } from 'primevue/password'
5
7
 
6
8
  export interface FormKitPrimePasswordProps {
@@ -10,8 +12,8 @@ export interface FormKitPrimePasswordProps {
10
12
  weakLabel?: PasswordProps['weakLabel']
11
13
  mediumLabel?: PasswordProps['mediumLabel']
12
14
  strongLabel?: PasswordProps['strongLabel']
13
- hideIcon?: PasswordProps['hideIcon']
14
- showIcon?: PasswordProps['showIcon']
15
+ maskIcon?: PasswordProps['maskIcon']
16
+ unmaskIcon?: PasswordProps['unmaskIcon']
15
17
  pt?: PasswordProps['pt']
16
18
  ptOptions?: PasswordProps['ptOptions']
17
19
  unstyled?: PasswordProps['unstyled']
@@ -58,8 +60,8 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
58
60
  :weak-label="context.weakLabel"
59
61
  :medium-label="context.mediumLabel"
60
62
  :strong-label="context.strongLabel"
61
- :hide-icon="context.hideIcon ?? 'pi pi-eye-slash'"
62
- :show-icon="context.showIcon ?? 'pi pi-eye'"
63
+ :mask-icon="context.maskIcon ?? 'pi pi-eye-slash'"
64
+ :unmask-icon="context.unmaskIcon ?? 'pi pi-eye'"
63
65
  :feedback="context.feedback ?? false"
64
66
  :toggle-mask="context.toggleMask ?? false"
65
67
  :pt="context.pt"
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import RadioButton from 'primevue/radiobutton'
4
6
  import type { RadioButtonProps } from 'primevue/radiobutton'
5
7
 
6
8
  export interface FormKitPrimeRadioButtonProps {
@@ -1,15 +1,15 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import Rating from 'primevue/rating'
4
6
  import type { RatingProps } from 'primevue/rating'
5
7
 
6
8
  export interface FormKitPrimeRatingProps {
7
9
  unstyled?: RatingProps['unstyled']
8
10
  stars?: RatingProps['stars']
9
- cancel?: RatingProps['cancel']
10
11
  onIcon?: RatingProps['onIcon']
11
12
  offIcon?: RatingProps['offIcon']
12
- cancelIcon?: RatingProps['cancelIcon']
13
13
  ptOptions?: RatingProps['ptOptions']
14
14
  pt?: RatingProps['pt']
15
15
  }
@@ -46,10 +46,8 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
46
46
  :aria-label="context?.attrs.ariaLabel"
47
47
  :aria-labelledby="context?.attrs.ariaLabelledby"
48
48
  :stars="context.stars ?? 5"
49
- :cancel="context.cancel ?? false"
50
49
  :on-icon="context.onIcon ?? 'pi pi-star-fill'"
51
50
  :off-icon="context.offIcon ?? 'pi pi-star'"
52
- :cancel-icon="context.cancelIcon ?? 'pi pi-ban'"
53
51
  :pt="context.pt"
54
52
  :pt-options="context.ptOptions"
55
53
  :unstyled="context.unstyled ?? false"
@@ -1,6 +1,8 @@
1
1
  <script setup lang="ts">
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import Select from 'primevue/select'
4
6
  import type { SelectProps } from 'primevue/select'
5
7
 
6
8
  export interface FormKitPrimeSelectProps {
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import SelectButton from 'primevue/selectbutton'
4
6
  import type { SelectButtonProps } from 'primevue/selectbutton'
5
7
 
6
8
  export interface FormKitPrimeSelectButtonProps {
@@ -11,7 +13,6 @@ export interface FormKitPrimeSelectButtonProps {
11
13
  optionValue?: SelectButtonProps['optionValue']
12
14
  optionDisabled?: SelectButtonProps['optionDisabled']
13
15
  multiple?: SelectButtonProps['multiple']
14
- unselectable?: SelectButtonProps['unselectable']
15
16
  dataKey?: SelectButtonProps['dataKey']
16
17
  options?: SelectButtonProps['options']
17
18
  }
@@ -52,7 +53,6 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
52
53
  :option-value="context.optionValue"
53
54
  :option-disabled="context.optionDisabled"
54
55
  :multiple="context.multiple ?? false"
55
- :unselectable="context.unselectable ?? true"
56
56
  :data-key="context.dataKey"
57
57
  :pt="context.pt"
58
58
  :pt-options="context.ptOptions"
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import Slider from 'primevue/slider'
4
6
  import type { SliderProps } from 'primevue/slider'
5
7
 
6
8
  export interface FormKitPrimeSliderProps {
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import Textarea from 'primevue/textarea'
4
6
  import type { TextareaProps } from 'primevue/textarea'
5
7
 
6
8
  export interface FormKitPrimeTextareaProps {
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import ToggleButton from 'primevue/togglebutton'
4
6
  import type { ToggleButtonProps } from 'primevue/togglebutton'
5
7
 
6
8
  export interface FormKitPrimeToggleButtonProps {
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import ToggleSwitch from 'primevue/toggleswitch'
4
6
  import type { ToggleSwitchProps } from 'primevue/toggleswitch'
5
7
 
6
8
  export interface FormKitPrimeToggleSwitchProps {
@@ -1,6 +1,8 @@
1
1
  <script setup lang='ts'>
2
2
  import { type PropType, computed } from 'vue'
3
3
  import type { FormKitFrameworkContext } from '@formkit/core'
4
+
5
+ import TreeSelect from 'primevue/treeselect'
4
6
  import type { TreeSelectProps } from 'primevue/treeselect'
5
7
 
6
8
  export interface FormKitPrimeTreeSelectProps {
@@ -2,7 +2,6 @@ import PrimeAutoComplete from './PrimeAutoComplete.vue';
2
2
  import PrimeDatePicker from './PrimeDatePicker.vue';
3
3
  import PrimeCascadeSelect from './PrimeCascadeSelect.vue';
4
4
  import PrimeCheckbox from './PrimeCheckbox.vue';
5
- import PrimeChips from './PrimeChips.vue';
6
5
  import PrimeColorPicker from './PrimeColorPicker.vue';
7
6
  import PrimeSelect from './PrimeSelect.vue';
8
7
  import PrimeEditor from './PrimeEditor.vue';
@@ -21,5 +20,4 @@ import PrimeSlider from './PrimeSlider.vue';
21
20
  import PrimeToggleButton from './PrimeToggleButton.vue';
22
21
  import PrimeTreeSelect from './PrimeTreeSelect.vue';
23
22
  import PrimeSelectButton from './PrimeSelectButton.vue';
24
- import PrimeTriStateCheckbox from './PrimeTriStateCheckbox.vue';
25
- export { PrimeAutoComplete, PrimeDatePicker, PrimeCascadeSelect, PrimeCheckbox, PrimeChips, PrimeColorPicker, PrimeSelect, PrimeEditor, PrimeInputMask, PrimeInputNumber, PrimeInputSwitch, PrimeInputText, PrimeTextarea, PrimeKnob, PrimeMultiSelect, PrimeListbox, PrimePassword, PrimeRadioButton, PrimeRating, PrimeSlider, PrimeToggleButton, PrimeTreeSelect, PrimeSelectButton, PrimeTriStateCheckbox, };
23
+ export { PrimeAutoComplete, PrimeDatePicker, PrimeCascadeSelect, PrimeCheckbox, PrimeColorPicker, PrimeSelect, PrimeEditor, PrimeInputMask, PrimeInputNumber, PrimeInputSwitch, PrimeInputText, PrimeTextarea, PrimeKnob, PrimeMultiSelect, PrimeListbox, PrimePassword, PrimeRadioButton, PrimeRating, PrimeSlider, PrimeToggleButton, PrimeTreeSelect, PrimeSelectButton, };
@@ -21,12 +21,6 @@ Object.defineProperty(exports, "PrimeCheckbox", {
21
21
  return _PrimeCheckbox.default;
22
22
  }
23
23
  });
24
- Object.defineProperty(exports, "PrimeChips", {
25
- enumerable: true,
26
- get: function () {
27
- return _PrimeChips.default;
28
- }
29
- });
30
24
  Object.defineProperty(exports, "PrimeColorPicker", {
31
25
  enumerable: true,
32
26
  get: function () {
@@ -141,17 +135,10 @@ Object.defineProperty(exports, "PrimeTreeSelect", {
141
135
  return _PrimeTreeSelect.default;
142
136
  }
143
137
  });
144
- Object.defineProperty(exports, "PrimeTriStateCheckbox", {
145
- enumerable: true,
146
- get: function () {
147
- return _PrimeTriStateCheckbox.default;
148
- }
149
- });
150
138
  var _PrimeAutoComplete = _interopRequireDefault(require("./PrimeAutoComplete.vue"));
151
139
  var _PrimeDatePicker = _interopRequireDefault(require("./PrimeDatePicker.vue"));
152
140
  var _PrimeCascadeSelect = _interopRequireDefault(require("./PrimeCascadeSelect.vue"));
153
141
  var _PrimeCheckbox = _interopRequireDefault(require("./PrimeCheckbox.vue"));
154
- var _PrimeChips = _interopRequireDefault(require("./PrimeChips.vue"));
155
142
  var _PrimeColorPicker = _interopRequireDefault(require("./PrimeColorPicker.vue"));
156
143
  var _PrimeSelect = _interopRequireDefault(require("./PrimeSelect.vue"));
157
144
  var _PrimeEditor = _interopRequireDefault(require("./PrimeEditor.vue"));
@@ -170,5 +157,4 @@ var _PrimeSlider = _interopRequireDefault(require("./PrimeSlider.vue"));
170
157
  var _PrimeToggleButton = _interopRequireDefault(require("./PrimeToggleButton.vue"));
171
158
  var _PrimeTreeSelect = _interopRequireDefault(require("./PrimeTreeSelect.vue"));
172
159
  var _PrimeSelectButton = _interopRequireDefault(require("./PrimeSelectButton.vue"));
173
- var _PrimeTriStateCheckbox = _interopRequireDefault(require("./PrimeTriStateCheckbox.vue"));
174
160
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -2,7 +2,6 @@ import PrimeAutoComplete from "./PrimeAutoComplete.vue";
2
2
  import PrimeDatePicker from "./PrimeDatePicker.vue";
3
3
  import PrimeCascadeSelect from "./PrimeCascadeSelect.vue";
4
4
  import PrimeCheckbox from "./PrimeCheckbox.vue";
5
- import PrimeChips from "./PrimeChips.vue";
6
5
  import PrimeColorPicker from "./PrimeColorPicker.vue";
7
6
  import PrimeSelect from "./PrimeSelect.vue";
8
7
  import PrimeEditor from "./PrimeEditor.vue";
@@ -21,13 +20,11 @@ import PrimeSlider from "./PrimeSlider.vue";
21
20
  import PrimeToggleButton from "./PrimeToggleButton.vue";
22
21
  import PrimeTreeSelect from "./PrimeTreeSelect.vue";
23
22
  import PrimeSelectButton from "./PrimeSelectButton.vue";
24
- import PrimeTriStateCheckbox from "./PrimeTriStateCheckbox.vue";
25
23
  export {
26
24
  PrimeAutoComplete,
27
25
  PrimeDatePicker,
28
26
  PrimeCascadeSelect,
29
27
  PrimeCheckbox,
30
- PrimeChips,
31
28
  PrimeColorPicker,
32
29
  PrimeSelect,
33
30
  PrimeEditor,
@@ -45,6 +42,5 @@ export {
45
42
  PrimeSlider,
46
43
  PrimeToggleButton,
47
44
  PrimeTreeSelect,
48
- PrimeSelectButton,
49
- PrimeTriStateCheckbox
45
+ PrimeSelectButton
50
46
  };
@@ -16,12 +16,10 @@ export declare const primeDatePickerDefinition: FormKitTypeDefinition;
16
16
  export declare const primeSliderDefinition: FormKitTypeDefinition;
17
17
  export declare const primeRatingDefinition: FormKitTypeDefinition;
18
18
  export declare const primeRadioButtonDefinition: FormKitTypeDefinition;
19
- export declare const primeChipsDefinition: FormKitTypeDefinition;
20
19
  export declare const primeKnobDefinition: FormKitTypeDefinition;
21
20
  export declare const primeColorPickerDefinition: FormKitTypeDefinition;
22
21
  export declare const primeToggleButtonDefinition: FormKitTypeDefinition;
23
22
  export declare const primeSelectButtonDefinition: FormKitTypeDefinition;
24
- export declare const primeTriStateCheckboxDefinition: FormKitTypeDefinition;
25
23
  export declare const primeCascadeSelectDefinition: FormKitTypeDefinition;
26
24
  export declare const primeTreeSelectDefinition: FormKitTypeDefinition;
27
25
  export declare const primeInputs: {
@@ -38,7 +36,6 @@ export declare const primeInputs: {
38
36
  primeMultiSelect: FormKitTypeDefinition;
39
37
  primeDatePicker: FormKitTypeDefinition;
40
38
  primeSlider: FormKitTypeDefinition;
41
- primeChips: FormKitTypeDefinition;
42
39
  primeKnob: FormKitTypeDefinition;
43
40
  primeRating: FormKitTypeDefinition;
44
41
  primeRadioButton: FormKitTypeDefinition;
@@ -46,7 +43,6 @@ export declare const primeInputs: {
46
43
  primeToggleButton: FormKitTypeDefinition;
47
44
  primeListbox: FormKitTypeDefinition;
48
45
  primeSelectButton: FormKitTypeDefinition;
49
- primeTriStateCheckbox: FormKitTypeDefinition;
50
46
  primeCascadeSelect: FormKitTypeDefinition;
51
47
  primeTreeSelect: FormKitTypeDefinition;
52
48
  primeInputOtp: FormKitTypeDefinition;
@@ -3,13 +3,12 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.primeTriStateCheckboxDefinition = exports.primeTreeSelectDefinition = exports.primeToggleSwitchDefinition = exports.primeToggleButtonDefinition = exports.primeTextareaDefinition = exports.primeSliderDefinition = exports.primeSelectDefinition = exports.primeSelectButtonDefinition = exports.primeRatingDefinition = exports.primeRadioButtonDefinition = exports.primePasswordDefinition = exports.primeMultiSelectDefinition = exports.primeListboxDefinition = exports.primeKnobDefinition = exports.primeInputs = exports.primeInputTextDefinition = exports.primeInputOtpDefinition = exports.primeInputNumberDefinition = exports.primeInputMaskDefinition = exports.primeEditorDefinition = exports.primeDatePickerDefinition = exports.primeColorPickerDefinition = exports.primeChipsDefinition = exports.primeCheckboxDefinition = exports.primeCascadeSelectDefinition = exports.primeAutoCompleteDefinition = void 0;
6
+ exports.primeTreeSelectDefinition = exports.primeToggleSwitchDefinition = exports.primeToggleButtonDefinition = exports.primeTextareaDefinition = exports.primeSliderDefinition = exports.primeSelectDefinition = exports.primeSelectButtonDefinition = exports.primeRatingDefinition = exports.primeRadioButtonDefinition = exports.primePasswordDefinition = exports.primeMultiSelectDefinition = exports.primeListboxDefinition = exports.primeKnobDefinition = exports.primeInputs = exports.primeInputTextDefinition = exports.primeInputOtpDefinition = exports.primeInputNumberDefinition = exports.primeInputMaskDefinition = exports.primeEditorDefinition = exports.primeDatePickerDefinition = exports.primeColorPickerDefinition = exports.primeCheckboxDefinition = exports.primeCascadeSelectDefinition = exports.primeAutoCompleteDefinition = void 0;
7
7
  var _vue = require("@formkit/vue");
8
8
  var _PrimeAutoComplete = _interopRequireDefault(require("../components/PrimeAutoComplete.vue"));
9
9
  var _PrimeDatePicker = _interopRequireDefault(require("../components/PrimeDatePicker.vue"));
10
10
  var _PrimeCascadeSelect = _interopRequireDefault(require("../components/PrimeCascadeSelect.vue"));
11
11
  var _PrimeCheckbox = _interopRequireDefault(require("../components/PrimeCheckbox.vue"));
12
- var _PrimeChips = _interopRequireDefault(require("../components/PrimeChips.vue"));
13
12
  var _PrimeColorPicker = _interopRequireDefault(require("../components/PrimeColorPicker.vue"));
14
13
  var _PrimeSelect = _interopRequireDefault(require("../components/PrimeSelect.vue"));
15
14
  var _PrimeEditor = _interopRequireDefault(require("../components/PrimeEditor.vue"));
@@ -29,7 +28,6 @@ var _PrimeSlider = _interopRequireDefault(require("../components/PrimeSlider.vue
29
28
  var _PrimeToggleButton = _interopRequireDefault(require("../components/PrimeToggleButton.vue"));
30
29
  var _PrimeTreeSelect = _interopRequireDefault(require("../components/PrimeTreeSelect.vue"));
31
30
  var _PrimeSelectButton = _interopRequireDefault(require("../components/PrimeSelectButton.vue"));
32
- var _PrimeTriStateCheckbox = _interopRequireDefault(require("../components/PrimeTriStateCheckbox.vue"));
33
31
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
34
32
  const primeAutoCompleteDefinition = exports.primeAutoCompleteDefinition = (0, _vue.createInput)(_PrimeAutoComplete.default, {
35
33
  props: ["pt", "ptOptions", "unstyled", "Select", "multiple"]
@@ -82,9 +80,6 @@ const primeRatingDefinition = exports.primeRatingDefinition = (0, _vue.createInp
82
80
  const primeRadioButtonDefinition = exports.primeRadioButtonDefinition = (0, _vue.createInput)(_PrimeRadioButton.default, {
83
81
  props: ["pt", "ptOptions", "unstyled", "options", "options_class", "option_class", "label_class"]
84
82
  });
85
- const primeChipsDefinition = exports.primeChipsDefinition = (0, _vue.createInput)(_PrimeChips.default, {
86
- props: ["allowDuplicate", "addOnBlur", "max", "placeholder", "seperator", "pt", "ptOptions", "unstyled"]
87
- });
88
83
  const primeKnobDefinition = exports.primeKnobDefinition = (0, _vue.createInput)(_PrimeKnob.default, {
89
84
  props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "size", "strokeWidth", "showValue", "valueColor", "rangeColor", "textColor", "valueTemplate"]
90
85
  });
@@ -97,9 +92,6 @@ const primeToggleButtonDefinition = exports.primeToggleButtonDefinition = (0, _v
97
92
  const primeSelectButtonDefinition = exports.primeSelectButtonDefinition = (0, _vue.createInput)(_PrimeSelectButton.default, {
98
93
  props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options"]
99
94
  });
100
- const primeTriStateCheckboxDefinition = exports.primeTriStateCheckboxDefinition = (0, _vue.createInput)(_PrimeTriStateCheckbox.default, {
101
- props: ["pt", "ptOptions", "unstyled", "variant", "labelRight", "labelLeft"]
102
- });
103
95
  const primeCascadeSelectDefinition = exports.primeCascadeSelectDefinition = (0, _vue.createInput)(_PrimeCascadeSelect.default, {
104
96
  props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled"]
105
97
  });
@@ -120,7 +112,6 @@ const primeInputs = exports.primeInputs = {
120
112
  primeMultiSelect: primeMultiSelectDefinition,
121
113
  primeDatePicker: primeDatePickerDefinition,
122
114
  primeSlider: primeSliderDefinition,
123
- primeChips: primeChipsDefinition,
124
115
  primeKnob: primeKnobDefinition,
125
116
  primeRating: primeRatingDefinition,
126
117
  primeRadioButton: primeRadioButtonDefinition,
@@ -128,7 +119,6 @@ const primeInputs = exports.primeInputs = {
128
119
  primeToggleButton: primeToggleButtonDefinition,
129
120
  primeListbox: primeListboxDefinition,
130
121
  primeSelectButton: primeSelectButtonDefinition,
131
- primeTriStateCheckbox: primeTriStateCheckboxDefinition,
132
122
  primeCascadeSelect: primeCascadeSelectDefinition,
133
123
  primeTreeSelect: primeTreeSelectDefinition,
134
124
  primeInputOtp: primeInputOtpDefinition
@@ -3,7 +3,6 @@ import PrimeAutoComplete from "../components/PrimeAutoComplete.vue";
3
3
  import PrimeDatePicker from "../components/PrimeDatePicker.vue";
4
4
  import PrimeCascadeSelect from "../components/PrimeCascadeSelect.vue";
5
5
  import PrimeCheckbox from "../components/PrimeCheckbox.vue";
6
- import PrimeChips from "../components/PrimeChips.vue";
7
6
  import PrimeColorPicker from "../components/PrimeColorPicker.vue";
8
7
  import PrimeSelect from "../components/PrimeSelect.vue";
9
8
  import PrimeEditor from "../components/PrimeEditor.vue";
@@ -23,7 +22,6 @@ import PrimeSlider from "../components/PrimeSlider.vue";
23
22
  import PrimeToggleButton from "../components/PrimeToggleButton.vue";
24
23
  import PrimeTreeSelect from "../components/PrimeTreeSelect.vue";
25
24
  import PrimeSelectButton from "../components/PrimeSelectButton.vue";
26
- import PrimeTriStateCheckbox from "../components/PrimeTriStateCheckbox.vue";
27
25
  export const primeAutoCompleteDefinition = createInput(PrimeAutoComplete, {
28
26
  props: ["pt", "ptOptions", "unstyled", "Select", "multiple"]
29
27
  });
@@ -322,18 +320,6 @@ export const primeRadioButtonDefinition = createInput(PrimeRadioButton, {
322
320
  "label_class"
323
321
  ]
324
322
  });
325
- export const primeChipsDefinition = createInput(PrimeChips, {
326
- props: [
327
- "allowDuplicate",
328
- "addOnBlur",
329
- "max",
330
- "placeholder",
331
- "seperator",
332
- "pt",
333
- "ptOptions",
334
- "unstyled"
335
- ]
336
- });
337
323
  export const primeKnobDefinition = createInput(PrimeKnob, {
338
324
  props: [
339
325
  "pt",
@@ -387,16 +373,6 @@ export const primeSelectButtonDefinition = createInput(PrimeSelectButton, {
387
373
  "options"
388
374
  ]
389
375
  });
390
- export const primeTriStateCheckboxDefinition = createInput(PrimeTriStateCheckbox, {
391
- props: [
392
- "pt",
393
- "ptOptions",
394
- "unstyled",
395
- "variant",
396
- "labelRight",
397
- "labelLeft"
398
- ]
399
- });
400
376
  export const primeCascadeSelectDefinition = createInput(PrimeCascadeSelect, {
401
377
  props: [
402
378
  "options",
@@ -441,7 +417,6 @@ export const primeInputs = {
441
417
  primeMultiSelect: primeMultiSelectDefinition,
442
418
  primeDatePicker: primeDatePickerDefinition,
443
419
  primeSlider: primeSliderDefinition,
444
- primeChips: primeChipsDefinition,
445
420
  primeKnob: primeKnobDefinition,
446
421
  primeRating: primeRatingDefinition,
447
422
  primeRadioButton: primeRadioButtonDefinition,
@@ -449,7 +424,6 @@ export const primeInputs = {
449
424
  primeToggleButton: primeToggleButtonDefinition,
450
425
  primeListbox: primeListboxDefinition,
451
426
  primeSelectButton: primeSelectButtonDefinition,
452
- primeTriStateCheckbox: primeTriStateCheckboxDefinition,
453
427
  primeCascadeSelect: primeCascadeSelectDefinition,
454
428
  primeTreeSelect: primeTreeSelectDefinition,
455
429
  primeInputOtp: primeInputOtpDefinition
package/package.json CHANGED
@@ -1,7 +1,8 @@
1
1
  {
2
2
  "name": "@sfxcode/formkit-primevue",
3
3
  "type": "module",
4
- "version": "2.0.1",
4
+ "version": "2.0.2",
5
+ "packageManager": "pnpm@9.4.0+sha256.b6fd0bfda555e7e584ad7e56b30c68b01d5a04f9ee93989f4b93ca8473c49c74",
5
6
  "author": {
6
7
  "name": "Tom",
7
8
  "email": "tom@sfxcode.com"
@@ -1,55 +0,0 @@
1
- <script setup lang='ts'>
2
- import { type PropType, computed } from 'vue'
3
- import type { FormKitFrameworkContext } from '@formkit/core'
4
- import type { ChipsProps } from 'primevue/chips'
5
-
6
- export interface FormKitPrimeChipsProps {
7
- allowDuplicate?: ChipsProps['allowDuplicate']
8
- addOnBlur?: ChipsProps['addOnBlur']
9
- max?: ChipsProps['max']
10
- placeholder?: ChipsProps['placeholder']
11
- separator?: ChipsProps['separator']
12
- pt?: ChipsProps['pt']
13
- ptOptions?: ChipsProps['ptOptions']
14
- unstyled?: ChipsProps['unstyled']
15
- }
16
-
17
- const props = defineProps({
18
- context: {
19
- type: Object as PropType<FormKitFrameworkContext & FormKitPrimeChipsProps>,
20
- required: true,
21
- },
22
- })
23
-
24
- function handleInput(_: any) {
25
- props.context?.node.input(props.context?._value)
26
- }
27
- const styleClass = computed(() => (props.context?.state.validationVisible && !props.context?.state.valid) ? `${props.context?.attrs?.class} p-invalid` : props.context?.attrs?.class)
28
- </script>
29
-
30
- <template>
31
- <div class="p-formkit">
32
- <Chips
33
- v-model="context._value"
34
- v-bind="context?.attrs"
35
- :input-id="context.id"
36
- :disabled="!!context?.disabled"
37
- :readonly="context?.attrs.readonly ?? false"
38
- :input-style="context?.attrs.style"
39
- :input-class="styleClass"
40
- :tabindex="context?.attrs.tabindex"
41
- :aria-label="context?.attrs.ariaLabel"
42
- :aria-labelledby="context?.attrs.ariaLabelledby"
43
- :allow-duplicate="context.allowDuplicate ?? true"
44
- :add-on-blur="context.addOnBlur ?? false"
45
- :max="context.max ?? undefined"
46
- :placeholder="context.placeholder"
47
- :separator="context.separator"
48
- :pt="context.pt"
49
- :pt-options="context.ptOptions"
50
- :unstyled="context.unstyled ?? false"
51
- @add="handleInput"
52
- @remove="handleInput"
53
- />
54
- </div>
55
- </template>
@@ -1,56 +0,0 @@
1
- <script setup lang='ts'>
2
- import { type PropType, computed } from 'vue'
3
- import type { FormKitFrameworkContext } from '@formkit/core'
4
- import type { TriStateCheckboxProps } from 'primevue/tristatecheckbox'
5
-
6
- export interface FormKitPrimeTriStateCheckboxProps {
7
- pt?: TriStateCheckboxProps['pt']
8
- ptOptions?: TriStateCheckboxProps['ptOptions']
9
- unstyled?: TriStateCheckboxProps['unstyled']
10
- variant?: TriStateCheckboxProps['variant']
11
- labelLeft?: string
12
- labelRight?: string
13
- }
14
-
15
- const props = defineProps({
16
- context: {
17
- type: Object as PropType<FormKitFrameworkContext & FormKitPrimeTriStateCheckboxProps>,
18
- required: true,
19
- },
20
- })
21
-
22
- function handleChange(_: any) {
23
- props.context?.node.input(props.context?._value)
24
- }
25
-
26
- function handleBlur(e: Event) {
27
- props.context?.handlers.blur(e)
28
- }
29
-
30
- const styleClass = computed(() => (props.context?.state.validationVisible && !props.context?.state.valid) ? `${props.context?.attrs?.class} p-invalid` : props.context?.attrs?.class)
31
- </script>
32
-
33
- <template>
34
- <div class="p-formkit">
35
- <span v-if="context.attrs.labelLeft" class="formkit-prime-left">{{ context.labelLeft }}</span>
36
- <TriStateCheckbox
37
- v-model="context._value"
38
- v-bind="context?.attrs"
39
- :input-id="context.id"
40
- :disabled="!!context?.disabled"
41
- :readonly="context?.attrs.readonly ?? false"
42
- :input-style="context?.attrs.style"
43
- :input-class="styleClass"
44
- :tabindex="context?.attrs.tabindex"
45
- :aria-label="context?.attrs.ariaLabel"
46
- :aria-labelledby="context?.attrs.ariaLabelledby"
47
- :pt="context.pt"
48
- :pt-options="context.ptOptions"
49
- :unstyled="context.unstyled ?? false"
50
- :variant="context.variant"
51
- @change="handleChange"
52
- @blur="handleBlur"
53
- />
54
- <span v-if="context.attrs.labelRight" class="formkit-prime-right">{{ context.labelRight }}</span>
55
- </div>
56
- </template>