corrad-bp/assets/js/formkit-custom.js
Afiq db3b00ce11 Enhance Form Builder with Conditional Logic and Dynamic List Features
- Introduced a new ConditionalLogicEngine component to manage and execute conditional logic for form fields, allowing for dynamic visibility and behavior based on user input.
- Added conditional logic properties to various form components, enabling users to define conditions for showing, hiding, enabling, or disabling fields.
- Enhanced the dynamic list component with new settings for item validation, uniqueness, and import/export functionality, improving data management capabilities.
- Updated FormBuilderFieldSettingsModal to include a visual condition builder interface for easier configuration of conditional logic.
- Improved documentation to reflect the new features and provide guidance on using conditional logic within forms.
2025-05-30 12:29:11 +08:00

21 lines
654 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";
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"],
}),
};