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

fix(fluid-form): forward missing events (#583)

Browse source
This commit is contained in:
Eric Liu 2021-03-28 12:10:51 -07:00 • committed by GitHub
commit f4f209f13b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 34 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
COMPONENT_INDEX.md
View file

@ -1368,6 +1368,11 @@ None.
| Event name | Type | Detail |
| :--------- | :-------- | :----- |
| click | forwarded | -- |
| keydown | forwarded | -- |
| mouseover | forwarded | -- |
| mouseenter | forwarded | -- |
| mouseleave | forwarded | -- |
| submit | forwarded | -- |
## `Form`
@ -1387,6 +1392,7 @@ None.
| Event name | Type | Detail |
| :--------- | :-------- | :----- |
| click | forwarded | -- |
| keydown | forwarded | -- |
| mouseover | forwarded | -- |
| mouseenter | forwarded | -- |
| mouseleave | forwarded | -- |

10
docs/src/COMPONENT_API.json
View file

@ -3448,7 +3448,14 @@
"filePath": "src/FluidForm/FluidForm.svelte",
"props": [],
"slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"events": [{ "type": "forwarded", "name": "submit", "element": "Form" }],
"events": [
{ "type": "forwarded", "name": "click", "element": "Form" },
{ "type": "forwarded", "name": "keydown", "element": "Form" },
{ "type": "forwarded", "name": "mouseover", "element": "Form" },
{ "type": "forwarded", "name": "mouseenter", "element": "Form" },
{ "type": "forwarded", "name": "mouseleave", "element": "Form" },
{ "type": "forwarded", "name": "submit", "element": "Form" }
],
"typedefs": [],
"rest_props": { "type": "InlineComponent", "name": "Form" }
},
@ -3459,6 +3466,7 @@
"slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"events": [
{ "type": "forwarded", "name": "click", "element": "form" },
{ "type": "forwarded", "name": "keydown", "element": "form" },
{ "type": "forwarded", "name": "mouseover", "element": "form" },
{ "type": "forwarded", "name": "mouseenter", "element": "form" },
{ "type": "forwarded", "name": "mouseleave", "element": "form" },

11
src/FluidForm/FluidForm.svelte
View file

@ -5,6 +5,15 @@
setContext("Form", { isFluid: true });
</script>
<Form {...$$restProps} class="bx--form--fluid {$$restProps.class}" on:submit>
<Form
{...$$restProps}
class="bx--form--fluid {$$restProps.class}"
on:click
on:keydown
on:mouseover
on:mouseenter
on:mouseleave
on:submit
>
<slot />
</Form>

9
types/FluidForm/FluidForm.d.ts vendored
View file

@ -5,6 +5,13 @@ export interface FluidFormProps {}
export default class FluidForm extends SvelteComponentTyped<
FluidFormProps,
{ submit: WindowEventMap["submit"] },
{
click: WindowEventMap["click"];
keydown: WindowEventMap["keydown"];
mouseover: WindowEventMap["mouseover"];
mouseenter: WindowEventMap["mouseenter"];
mouseleave: WindowEventMap["mouseleave"];
submit: WindowEventMap["submit"];
},
{ default: {} }
> {}

1
types/Form/Form.d.ts vendored
View file

@ -8,6 +8,7 @@ export default class Form extends SvelteComponentTyped<
FormProps,
{
click: WindowEventMap["click"];
keydown: WindowEventMap["keydown"];
mouseover: WindowEventMap["mouseover"];
mouseenter: WindowEventMap["mouseenter"];
mouseleave: WindowEventMap["mouseleave"];