@spaceone/design-system
Version:
SpaceONE Design System
60 lines (52 loc) • 1.66 kB
text/mdx
import { Meta, Canvas, Story, ArgsTable } from '@storybook/addon-docs/blocks';
import PDynamicLayout from '@/data-display/dynamic/dynamic-layout/PDynamicLayout.vue';
import { argTypes } from '@/data-display/dynamic/dynamic-layout/story-helper';
import {i18n} from '@/translations'
import mock from '@/data-display/dynamic/dynamic-layout/mock.ts'
<Meta title='Data Display/Dynamic/Dynamic Layout/Simple Table'
component={PDynamicLayout} argTypes={{
name: argTypes.name,
options: argTypes.options,
data: argTypes.data,
loading: argTypes.loading,
timezone: argTypes.timezone,
colCopy: argTypes.colCopy,
onInit: argTypes.onInit,
}}/>
export const Template = (args, { argTypes }) => ({
props: Object.keys(argTypes),
components: { PDynamicLayout },
i18n,
template: `
<p-dynamic-layout :name="name" type="table"
:options="options"
:data="data"
:type-options="{
loading,
timezone,
colCopy,
}"
:fetch-options="{
}"
class="w-full"
@init="onInit"
>
</p-dynamic-layout>
`,
setup() {
return {}
}
});
## Simple Table Type
<Canvas>
<Story name="Playground" args={{
type: 'simple-table',
data: mock.table.data,
options: mock.table.options
}}>
{Template.bind({})}
</Story>
</Canvas>
<ArgsTable story="Playground"/>
<br/>
<br/>