generated from thzxcx/vue3
78 lines
1.6 KiB
TypeScript
78 lines
1.6 KiB
TypeScript
/*
|
|
* @Author: zhaojinfeng 121016171@qq.com
|
|
* @Date: 2023-07-10 14:39:45
|
|
* @LastEditors: zhaojinfeng 121016171@qq.com
|
|
* @LastEditTime: 2023-07-13 16:23:26
|
|
* @FilePath: \uni\stories\Card.stories.ts
|
|
* @Description:
|
|
*
|
|
*/
|
|
import type { Meta, StoryObj } from '@storybook/vue3'
|
|
import ThCard from '../packages/card/index.vue'
|
|
import ThCardTitle from '../packages/card-title/index.vue'
|
|
import ThCardText from '../packages/card-text/index.vue'
|
|
import ThTag from '../packages/tag/index.vue'
|
|
|
|
const meta = {
|
|
title: '卡片/Card',
|
|
component: ThCard,
|
|
tags: ['autodocs'],
|
|
render: args => ({
|
|
components: { ThCard },
|
|
setup() {
|
|
return { args }
|
|
},
|
|
template: '<th-card :no-shadow="args.noShadow" />',
|
|
}),
|
|
} satisfies Meta<typeof ThCard>
|
|
export default meta
|
|
|
|
type Story = StoryObj<typeof meta>
|
|
|
|
export const Title: Story = {
|
|
args: {
|
|
noShadow: false,
|
|
},
|
|
render: (args: any) => ({
|
|
components: { ThCard, ThCardTitle },
|
|
setup() {
|
|
return { args }
|
|
},
|
|
template: `
|
|
<th-card :no-shadow="args.noShadow">
|
|
<th-card-title>
|
|
Title
|
|
</th-card-title>
|
|
</th-card>
|
|
`,
|
|
}),
|
|
}
|
|
|
|
export const TitleExtra: Story = {
|
|
render: args => ({
|
|
components: { ThCard, ThCardText, ThTag },
|
|
setup() {
|
|
return { args }
|
|
},
|
|
template: `
|
|
<th-card>
|
|
<th-card-text label="Label">
|
|
Text
|
|
</th-card-text>
|
|
<th-card-text label="Label">
|
|
Text
|
|
</th-card-text>
|
|
<th-card-text label="Label">
|
|
Text
|
|
</th-card-text>
|
|
<th-card-text label="Label">
|
|
Text
|
|
</th-card-text>
|
|
<template #extra>
|
|
<th-tag text="标签" />
|
|
</template>
|
|
</th-card>
|
|
`,
|
|
}),
|
|
}
|