UBuilder Page Templates

Commonly expected component bundle for AccuraSoft projects

Installation

``
npm i @ubuilder/page-templates
`

Usage

`javascript
// vue 3

`

Templates

$3

FormGrid is a component that combines a search form and a data table.

#### Props

`typescript
interface FormFieldProps {
title: string,
formOption: FormField[],
gridOption: {
title: string,
fields: GridField[],
}
}

`

* title (string): The title of the page.
* formOption (FormField[]): An array of form fields.
* gridOption ({ title: string, fields: GridField[] }): An object containing the grid title and an array of grid fields.


#### FormField Interface
`typescript
interface FormField {
type:
| 'combobox'
| 'textbox'
| 'textarea'
| 'searchbox'
| 'radio'
| 'filebox'
| 'checkbox'
| 'numbox'
| 'numToNumbox'
| 'numMoneybox'
| 'numMoneyToMoneybox'
| 'numPointbox'
| 'yearbox'
| 'monthbox'
| 'datebox'
| 'timebox'
| 'period'
| 'yearPeriod'
| 'monthPeriod';
field: string;
label: string;
ratio?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
}
`

#### GridField Interface
`typescript
interface GridField {
field: string;
label: string | string[];
}
``