From 6c0336cecad48942a373ff65e95987754af3644e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98xiuxiu-yang=E2=80=99?= <‘1974364190@qq.com’>
Date: Mon, 13 Feb 2023 22:59:16 +0800
Subject: [PATCH] feat(playground): add upload playground

---
 playground/src/views/Upload.vue | 48 ++++++++++++++++++++++++++++++++-
 playground/src/vite-env.d.ts    | 11 ++++++--
 2 files changed, 56 insertions(+), 3 deletions(-)

diff --git a/playground/src/views/Upload.vue b/playground/src/views/Upload.vue
index 226e17b..605ccf2 100644
--- a/playground/src/views/Upload.vue
+++ b/playground/src/views/Upload.vue
@@ -1,8 +1,54 @@
 <script setup lang="ts">
+import { LButton, LUpload } from 'lucky-design'
+
+const onSuccess = (res: any) => {
+  // console.log(res)
+}
+const onProgress = (ev: ProgressEvent<XMLHttpRequestEventTarget>) => {
+  // console.log(ev)
+}
+
+const beforeUpload = (file: File) => {
+  // console.log(file)
+  return Promise.resolve()
+}
 </script>
 
 <template>
   <div>
-    <div>upload</div>
+    <div>
+      <p>
+        <LUpload
+          action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+          name="file"
+          :on-success="onSuccess"
+          :on-progress="onProgress"
+        >
+          <LButton text="上传" type="primary" />
+        </LUpload>
+      </p>
+      <p>
+        <LUpload
+          action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+          name="file"
+          :multiple="true"
+          :on-success="onSuccess"
+          :on-progress="onProgress"
+        >
+          <LButton text="上传" type="primary" />
+        </LUpload>
+      </p>
+      <p>
+        <LUpload
+          action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+          name="file"
+          :before-upload="beforeUpload"
+          :on-success="onSuccess"
+          :on-progress="onProgress"
+        >
+          <LButton text="上传" type="primary" />
+        </LUpload>
+      </p>
+    </div>
   </div>
 </template>
diff --git a/playground/src/vite-env.d.ts b/playground/src/vite-env.d.ts
index 4a4685b..b3bf84a 100644
--- a/playground/src/vite-env.d.ts
+++ b/playground/src/vite-env.d.ts
@@ -1,4 +1,11 @@
 declare module 'lucky-design' {
-  import { LButton, LCheckbox, LDrawer, LMessage, LTree } from 'lucky-design'
-  export { LButton, LCheckbox, LDrawer, LMessage, LTree }
+  import {
+    LButton,
+    LCheckbox,
+    LDrawer,
+    LMessage,
+    LTree,
+    LUpload,
+  } from 'lucky-design'
+  export { LButton, LCheckbox, LDrawer, LMessage, LTree, LUpload }
 }