@ebiz/designer-components 0.0.58 → 0.0.59

package/src/views/UploadDemo.vue

@@ -1,122 +1,122 @@
-<template>
-  <div class="upload-demo-container">
-    <h2>上传组件示例</h2>
-    
-    <div class="demo-section">
-      <h3>基础用法</h3>
-      <EbizUpload
-        :useInternalUpload="true"
-        :auto-upload="true"
-        tips="请选择文件上传"
-      >
-        <template #default>
-          <t-button>点击选择文件</t-button>
-        </template>
-      </EbizUpload>
-    </div>
-    
-    <div class="demo-section">
-      <h3>拖拽上传</h3>
-      <EbizUpload
-        :useInternalUpload="true"
-        :draggable="true"
-        :auto-upload="true"
-        tips="将文件拖拽到此区域即可上传"
-      />
-    </div>
-
-    <div class="demo-section">
-      <h3>多文件上传</h3>
-      <EbizUpload
-        :useInternalUpload="true"
-        :multiple="true"
-        :auto-upload="true"
-        tips="可选择多个文件上传"
-      />
-    </div>
-
-    <div class="demo-section">
-      <h3>图片上传</h3>
-      <EbizUpload
-        :useInternalUpload="true"
-        theme="image"
-        accept="image/*"
-        :auto-upload="true"
-        tips="请选择图片上传"
-      />
-    </div>
-
-    <div class="demo-section">
-      <h3>手动上传</h3>
-      <EbizUpload
-        :useInternalUpload="true"
-        :auto-upload="false"
-        tips="选择文件后需手动点击上传按钮"
-      />
-    </div>
-
-    <div class="demo-section">
-      <h3>文件大小限制</h3>
-      <EbizUpload
-        :useInternalUpload="true"
-        :size-limit="{ size: 1024, unit: 'KB' }"
-        :auto-upload="true"
-        tips="文件大小不能超过1MB"
-      />
-    </div>
-
-    <div class="demo-section">
-      <h3>自定义上传按钮</h3>
-      <EbizUpload
-        :useInternalUpload="true"
-        :auto-upload="true"
-        theme="custom"
-      >
-        <template #default>
-          <t-button>点击选择文件</t-button>
-        </template>
-      </EbizUpload>
-    </div>
-
-    <div class="demo-section">
-      <h3>使用外部上传服务</h3>
-      <EbizUpload
-        :useInternalUpload="false"
-        action="https://service-bv448zsw-1257786608.gz.apigw.tencentcs.com/api/upload-demo"
-        :auto-upload="true"
-        tips="使用自定义上传地址"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'UploadDemo'
-};
-</script>
-
-<script setup>
-import { EbizUpload } from '../index.js';
-import { Button as TButton } from 'tdesign-vue-next';
-</script>
-
-<style lang="less" scoped>
-.upload-demo-container {
-  padding: 20px;
-
-  .demo-section {
-    margin-bottom: 30px;
-    padding: 20px;
-    border: 1px solid #eaeaea;
-    border-radius: 4px;
-
-    h3 {
-      margin-top: 0;
-      margin-bottom: 16px;
-      font-size: 16px;
-      font-weight: 500;
-    }
-  }
-}
+<template>
+  <div class="upload-demo-container">
+    <h2>上传组件示例</h2>
+    
+    <div class="demo-section">
+      <h3>基础用法</h3>
+      <EbizUpload
+        :useInternalUpload="true"
+        :auto-upload="true"
+        tips="请选择文件上传"
+      >
+        <template #default>
+          <t-button>点击选择文件</t-button>
+        </template>
+      </EbizUpload>
+    </div>
+    
+    <div class="demo-section">
+      <h3>拖拽上传</h3>
+      <EbizUpload
+        :useInternalUpload="true"
+        :draggable="true"
+        :auto-upload="true"
+        tips="将文件拖拽到此区域即可上传"
+      />
+    </div>
+
+    <div class="demo-section">
+      <h3>多文件上传</h3>
+      <EbizUpload
+        :useInternalUpload="true"
+        :multiple="true"
+        :auto-upload="true"
+        tips="可选择多个文件上传"
+      />
+    </div>
+
+    <div class="demo-section">
+      <h3>图片上传</h3>
+      <EbizUpload
+        :useInternalUpload="true"
+        theme="image"
+        accept="image/*"
+        :auto-upload="true"
+        tips="请选择图片上传"
+      />
+    </div>
+
+    <div class="demo-section">
+      <h3>手动上传</h3>
+      <EbizUpload
+        :useInternalUpload="true"
+        :auto-upload="false"
+        tips="选择文件后需手动点击上传按钮"
+      />
+    </div>
+
+    <div class="demo-section">
+      <h3>文件大小限制</h3>
+      <EbizUpload
+        :useInternalUpload="true"
+        :size-limit="{ size: 1024, unit: 'KB' }"
+        :auto-upload="true"
+        tips="文件大小不能超过1MB"
+      />
+    </div>
+
+    <div class="demo-section">
+      <h3>自定义上传按钮</h3>
+      <EbizUpload
+        :useInternalUpload="true"
+        :auto-upload="true"
+        theme="custom"
+      >
+        <template #default>
+          <t-button>点击选择文件</t-button>
+        </template>
+      </EbizUpload>
+    </div>
+
+    <div class="demo-section">
+      <h3>使用外部上传服务</h3>
+      <EbizUpload
+        :useInternalUpload="false"
+        action="https://service-bv448zsw-1257786608.gz.apigw.tencentcs.com/api/upload-demo"
+        :auto-upload="true"
+        tips="使用自定义上传地址"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'UploadDemo'
+};
+</script>
+
+<script setup>
+import { EbizUpload } from '../index.js';
+import { Button as TButton } from 'tdesign-vue-next';
+</script>
+
+<style lang="less" scoped>
+.upload-demo-container {
+  padding: 20px;
+
+  .demo-section {
+    margin-bottom: 30px;
+    padding: 20px;
+    border: 1px solid #eaeaea;
+    border-radius: 4px;
+
+    h3 {
+      margin-top: 0;
+      margin-bottom: 16px;
+      font-size: 16px;
+      font-weight: 500;
+    }
+  }
+}
 </style>