fix(tabs): forward click event to Tab

This commit is contained in:
Eric Liu 2021-02-03 05:56:51 -08:00
commit fed83f8bf4
4 changed files with 4 additions and 0 deletions

View file

@ -3401,6 +3401,7 @@ None.
| Event name | Type | Detail | | Event name | Type | Detail |
| :--------- | :-------- | :----- | | :--------- | :-------- | :----- |
| click | forwarded | -- |
| mouseover | forwarded | -- | | mouseover | forwarded | -- |
| mouseenter | forwarded | -- | | mouseenter | forwarded | -- |
| mouseleave | forwarded | -- | | mouseleave | forwarded | -- |

View file

@ -7708,6 +7708,7 @@
} }
], ],
"events": [ "events": [
{ "type": "forwarded", "name": "click", "element": "li" },
{ "type": "forwarded", "name": "mouseover", "element": "li" }, { "type": "forwarded", "name": "mouseover", "element": "li" },
{ "type": "forwarded", "name": "mouseenter", "element": "li" }, { "type": "forwarded", "name": "mouseenter", "element": "li" },
{ "type": "forwarded", "name": "mouseleave", "element": "li" } { "type": "forwarded", "name": "mouseleave", "element": "li" }

View file

@ -39,6 +39,7 @@
class:bx--tabs__nav-item--disabled="{disabled}" class:bx--tabs__nav-item--disabled="{disabled}"
class:bx--tabs__nav-item--selected="{selected}" class:bx--tabs__nav-item--selected="{selected}"
{...$$restProps} {...$$restProps}
on:click|preventDefault
on:click|preventDefault="{() => { on:click|preventDefault="{() => {
if (!disabled) { if (!disabled) {
update(id); update(id);

1
types/Tabs/Tab.d.ts vendored
View file

@ -45,6 +45,7 @@ export default class Tab {
default: {}; default: {};
}; };
$on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
$on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void; $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
$on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void; $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void; $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;