Merge pull request #30 from DanielleHuisman/feature/dropdown-multiselect-props

Add more props to PrimeDropdown and PrimeMultiSelect

Author: sfxcode

src/formkit/PrimeDropdown.vue

@@ -26,15 +26,40 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
       :class="styleClass"
       :input-style="attrs.style"
       :input-class="styleClass"
+      :input-props="attrs.inputProps"
       :tabindex="attrs.tabindex"
       :aria-label="attrs.ariaLabel"
       :aria-labelledby="attrs.ariaLabelledby"
       :options="attrs.options"
       :option-label="attrs.optionLabel ?? 'label'"
       :option-value="attrs.optionValue ?? 'value'"
-      :placeholder="attrs.placeholder"
+      :option-disabled="attrs.optionDisabled"
+      :option-group-label="attrs.optionGroupLabel"
+      :option-group-children="attrs.optionGroupChildren"
+      :scroll-height="attrs.scrollHeight"
       :filter="attrs.filter ?? false"
+      :filter-placeholder="attrs.filterPlaceholder"
+      :filter-locale="attrs.filterLocale"
+      :filter-match-mode="attrs.filterMatchMode"
+      :fitler-fields="attrs.filterFields"
+      :filter-input-props="attrs.filterInputProps"
+      :editable="attrs.editable"
+      :placeholder="attrs.placeholder"
+      :data-key="attrs.dataKey"
       :show-clear="attrs.showClear ?? false"
+      :panel-style="attrs.panelStyle"
+      :panel-class="attrs.panelClass"
+      :panel-props="attrs.panelProps"
+      :append-to="attrs.appendTo"
+      :reset-filter-on-hide="attrs.resetFilterOnHide"
+      :virtual-scroller-options="attrs.virtualScrollerOptions"
+      :autoOptionFocus="attrs.autoOptionFocus"
+      :selectOnFocus="attrs.selectOnFocus"
+      :filter-message="attrs.filterMessage"
+      :selection-message="attrs.selectionMessage"
+      :empty-selection-message="attrs.emptySelectionMessage"
+      :empty-filter-message="attrs.emptyFilterMessage"
+      :empty-message="attrs.emptyMessage"
       :pt="attrs.pt"
       :pt-options="attrs.ptOptions"
       :unstyled="attrs.unstyled ?? false"

src/formkit/PrimeMultiSelect.vue

@@ -29,12 +29,35 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
       :options="attrs.options"
       :option-label="attrs.optionLabel ?? 'label'"
       :option-value="attrs.optionValue ?? 'value'"
+      :option-disabled="attrs.optionDisabled"
+      :option-group-label="attrs.optionGroupLabel"
+      :option-group-children="attrs.optionGroupChildren"
+      :scroll-height="attrs.scrollHeight"
+      :input-props="attrs.inputProps"
+      :close-button-props="attrs.closeButtonProps"
+      :data-key="attrs.dataKey"
       :filter="attrs.filter ?? false"
+      :filter-placeholder="attrs.filterPlaceholder"
+      :filter-locale="attrs.filterLocale"
+      :filter-match-mode="attrs.filterMatchMode"
+      :fitler-fields="attrs.filterFields"
+      :append-to="attrs.appendTo"
       :display="attrs.display"
       :max-selected-labels="attrs.maxSelectedLabels"
       :selected-items-label="attrs.selectedItemsLabel"
       :selection-limit="attrs.selectionLimit"
       :show-toggle-all="attrs.showToggleAll"
+      :loading="attrs.loading"
+      :select-all="attrs.selectAll"
+      :reset-filter-on-hide="attrs.resetFilterOnHide"
+      :virtual-scroller-options="attrs.virtualScrollerOptions"
+      :auto-option-focus="attrs.autoOptionFocus"
+      :auto-filter-focus="attrs.autoFilterFocus"
+      :filter-message="attrs.filterMessage"
+      :selection-message="attrs.selectionMessage"
+      :empty-selection-message="attrs.emptySelectionMessage"
+      :empty-filter-message="attrs.emptyFilterMessage"
+      :empty-message="attrs.emptyMessage"
       :pt="attrs.pt"
       :pt-options="attrs.ptOptions"
       :unstyled="attrs.unstyled ?? false"