Supplycart UI

Getting Started

1. Run yarn install
2. Run yarn link
3. Run yarn install-demo
4. Run yarn serve to run demo app

If you want to use this repo as the @supplycart/ui packages for ADAM/HUB/EVA repo locally, run yarn link "@supplycart/ui" at the root directory of the repo.

Money

| Props | Type | Default | Description | | --- | --- | --- | --- | | value | int, string | | Money value in decimal or integer | | convertPrecision | int | | convert precision of Dinero object |

MoneyInput

| Props | Type | Default | Description | | --- | --- | --- | --- | | value | int, string | | Money value in decimal or integer |

DatePicker

| Props | Type | Default | Description | | --- | --- | --- | --- | | value | int, string | | Money value in decimal or integer |

DateRangePicker

| Props | Type | Default | Description | | --- | --- | --- | --- | | value | int, string | | Money value in decimal or integer |

DateTime

| Props | Type | Default | Description | | --- | --- | --- | --- | | value | Date, string | | Datetime value in date or string | | timezone | string | Asia/Kuala_Lumpur | Timezone value in string | | format | string | YYYY-MM-DD HH:mm:ss | Format value in string | | isUtc | Boolean | true | display date in UTC format with specified timezone |

PhoneInput

| Props | Type | Default | Description | | --- | --- | --- | --- | | value | int, string | null | Input value |

Address

| Props | Type | Default | Description | | --- | --- | --- | --- | | value | Object | | value of the address | | type | string | | type of the address | | country | string | Malaysia | country of the address | | display | array | | specific field to display|

AddressForm

| Props | Type | Default | Description | | --- | --- | --- | --- | | value | Object | | value of the address | | type | string | | type of the address 'billing' or 'delivery' | | country | string | Malaysia | country of the address | | countries | Array | Malaysia | array of countries for dropdown list | | disableFields | Array | | array fields to be disabled. Available value: 'unit' 'floor' 'building' 'street' 'city' 'postcode' 'state' 'country' or 'all' to disable all |

PasswordInput

| Props | Type | Default | Description | | --- | --- | --- | --- | | value | int, string | null | Input value |

AttachmentInput

| Props | Type | Default | Description | | --- | --- | --- | --- | | value | Array | [] | Input value | | label | String | | Button label | | mode | String | multiple | Only 'single' or 'multiple' accepted | | maxSize | Number | 20000000 | Maximum size of file to be upload | | format | Array | [] | List of allowed format. (csv, pdf, etc) |

| Event | Description | | --- | --- | | deleted | return deleted data contains index and deleted file |

TextareaInput

| Props | Type | Default | Description | | --- | --- | --- | --- | | value | String | | Input value | | label | String | | Form label |

DropdownInput

This component is based on vue-select . Can refer to this documentation

| Props | Type | Default | Description | | --- | --- | --- | --- | | value | String | | Input value | | form-label | String | | Form label |