From aca6c46b9dbd5081d77a19535dea9c26720f85af Mon Sep 17 00:00:00 2001
From: peerless_hero <peerless_hero@outlook.com>
Date: Wed, 30 Aug 2023 14:27:39 +0800
Subject: [PATCH] =?UTF-8?q?build(storybook):=20=E5=8F=8C=E5=90=91=E7=BB=91?=
 =?UTF-8?q?=E5=AE=9A=E6=95=85=E4=BA=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 stories/UploadList.stories.ts | 33 +++++++++++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/stories/UploadList.stories.ts b/stories/UploadList.stories.ts
index 8b55fe3..26a0319 100644
--- a/stories/UploadList.stories.ts
+++ b/stories/UploadList.stories.ts
@@ -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: {