mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 11:36:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(pagination): dispatch button click events to be consistent with PaginationNav

Browse source
This commit is contained in:
Eric Y Liu 2021-03-19 06:44:58 -07:00
commit 32effacb76
4 changed files with 24 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
COMPONENT_INDEX.md
View file

@ -2542,9 +2542,11 @@ None.
### Events
| Event name | Type | Detail |
| :--------- | :--------- | :----------------------------------------------- |
| update | dispatched | <code>{ pageSize: number; page: number; }</code> |
| Event name | Type | Detail |
| :--------------------- | :--------- | :----------------------------------------------- |
| update | dispatched | <code>{ pageSize: number; page: number; }</code> |
| click:button--previous | dispatched | <code>{ page: number; }</code> |
| click:button--next | dispatched | <code>{ page: number; }</code> |
## `PaginationNav`

10
docs/src/COMPONENT_API.json
View file

@ -6475,6 +6475,16 @@
"type": "dispatched",
"name": "update",
"detail": "{ pageSize: number; page: number; }"
},
{
"type": "dispatched",
"name": "click:button--previous",
"detail": "{ page: number; }"
},
{
"type": "dispatched",
"name": "click:button--next",
"detail": "{ page: number; }"
}
],
"typedefs": [],

4
src/Pagination/Pagination.svelte
View file

@ -1,6 +1,8 @@
<script>
/**
* @event {{ pageSize: number; page: number; }} update
* @event {{ page: number; }} click:button--previous
* @event {{ page: number; }} click:button--next
*/
/** Specify the current page index */
@ -162,6 +164,7 @@
: ''}"
on:click="{() => {
page--;
dispatch('click:button--previous', { page });
}}"
/>
<Button
@ -177,6 +180,7 @@
: ''}"
on:click="{() => {
page++;
dispatch('click:button--next', { page });
}}"
/>
</div>

6
types/Pagination/Pagination.d.ts vendored
View file

@ -102,6 +102,10 @@ export interface PaginationProps
export default class Pagination extends SvelteComponentTyped<
PaginationProps,
{ update: CustomEvent<{ pageSize: number; page: number }> },
{
update: CustomEvent<{ pageSize: number; page: number }>;
["click:button--previous"]: CustomEvent<{ page: number }>;
["click:button--next"]: CustomEvent<{ page: number }>;
},
{}
> {}