Afiq
eab2ca3647
- Introduced a new 'searchSelect' component to the form builder, allowing users to search and select options from a dropdown. - Updated FormBuilderComponents.vue to include the new searchable select component with default properties and options. - Enhanced form validation rules in various components to support the new searchable select input type. - Adjusted z-index values in multiple components and styles for improved layering and visibility. - Refined CSS styles for modal and header components to ensure consistent appearance across the application.
25 lines
809 B
JavaScript
25 lines
809 B
JavaScript
import { createInput } from "@formkit/vue";
|
|
import OneTimePassword from "~/components/formkit/OneTimePassword.vue";
|
|
import MaskText from "~/components/formkit/TextMask.vue";
|
|
import FileDropzone from "~/components/formkit/FileDropzone.vue";
|
|
import Switch from "~/components/formkit/Switch.vue";
|
|
import SearchSelect from "~/components/formkit/SearchSelect.vue";
|
|
|
|
export default {
|
|
otp: createInput(OneTimePassword, {
|
|
props: ["digits"],
|
|
}),
|
|
mask: createInput(MaskText, {
|
|
props: ["mask"],
|
|
}),
|
|
dropzone: createInput(FileDropzone, {
|
|
props: ["accept", "multiple", "maxSize", "minSize", "maxFiles", "disabled"],
|
|
}),
|
|
switch: createInput(Switch, {
|
|
props: ["value", "disabled", "name", "id"],
|
|
}),
|
|
searchSelect: createInput(SearchSelect, {
|
|
props: ["options", "placeholder"],
|
|
}),
|
|
};
|