build(storybook): 双向绑定故事

This commit is contained in:
peerless_hero
2023-08-30 14:27:39 +08:00
parent a1204f823f
commit aca6c46b9d

View File

@ -1,8 +1,8 @@
/*
* @Author: zhaojinfeng 121016171@qq.com
* @Date: 2023-08-16 17:33:41
* @LastEditors: zhaojinfeng 121016171@qq.com
* @LastEditTime: 2023-08-22 14:10:55
* @LastEditors: peerless_hero peerless_hero@outlook.com
* @LastEditTime: 2023-08-30 13:31:32
* @FilePath: \vue3\stories\UploadList.stories.ts
* @Description:
*
@ -69,6 +69,35 @@ export const Base: Story = {
name: '基本使用',
}
export const VModel: Story = {
name: '双向绑定',
args: {
accept: '*',
disabled: false,
fileList: [],
request,
filePath: '/',
maxsize: 100,
},
render: args => ({
components: { ThUploadList },
setup() {
return { args }
},
template: `
值:{{ args.fileList }}
<th-upload-list
v-model:file-list="args.fileList"
:accept="args.accept"
:disabled="args.disabled"
:request="args.request"
:file-path="args.filePath"
:maxsize="args.maxsize"
/>
`,
}),
}
export const Disabled: Story = {
name: '禁用',
args: {