fix(outbound-link): forward Link events

This commit is contained in:
Eric Liu 2021-02-03 05:21:22 -08:00
commit e91049a011
4 changed files with 24 additions and 3 deletions

View file

@ -2376,7 +2376,12 @@ None.
### Events ### Events
None. | Event name | Type | Detail |
| :--------- | :-------- | :----- |
| click | forwarded | -- |
| mouseover | forwarded | -- |
| mouseenter | forwarded | -- |
| mouseleave | forwarded | -- |
## `OverflowMenu` ## `OverflowMenu`

View file

@ -5088,7 +5088,12 @@
"filePath": "/src/Link/OutboundLink.svelte", "filePath": "/src/Link/OutboundLink.svelte",
"props": [], "props": [],
"slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }], "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"events": [], "events": [
{ "type": "forwarded", "name": "click", "element": "Link" },
{ "type": "forwarded", "name": "mouseover", "element": "Link" },
{ "type": "forwarded", "name": "mouseenter", "element": "Link" },
{ "type": "forwarded", "name": "mouseleave", "element": "Link" }
],
"typedefs": [], "typedefs": [],
"rest_props": { "type": "InlineComponent", "name": "Link" }, "rest_props": { "type": "InlineComponent", "name": "Link" },
"extends": { "interface": "LinkProps", "import": "\"./Link\"" } "extends": { "interface": "LinkProps", "import": "\"./Link\"" }

View file

@ -5,7 +5,14 @@
import Launch16 from "carbon-icons-svelte/lib/Launch16/Launch16.svelte"; import Launch16 from "carbon-icons-svelte/lib/Launch16/Launch16.svelte";
</script> </script>
<Link {...$$restProps} target="_blank"> <Link
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
target="_blank"
>
<slot /> <slot />
<Launch16 /> <Launch16 />
</Link> </Link>

View file

@ -9,5 +9,9 @@ export default class OutboundLink {
default: {}; default: {};
}; };
$on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
$on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
$on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
$on(eventname: string, cb: (event: Event) => void): () => void; $on(eventname: string, cb: (event: Event) => void): () => void;
} }