mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 21:51:17 +08:00
37 lines
886 B
Svelte
37 lines
886 B
Svelte
<script>
|
|
import SlotDecorator from './SlotDecorator.svelte';
|
|
import dedent from 'ts-dedent';
|
|
|
|
export let name;
|
|
export let kind;
|
|
export let storyFn;
|
|
export let showError;
|
|
|
|
const {
|
|
/** @type {SvelteComponent} */
|
|
Component,
|
|
/** @type {any} */
|
|
props = {},
|
|
/** @type {{[string]: () => {}}} Attach svelte event handlers */
|
|
on,
|
|
Wrapper,
|
|
WrapperData = {},
|
|
} = storyFn();
|
|
|
|
if (!Component) {
|
|
showError({
|
|
title: `Expecting a Svelte component from the story: "${name}" of "${kind}".`,
|
|
description: dedent`
|
|
Did you forget to return the Svelte component configuration from the story?
|
|
Use "() => ({ Component: YourComponent, data: {} })"
|
|
when defining the story.
|
|
`,
|
|
});
|
|
}
|
|
</script>
|
|
<SlotDecorator
|
|
decorator={Wrapper}
|
|
decoratorProps={WrapperData}
|
|
component={Component}
|
|
props={props}
|
|
{on}/> |