feat(Upload): add drag sort demo

Author: Reuse5653

src/upload/demos/drag.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="upload-demo">
+    <div class="upload-title">可拖拽排序</div>
+    <t-upload
+      v-model="files"
+      multiple
+      :draggable="true"
+      accept="image/png"
+      action="//service-bv448zsw-1257786608.gz.apigw.tencentcs.com/api/upload-demo"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const files = ref([
+  {
+    url: 'https://tdesign.gtimg.com/mobile/demos/upload4.png',
+    name: 'image1.png',
+    type: 'image',
+  },
+  {
+    url: 'https://tdesign.gtimg.com/mobile/demos/upload6.png',
+    name: 'image2.png',
+    type: 'image',
+  },
+  {
+    url: 'https://tdesign.gtimg.com/mobile/demos/upload5.png',
+    name: 'image3.png',
+    type: 'image',
+  },
+  {
+    url: 'https://tdesign.gtimg.com/mobile/demos/upload6.png',
+    name: 'image4.png',
+    type: 'image',
+  },
+]);
+</script>
+
+<style scoped lang="less">
+.upload-demo {
+  background: var(--bg-color-demo, #fff);
+  .upload-title {
+    font-size: 16px;
+    color: var(--td-text-color-primary, rgba(0, 0, 0, 0.9));
+    padding: 12px 16px;
+  }
+}
+</style>

src/upload/demos/mobile.vue

@@ -14,11 +14,15 @@
     <tdesign-demo-block title="03 样式自定义" summary="单选上传">
       <CustomDemo />
     </tdesign-demo-block>
+    <tdesign-demo-block title="04 可拖拽排序" summary="开启拖拽排序">
+      <DragDemo />
+    </tdesign-demo-block>
   </div>
 </template>
 <script setup lang="ts">
 import BaseDemo from './base.vue';
 import CustomDemo from './custom.vue';
 import MultipleDemo from './multiple.vue';
 import StatusDemo from './status.vue';
+import DragDemo from './drag.vue';
 </script>