@maz-ui/mcp 5.0.0-beta.5 → 5.0.0-beta.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/mcp.d.mts +22 -9
- package/dist/mcp.d.ts +22 -9
- package/dist/mcp.mjs +160 -83
- package/docs/generated-docs/maz-avatar.doc.md +30 -30
- package/docs/generated-docs/maz-bottom-sheet.doc.md +16 -13
- package/docs/generated-docs/maz-btn.doc.md +21 -19
- package/docs/generated-docs/maz-checkbox.doc.md +16 -17
- package/docs/generated-docs/maz-circular-progress-bar.doc.md +1 -1
- package/docs/generated-docs/maz-code-highlight.doc.md +11 -0
- package/docs/generated-docs/maz-container.doc.md +1 -0
- package/docs/generated-docs/maz-date-picker.doc.md +41 -41
- package/docs/generated-docs/maz-drawer.doc.md +7 -8
- package/docs/generated-docs/maz-dropdown.doc.md +3 -0
- package/docs/generated-docs/maz-expand-animation.doc.md +4 -4
- package/docs/generated-docs/maz-fullscreen-loader.doc.md +5 -5
- package/docs/generated-docs/maz-gallery.doc.md +15 -15
- package/docs/generated-docs/maz-input-code.doc.md +16 -16
- package/docs/generated-docs/maz-input-price.doc.md +14 -14
- package/docs/generated-docs/maz-input-tags.doc.md +16 -16
- package/docs/generated-docs/maz-input.doc.md +33 -33
- package/docs/generated-docs/maz-lazy-img.doc.md +14 -14
- package/docs/generated-docs/maz-loading-bar.doc.md +4 -4
- package/docs/generated-docs/maz-markdown-editor.doc.md +65 -0
- package/docs/generated-docs/maz-popover.doc.md +1 -1
- package/docs/generated-docs/maz-pull-to-refresh.doc.md +39 -20
- package/docs/generated-docs/maz-radio-buttons.doc.md +17 -17
- package/docs/generated-docs/maz-radio.doc.md +16 -16
- package/docs/generated-docs/maz-reading-progress-bar.doc.md +4 -4
- package/docs/generated-docs/maz-sidebar-content.doc.md +5 -0
- package/docs/generated-docs/maz-sidebar-footer.doc.md +5 -0
- package/docs/generated-docs/maz-sidebar-group.doc.md +11 -0
- package/docs/generated-docs/maz-sidebar-header.doc.md +5 -0
- package/docs/generated-docs/maz-sidebar-menu-button.doc.md +27 -0
- package/docs/generated-docs/maz-sidebar-menu-item.doc.md +5 -0
- package/docs/generated-docs/maz-sidebar-menu-sub.doc.md +16 -0
- package/docs/generated-docs/maz-sidebar-menu.doc.md +5 -0
- package/docs/generated-docs/maz-sidebar-separator.doc.md +0 -0
- package/docs/generated-docs/maz-sidebar-trigger.doc.md +5 -0
- package/docs/generated-docs/maz-sidebar.doc.md +36 -0
- package/docs/generated-docs/maz-slider.doc.md +1 -1
- package/docs/generated-docs/maz-spinner.doc.md +4 -4
- package/docs/generated-docs/maz-switch.doc.md +14 -14
- package/docs/generated-docs/maz-table-virtualizer.doc.md +20 -0
- package/docs/generated-docs/maz-table.doc.md +43 -37
- package/docs/generated-docs/maz-tabs-bar.doc.md +20 -9
- package/docs/generated-docs/maz-tabs.doc.md +6 -3
- package/docs/generated-docs/maz-textarea.doc.md +27 -25
- package/docs/generated-docs/maz-ticker.doc.md +1 -1
- package/docs/generated-docs/maz-timeline.doc.md +4 -4
- package/docs/generated-docs/maz-window-mockup.doc.md +23 -0
- package/docs/src/blog/v4.md +1 -1
- package/docs/src/blog/v5.md +5 -7
- package/docs/src/components/maz-avatar.md +52 -4
- package/docs/src/components/maz-bottom-sheet.md +300 -169
- package/docs/src/components/maz-btn.md +1 -1
- package/docs/src/components/maz-checklist.md +10 -10
- package/docs/src/components/maz-code-highlight.md +233 -0
- package/docs/src/components/maz-date-picker.md +55 -1
- package/docs/src/components/maz-dialog.md +46 -0
- package/docs/src/components/maz-dropdown.md +32 -16
- package/docs/src/components/maz-icon.md +16 -5
- package/docs/src/components/maz-lazy-img.md +64 -0
- package/docs/src/components/maz-markdown-editor.md +369 -0
- package/docs/src/components/maz-pull-to-refresh.md +176 -17
- package/docs/src/components/maz-sidebar.md +719 -0
- package/docs/src/components/maz-table.md +156 -1
- package/docs/src/components/maz-tabs.md +110 -3
- package/docs/src/components/maz-textarea.md +58 -0
- package/docs/src/components/maz-timeline.md +60 -0
- package/docs/src/components/maz-window-mockup.md +249 -0
- package/docs/src/composables/use-drag.md +239 -0
- package/docs/src/composables/use-form-validator.md +297 -16
- package/docs/src/composables/use-pull-to-refresh.md +79 -0
- package/docs/src/composables/use-swipe.md +26 -11
- package/docs/src/directives/click-outside.md +8 -15
- package/docs/src/directives/fullscreen-img.md +1 -1
- package/docs/src/directives/lazy-img.md +44 -11
- package/docs/src/directives/tooltip.md +24 -1
- package/docs/src/directives/zoom-img.md +1 -1
- package/docs/src/ecosystem/eslint-config.md +95 -1
- package/docs/src/{guide/icons.md → ecosystem/icons/index.md} +1 -1
- package/docs/src/ecosystem/node/exec-promise.md +87 -0
- package/docs/src/ecosystem/node/index.md +53 -0
- package/docs/src/ecosystem/node/logger.md +146 -0
- package/docs/src/ecosystem/node/print-banner.md +93 -0
- package/docs/src/{guide → ecosystem}/nuxt.md +82 -47
- package/docs/src/{guide → ecosystem}/themes.md +152 -71
- package/docs/src/{guide → ecosystem}/translations.md +1 -1
- package/docs/src/ecosystem/utils/camel-case.md +31 -0
- package/docs/src/{helpers → ecosystem/utils}/capitalize.md +2 -3
- package/docs/src/ecosystem/utils/check-availability.md +79 -0
- package/docs/src/ecosystem/utils/cookie.md +80 -0
- package/docs/src/ecosystem/utils/debounce-callback.md +38 -0
- package/docs/src/ecosystem/utils/debounce-id.md +69 -0
- package/docs/src/ecosystem/utils/debounce.md +65 -0
- package/docs/src/ecosystem/utils/fetch-locale-ip.md +33 -0
- package/docs/src/ecosystem/utils/format-json.md +33 -0
- package/docs/src/ecosystem/utils/format-phone-number.md +37 -0
- package/docs/src/ecosystem/utils/get-browser-locale.md +29 -0
- package/docs/src/ecosystem/utils/get-error-message.md +39 -0
- package/docs/src/ecosystem/utils/idle-timeout.md +90 -0
- package/docs/src/ecosystem/utils/index.md +60 -0
- package/docs/src/ecosystem/utils/is-client.md +32 -0
- package/docs/src/ecosystem/utils/is-equal.md +38 -0
- package/docs/src/ecosystem/utils/is-server.md +31 -0
- package/docs/src/ecosystem/utils/is-standalone-mode.md +43 -0
- package/docs/src/ecosystem/utils/kebab-case.md +36 -0
- package/docs/src/ecosystem/utils/normalize-string.md +77 -0
- package/docs/src/ecosystem/utils/pascal-case.md +35 -0
- package/docs/src/ecosystem/utils/script-loader.md +77 -0
- package/docs/src/ecosystem/utils/sleep.md +59 -0
- package/docs/src/ecosystem/utils/snake-case.md +36 -0
- package/docs/src/ecosystem/utils/swipe-handler.md +91 -0
- package/docs/src/ecosystem/utils/textarea-autogrow.md +41 -0
- package/docs/src/ecosystem/utils/throttle-id.md +48 -0
- package/docs/src/ecosystem/utils/throttle.md +57 -0
- package/docs/src/ecosystem/utils/truthy-filter.md +31 -0
- package/docs/src/ecosystem/utils/types/deep-key-of.md +48 -0
- package/docs/src/ecosystem/utils/types/deep-partial.md +42 -0
- package/docs/src/ecosystem/utils/types/deep-required.md +39 -0
- package/docs/src/ecosystem/utils/types/flatten-object-keys.md +44 -0
- package/docs/src/ecosystem/utils/types/generic-instance-type.md +42 -0
- package/docs/src/ecosystem/utils/types/infer-maybe-ref.md +35 -0
- package/docs/src/ecosystem/utils/upper-first.md +32 -0
- package/docs/src/ecosystem/utils/user-visibility.md +69 -0
- package/docs/src/guide/getting-started.md +15 -13
- package/docs/src/guide/global-defaults.md +101 -0
- package/docs/src/guide/maz-ui-provider.md +6 -3
- package/docs/src/guide/migration-v4.md +13 -9
- package/docs/src/guide/migration-v5.md +211 -15
- package/docs/src/guide/resolvers.md +8 -8
- package/docs/src/guide/tailwind.md +4 -0
- package/docs/src/guide/vue.md +4 -4
- package/docs/src/index.md +13 -13
- package/docs/src/plugins/aos.md +1 -1
- package/package.json +11 -10
- package/docs/src/helpers/camel-case.md +0 -14
- package/docs/src/helpers/check-availability.md +0 -14
- package/docs/src/helpers/debounce-callback.md +0 -14
- package/docs/src/helpers/debounce-id.md +0 -14
- package/docs/src/helpers/debounce.md +0 -14
- package/docs/src/helpers/is-client.md +0 -14
- package/docs/src/helpers/is-equal.md +0 -14
- package/docs/src/helpers/is-standalone-mode.md +0 -14
- package/docs/src/helpers/kebab-case.md +0 -14
- package/docs/src/helpers/normalize-string.md +0 -14
- package/docs/src/helpers/pascal-case.md +0 -14
- package/docs/src/helpers/script-loader.md +0 -14
- package/docs/src/helpers/sleep.md +0 -14
- package/docs/src/helpers/snake-case.md +0 -14
- package/docs/src/helpers/throttle-id.md +0 -14
- package/docs/src/helpers/throttle.md +0 -14
- /package/docs/src/{guide → ecosystem/icons}/icon-set.md +0 -0
- /package/docs/src/{guide → ecosystem}/mcp.md +0 -0
- /package/docs/src/{helpers → ecosystem/utils}/country-code-to-unicode-flag.md +0 -0
- /package/docs/src/{helpers → ecosystem/utils}/currency.md +0 -0
- /package/docs/src/{helpers → ecosystem/utils}/date.md +0 -0
- /package/docs/src/{helpers → ecosystem/utils}/get-country-flag-url.md +0 -0
- /package/docs/src/{helpers → ecosystem/utils}/number.md +0 -0
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
## Props
|
|
2
2
|
|
|
3
|
-
| Name | Description | Type | Required |
|
|
4
|
-
| --------------- | -------------------------------------------- | ------------- | -------- |
|
|
5
|
-
| **style** | Style attribut of the component root element | `Native type` | No |
|
|
6
|
-
| **class** | Class attribut of the component root element | `Native type` | No |
|
|
7
|
-
| **id** | The id of the radio | `string` | No |
|
|
8
|
-
| **model-value** | `v-model` <br/> | `T` | No |
|
|
9
|
-
| **value** | The value of the radio | `T` | Yes |
|
|
10
|
-
| **name** | The name of the radio | `string` | Yes |
|
|
11
|
-
| **label** | The label of the radio | `string` | No |
|
|
12
|
-
| **color** | The color of the radio | `MazColor` | No |
|
|
13
|
-
| **size** | The size of the radio | `MazSize` | No |
|
|
14
|
-
| **disabled** | The disabled state of the radio | `boolean` | No |
|
|
15
|
-
| **error** | Whether there is an error with the input. | `boolean` | No |
|
|
16
|
-
| **success** | Whether the input is successful. | `boolean` | No |
|
|
17
|
-
| **warning** | Whether there is a warning with the input. | `boolean` | No |
|
|
18
|
-
| **hint** | The hint text to display below the input. | `string` | No |
|
|
3
|
+
| Name | Description | Type | Required |
|
|
4
|
+
| --------------- | -------------------------------------------- | ------------- | -------- |
|
|
5
|
+
| **style** | Style attribut of the component root element | `Native type` | No |
|
|
6
|
+
| **class** | Class attribut of the component root element | `Native type` | No |
|
|
7
|
+
| **id** | The id of the radio | `string` | No |
|
|
8
|
+
| **model-value** | `v-model` <br/> | `T` | No |
|
|
9
|
+
| **value** | The value of the radio | `T` | Yes |
|
|
10
|
+
| **name** | The name of the radio | `string` | Yes |
|
|
11
|
+
| **label** | The label of the radio | `string` | No |
|
|
12
|
+
| **color** | The color of the radio | `MazColor` | No |
|
|
13
|
+
| **size** | The size of the radio | `MazSize` | No |
|
|
14
|
+
| **disabled** | The disabled state of the radio | `boolean` | No |
|
|
15
|
+
| **error** | Whether there is an error with the input. | `boolean` | No |
|
|
16
|
+
| **success** | Whether the input is successful. | `boolean` | No |
|
|
17
|
+
| **warning** | Whether there is a warning with the input. | `boolean` | No |
|
|
18
|
+
| **hint** | The hint text to display below the input. | `string` | No |
|
|
19
19
|
|
|
20
20
|
## Events
|
|
21
21
|
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
| Name | Description | Type | Required | Default |
|
|
4
4
|
| --------------------- | ----------------------------------------------------------------------------------------- | ------------- | -------- | ----------- |
|
|
5
|
-
| **height** | Height of the progress bar | `string` | No | `
|
|
6
|
-
| **color** | Color of the progress bar | `MazColor` | No | `
|
|
7
|
-
| **teleport-selector** | Selector of the element to teleport the progress bar | `string` | No | `
|
|
8
|
-
| **content-selector** | Selector of the element to get the height | `string` | No | `
|
|
5
|
+
| **height** | Height of the progress bar | `string` | No | `4px` |
|
|
6
|
+
| **color** | Color of the progress bar | `MazColor` | No | `primary` |
|
|
7
|
+
| **teleport-selector** | Selector of the element to teleport the progress bar | `string` | No | `body` |
|
|
8
|
+
| **content-selector** | Selector of the element to get the height | `string` | No | `body` |
|
|
9
9
|
| **offset** | Offset of the progress bar | `number` | No | `0` |
|
|
10
10
|
| **bar-class** | Class of the progress bar | `Native type` | No | `undefined` |
|
|
11
11
|
| **distance** | Instead of using the height of the content with a selector, you can set a scroll distance | `number` | No | `undefined` |
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
## Props
|
|
2
|
+
|
|
3
|
+
| Name | Description | Type | Required |
|
|
4
|
+
| --------- | ---------------------------- | -------- | -------- |
|
|
5
|
+
| **label** | Optional label for the group | `string` | No |
|
|
6
|
+
|
|
7
|
+
## Slots
|
|
8
|
+
|
|
9
|
+
| Name | Description | Bindings |
|
|
10
|
+
| ------- | ----------- | -------- |
|
|
11
|
+
| default | | |
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
## Props
|
|
2
|
+
|
|
3
|
+
| Name | Description | Type | Required |
|
|
4
|
+
| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | -------- |
|
|
5
|
+
| **to** | Route for router-link navigation | `string \| Record` | No |
|
|
6
|
+
| **href** | URL for anchor navigation | `string` | No |
|
|
7
|
+
| **icon** | Icon to display before the label. Accepts a bare icon value (Vue component, raw SVG string, URL) or a full `MazIconProps` object for fine-grained control (size, title, fallback, …). | `MazIconLike` | No |
|
|
8
|
+
| **label** | Label text | `string` | No |
|
|
9
|
+
| **badge** | Badge content. Pass a `string`/`number` for a simple primary badge, or a full `MazBadgeProps` object (with optional `text`) to customise color, size, outlined, … | `MazSidebarMenuButtonBadge` | No |
|
|
10
|
+
| **tooltip** | Tooltip text. When provided, shows a tooltip on hover via the `v-tooltip` directive. | `string` | No |
|
|
11
|
+
| **tooltip-mode** | Controls when the tooltip should be displayed. - `always`: tooltip shows on hover regardless of the sidebar state - `closed`: tooltip only shows on hover when the sidebar is collapsed Overrides the parent `MazSidebar`'s `tooltipMode`. Falls back to the sidebar value (which defaults to `always`) when not provided. | `MazSidebarTooltipMode` | No |
|
|
12
|
+
| **active** | Whether the item is active (highlights with `aria-current="page"`) | `boolean` | No |
|
|
13
|
+
| **disabled** | Whether the item is disabled | `boolean` | No |
|
|
14
|
+
| **size** | Size of the button | `"sm" \| "md" \| "lg"` | No |
|
|
15
|
+
|
|
16
|
+
## Events
|
|
17
|
+
|
|
18
|
+
| Event name | Properties | Description |
|
|
19
|
+
| ---------- | ---------- | ----------- |
|
|
20
|
+
| click | |
|
|
21
|
+
|
|
22
|
+
## Slots
|
|
23
|
+
|
|
24
|
+
| Name | Description | Bindings |
|
|
25
|
+
| ------- | ----------- | -------- |
|
|
26
|
+
| icon | | |
|
|
27
|
+
| default | | |
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
## Props
|
|
2
|
+
|
|
3
|
+
| Name | Description | Type | Required |
|
|
4
|
+
| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | -------- |
|
|
5
|
+
| **label** | Label for the sub-menu trigger button | `string` | No |
|
|
6
|
+
| **icon** | Icon to display before the label. Accepts a bare icon value (Vue component, raw SVG string, URL) or a full `MazIconProps` object for fine-grained control. | `MazIconLike` | No |
|
|
7
|
+
| **default-open** | Whether the sub-menu is open by default | `boolean` | No |
|
|
8
|
+
|
|
9
|
+
## Slots
|
|
10
|
+
|
|
11
|
+
| Name | Description | Bindings |
|
|
12
|
+
| ------- | ----------- | -------- |
|
|
13
|
+
| icon | | |
|
|
14
|
+
| label | | |
|
|
15
|
+
| chevron | | |
|
|
16
|
+
| default | | |
|
|
File without changes
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
## Props
|
|
2
|
+
|
|
3
|
+
| Name | Description | Type | Required | Default |
|
|
4
|
+
| ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | -------- | ------------------ |
|
|
5
|
+
| **id** | Unique identifier for the sidebar (auto-generated if not provided) | `string` | No | `undefined` |
|
|
6
|
+
| **open** | Whether the sidebar is open | `boolean` | No | `undefined` |
|
|
7
|
+
| **side** | Side of the sidebar | `"start" \| "end"` | No | `undefined` |
|
|
8
|
+
| **collapsible** | How the sidebar collapses - offcanvas: completely hidden - icon: only icons visible - hover: only icons visible by default, expands on mouse hover or keyboard focus (transient visual state — does not update `v-model:open` nor the persistence cookie) - none: always fully visible | `"offcanvas" \| "icon" \| "hover" \| "none"` | No | `undefined` |
|
|
9
|
+
| **mode** | How the sidebar affects layout - push: sidebar is in document flow - overlay: sidebar floats over content with a backdrop | `"push" \| "overlay"` | No | `undefined` |
|
|
10
|
+
| **width** | Width of the expanded sidebar | `string` | No | `undefined` |
|
|
11
|
+
| **icon-width** | Width of the collapsed sidebar in icon mode | `string` | No | `undefined` |
|
|
12
|
+
| **tooltip-mode** | When descendant `MazSidebarMenuButton` components should display their tooltip. - `always`: tooltip shows on hover regardless of the sidebar state - `closed`: tooltip only shows on hover when the sidebar is collapsed Individual buttons can override this via their own `tooltipMode` prop. | `MazSidebarTooltipMode` | No | `closed` |
|
|
13
|
+
| **persist** | Persist the open/collapsed state in a cookie so it survives reloads. Restoration happens on client mount (SSR-safe). For zero-flash SSR, read the cookie server-side and forward it via `v-model:open`. | `boolean` | No | `true` |
|
|
14
|
+
| **persist-key** | Cookie key used when `persist` is enabled. Set a unique key per sidebar instance if you mount several sidebars on the same site. | `string` | No | `maz-sidebar-open` |
|
|
15
|
+
|
|
16
|
+
## Events
|
|
17
|
+
|
|
18
|
+
| Event name | Properties | Description |
|
|
19
|
+
| ----------- | ---------- | ------------------------------- |
|
|
20
|
+
| update:open | | Emitted when open state changes |
|
|
21
|
+
|
|
22
|
+
## Slots
|
|
23
|
+
|
|
24
|
+
| Name | Description | Bindings |
|
|
25
|
+
| ------- | ----------- | -------- |
|
|
26
|
+
| default | | |
|
|
27
|
+
|
|
28
|
+
## Expose
|
|
29
|
+
|
|
30
|
+
### toggle
|
|
31
|
+
|
|
32
|
+
>
|
|
33
|
+
|
|
34
|
+
### setOpen
|
|
35
|
+
|
|
36
|
+
>
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
| **min** | min value of sliders | `number` | No |
|
|
8
8
|
| **max** | max value of sliders | `number` | No |
|
|
9
9
|
| **step** | step value for slider increments | `number` | No |
|
|
10
|
-
| **size** | height size of slider bar | `
|
|
10
|
+
| **size** | height size of slider bar | `MazSizeUnit` | No |
|
|
11
11
|
| **divider** | remove div in different colors | `boolean` | No |
|
|
12
12
|
| **log** | become a logarithmic slider (exponential) | `boolean` | No |
|
|
13
13
|
| **color** | main slider color | `MazColor` | No |
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
## Props
|
|
2
2
|
|
|
3
|
-
| Name | Description | Type
|
|
4
|
-
| --------- | ------------------------ |
|
|
5
|
-
| **size** | The size of the spinner | `
|
|
6
|
-
| **color** | The color of the spinner | `MazColor`
|
|
3
|
+
| Name | Description | Type | Required | Default |
|
|
4
|
+
| --------- | ------------------------ | ------------- | -------- | ------- |
|
|
5
|
+
| **size** | The size of the spinner | `MazSizeUnit` | No | `2em` |
|
|
6
|
+
| **color** | The color of the spinner | `MazColor` | No | `theme` |
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
## Props
|
|
2
2
|
|
|
3
|
-
| Name | Description | Type | Required |
|
|
4
|
-
| --------------- | -------------------------------------------- | ------------- | -------- |
|
|
5
|
-
| **style** | Style attribut of the component root element | `Native type` | No |
|
|
6
|
-
| **class** | Class attribut of the component root element | `Native type` | No |
|
|
7
|
-
| **model-value** | The model value of the switch | `boolean` | No |
|
|
8
|
-
| **id** | The id of the switch | `string` | No |
|
|
9
|
-
| **disabled** | If the switch is disabled | `boolean` | No |
|
|
10
|
-
| **name** | The name of the switch | `string` | No |
|
|
11
|
-
| **label** | Text label | `string` | No |
|
|
12
|
-
| **color** | The color of the switch | `MazColor` | No |
|
|
13
|
-
| **error** | Whether there is an error with the input. | `boolean` | No |
|
|
14
|
-
| **success** | Whether the input is successful. | `boolean` | No |
|
|
15
|
-
| **warning** | Whether there is a warning with the input. | `boolean` | No |
|
|
16
|
-
| **hint** | The hint text to display below the input. | `string` | No |
|
|
3
|
+
| Name | Description | Type | Required |
|
|
4
|
+
| --------------- | -------------------------------------------- | ------------- | -------- |
|
|
5
|
+
| **style** | Style attribut of the component root element | `Native type` | No |
|
|
6
|
+
| **class** | Class attribut of the component root element | `Native type` | No |
|
|
7
|
+
| **model-value** | The model value of the switch | `boolean` | No |
|
|
8
|
+
| **id** | The id of the switch | `string` | No |
|
|
9
|
+
| **disabled** | If the switch is disabled | `boolean` | No |
|
|
10
|
+
| **name** | The name of the switch | `string` | No |
|
|
11
|
+
| **label** | Text label | `string` | No |
|
|
12
|
+
| **color** | The color of the switch | `MazColor` | No |
|
|
13
|
+
| **error** | Whether there is an error with the input. | `boolean` | No |
|
|
14
|
+
| **success** | Whether the input is successful. | `boolean` | No |
|
|
15
|
+
| **warning** | Whether there is a warning with the input. | `boolean` | No |
|
|
16
|
+
| **hint** | The hint text to display below the input. | `string` | No |
|
|
17
17
|
|
|
18
18
|
## Events
|
|
19
19
|
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
## Props
|
|
2
|
+
|
|
3
|
+
| Name | Description | Type | Required |
|
|
4
|
+
| ------------------ | ------------------------------------------------------------- | --------------------- | -------- |
|
|
5
|
+
| **count** | Total number of rows to virtualize. | `number` | Yes |
|
|
6
|
+
| **scroll-element** | Scrollable viewport element the virtualizer observes. | `HTMLElement \| null` | No |
|
|
7
|
+
| **estimate-size** | Fixed per-row height used to place rows and size the spacers. | `number` | No |
|
|
8
|
+
| **overscan** | Rows rendered outside the viewport on each side. | `number` | No |
|
|
9
|
+
|
|
10
|
+
## Events
|
|
11
|
+
|
|
12
|
+
| Event name | Properties | Description |
|
|
13
|
+
| ---------- | ---------- | ----------- |
|
|
14
|
+
| change | |
|
|
15
|
+
|
|
16
|
+
## Slots
|
|
17
|
+
|
|
18
|
+
| Name | Description | Bindings |
|
|
19
|
+
| ------- | ----------- | -------- |
|
|
20
|
+
| default | | |
|
|
@@ -1,42 +1,48 @@
|
|
|
1
1
|
## Props
|
|
2
2
|
|
|
3
|
-
| Name
|
|
4
|
-
|
|
|
5
|
-
| **table-class**
|
|
6
|
-
| **table-style**
|
|
7
|
-
| **model-value**
|
|
8
|
-
| **size**
|
|
9
|
-
| **input-size**
|
|
10
|
-
| **title**
|
|
11
|
-
| **headers**
|
|
12
|
-
| **sortable**
|
|
13
|
-
| **headers-align**
|
|
14
|
-
| **rows**
|
|
15
|
-
| **hoverable**
|
|
16
|
-
| **search**
|
|
17
|
-
| **hide-search-in-row**
|
|
18
|
-
| **hide-search-by**
|
|
19
|
-
| **search-query**
|
|
20
|
-
| **background-odd**
|
|
21
|
-
| **background-even**
|
|
22
|
-
| **elevation**
|
|
23
|
-
| **divider**
|
|
24
|
-
| **caption**
|
|
25
|
-
| **caption-side**
|
|
26
|
-
| **pagination**
|
|
27
|
-
| **page**
|
|
28
|
-
| **page-size**
|
|
29
|
-
| **total-pages**
|
|
30
|
-
| **paginate-rows**
|
|
31
|
-
| **total-items**
|
|
32
|
-
| **loading**
|
|
33
|
-
| **selectable**
|
|
34
|
-
| **selected-key**
|
|
35
|
-
| **table-layout**
|
|
36
|
-
| **color**
|
|
37
|
-
| **translations**
|
|
38
|
-
| **rounded-size**
|
|
39
|
-
| **scrollable**
|
|
3
|
+
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
+
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------- | -------- | ---------------------------------------- | ---------------------------- |
|
|
5
|
+
| **table-class** | CSS class of the table element | `HTMLAttributes['class']` | No | `undefined` | - |
|
|
6
|
+
| **table-style** | CSS style of the table element | `HTMLAttributes['style']` | No | `undefined` | - |
|
|
7
|
+
| **model-value** | `v-model` <br/>List of selected rows | `(string \| boolean \| number)[]` | No | `undefined` | - |
|
|
8
|
+
| **size** | Size of the table | `MazSize` | No | `md` | `xl, lg, md, sm, xs, mini` |
|
|
9
|
+
| **input-size** | Size of the search inputs | `MazSize` | No | `undefined` | `xl, lg, md, sm, xs, mini` |
|
|
10
|
+
| **title** | Title of the table | `string` | No | `undefined` | - |
|
|
11
|
+
| **headers** | Headers of the table | `MazTableHeader[]` | No | `undefined` | - |
|
|
12
|
+
| **sortable** | Enable sort feature on all columns | `boolean` | No | `false` | - |
|
|
13
|
+
| **headers-align** | Align all headers | `string` | No | `left` | - |
|
|
14
|
+
| **rows** | Rows of the table | `T[]` | No | `undefined` | - |
|
|
15
|
+
| **hoverable** | Add hover effect on rows | `boolean` | No | `false` | - |
|
|
16
|
+
| **search** | Enable search feature in table header | `boolean` | No | `false` | - |
|
|
17
|
+
| **hide-search-in-row** | Disable search in rows - useful to filter data yourself or make search request to server | `boolean` | No | `false` | - |
|
|
18
|
+
| **hide-search-by** | Disable search by column (remove select input "search by") | `boolean` | No | `false` | - |
|
|
19
|
+
| **search-query** | `v-model:search-query` <br/>Search query in input | `string` | No | `undefined` | - |
|
|
20
|
+
| **background-odd** | Add background color to odd rows | `boolean` | No | `false` | - |
|
|
21
|
+
| **background-even** | Add background color to even rows | `boolean` | No | `false` | - |
|
|
22
|
+
| **elevation** | Add shadow to the table | `boolean` | No | `false` | - |
|
|
23
|
+
| **divider** | add divider between rows | `boolean` | No | `false` | - |
|
|
24
|
+
| **caption** | Caption of the table | `string` | No | `undefined` | - |
|
|
25
|
+
| **caption-side** | Caption side | `string` | No | `bottom` | `top, bottom` |
|
|
26
|
+
| **pagination** | Add pagination in table footer | `boolean` | No | `false` | - |
|
|
27
|
+
| **page** | `v-model:page` <br/>Current page of pagination | `number` | No | `1` | - |
|
|
28
|
+
| **page-size** | `v-model:page-size` <br/>Number of items per page | `number` | No | `20` | - |
|
|
29
|
+
| **total-pages** | Total number of pages | `number` | No | `undefined` | - |
|
|
30
|
+
| **paginate-rows** | Don't paginate rows - useful to make pagination request with your server | `boolean` | No | `true` | - |
|
|
31
|
+
| **total-items** | Total number of items | `number` | No | `undefined` | - |
|
|
32
|
+
| **loading** | Loading state | `boolean` | No | `false` | - |
|
|
33
|
+
| **selectable** | Enable selection of rows | `boolean` | No | `false` | - |
|
|
34
|
+
| **selected-key** | Enable selection of rows - key of the selected row | `string` | No | `undefined` | - |
|
|
35
|
+
| **table-layout** | Table layout | `string` | No | `undefined` | `auto, fixed` |
|
|
36
|
+
| **color** | Color of the component | `MazColor` | No | `primary` | - |
|
|
37
|
+
| **translations** | Translations of the table | `DeepPartial<MazUiTranslationsNestedSchema['table']>` | No | `Translations from @maz-ui/translations` | - |
|
|
38
|
+
| **rounded-size** | Size radius of the component's border | `MazRoundedSize` | No | `md` | `none, sm, md, lg, xl, full` |
|
|
39
|
+
| **scrollable** | Enable scrollable on table | `boolean` | No | `false` | - |
|
|
40
|
+
| **row-key** | Field name used as a stable key for each row (e.g. an id). Gives every row a stable identity so reordering is tracked correctly - required for `animatedRows` to look right. Falls back to the row index when not provided. | `string` | No | `undefined` | - |
|
|
41
|
+
| **animated-rows** | Animate row reordering with a FLIP transition (rows slide to their new position). Provide a stable `rowKey` for meaningful results. Respects `prefers-reduced-motion`. | `boolean` | No | `false` | - |
|
|
42
|
+
| **virtualized** | Only render the rows visible in the viewport (plus an overscan) using `@tanstack/vue-virtual`. Keeps the table fast on thousands of rows. Requires `maxHeight` to bound the scroll viewport. Ignored when `animatedRows` is on or when a custom default slot is provided. Rows render client-side only. | `boolean` | No | `false` | - |
|
|
43
|
+
| **max-height** | Max height of the scroll viewport (any CSS length, e.g. `'400px'`, `'70vh'`). Enables scrolling and, when `virtualized`, bounds the virtualized viewport. | `string` | No | `undefined` | - |
|
|
44
|
+
| **estimated-row-height** | Fixed row height in pixels used by the virtualizer to place rows and size the spacers. Set it to your real row height (virtualized rows should be uniform). | `number` | No | `44` | - |
|
|
45
|
+
| **overscan** | Number of rows rendered outside the viewport on each side when `virtualized`. | `number` | No | `10` | - |
|
|
40
46
|
|
|
41
47
|
## Events
|
|
42
48
|
|
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
## Props
|
|
2
2
|
|
|
3
|
-
| Name
|
|
4
|
-
|
|
|
5
|
-
| **items**
|
|
6
|
-
| **
|
|
7
|
-
| **
|
|
8
|
-
| **
|
|
9
|
-
| **
|
|
10
|
-
| **
|
|
11
|
-
| **
|
|
3
|
+
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
+
| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | -------- | ----------- | --------------------------------------------------------------------------------------------------------- |
|
|
5
|
+
| **items** | The items to display in the tabs bar | `TSTypeOperator` | Yes | `undefined` | - |
|
|
6
|
+
| **model-value** | `v-model` <br/>Selected tab (standalone usage, without MazTabs). Holds the item `value` when provided, otherwise the 1-based index. Pass items `as const` (or with literal `value`) to infer a union type. | `MazTabsBarItemValue` | No | `undefined` | - |
|
|
7
|
+
| **size** | Size of the tabs (forwarded to each MazBtn) | `MazSize` | No | `md` | `'xl' \| 'lg' \| 'md' \| 'sm' \| 'xs' \| 'mini'` |
|
|
8
|
+
| **rounded-size** | Size of the rounded applied to the bar, the indicator and each tab | `MazRoundedSize` | No | `md` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
|
|
9
|
+
| **color** | Color of the active tab indicator. When omitted, the default neutral indicator is used. | `MazColor` | No | `undefined` | `'primary' \| 'secondary' \| 'accent' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'contrast'` |
|
|
10
|
+
| **standalone** | Force the standalone mode: the tabs bar ignores any surrounding `MazTabs` (selection, size, rounded-size and color are no longer inherited) and is driven only by its own `v-model`. Useful for a nested switcher inside a page already wrapped by `MazTabs`. | `boolean` | No | `false` | - |
|
|
11
|
+
| **persistent** | Will add a query param to the url to keep the selected tab on page refresh | `boolean` | No | `false` | - |
|
|
12
|
+
| **query-param** | The name of the query param to add to the url | `string` | No | `tab` | - |
|
|
13
|
+
| **block** | Will make the tabs bar full width | `boolean` | No | `false` | - |
|
|
14
|
+
| **elevation** | Will remove the elevation | `boolean` | No | `false` | - |
|
|
15
|
+
| **auto-scroll** | Will add a scroll on the tabs bar to show selected element | `boolean` | No | `true` | - |
|
|
16
|
+
| **bordered** | Will add a border to the tabs bar | `boolean` | No | `true` | - |
|
|
17
|
+
|
|
18
|
+
## Events
|
|
19
|
+
|
|
20
|
+
| Event name | Properties | Description |
|
|
21
|
+
| ------------------ | --------------------------------------------------------------------------------------- | --------------------------------------------------------- |
|
|
22
|
+
| update:model-value | **value** `MazTabsBarItemValue` - item value when provided, otherwise the 1-based index | Emitted when the selected tab changes (standalone usage). |
|
|
12
23
|
|
|
13
24
|
## Slots
|
|
14
25
|
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
## Props
|
|
2
2
|
|
|
3
|
-
| Name
|
|
4
|
-
|
|
|
5
|
-
| **model-value**
|
|
3
|
+
| Name | Description | Type | Required | Possible values |
|
|
4
|
+
| ---------------- | --------------------------------------------------------------- | ---------------- | -------- | --------------------------------------------------------------------------------------------------------- |
|
|
5
|
+
| **model-value** | The the selected tab number | `number` | No | - |
|
|
6
|
+
| **size** | Size of the tabs, forwarded to MazTabsBar (and each tab button) | `MazSize` | No | `'xl' \| 'lg' \| 'md' \| 'sm' \| 'xs' \| 'mini'` |
|
|
7
|
+
| **rounded-size** | Size of the rounded, forwarded to MazTabsBar | `MazRoundedSize` | No | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
|
|
8
|
+
| **color** | Color of the active tab indicator, forwarded to MazTabsBar | `MazColor` | No | `'primary' \| 'secondary' \| 'accent' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'contrast'` |
|
|
6
9
|
|
|
7
10
|
## Events
|
|
8
11
|
|