修改文件大小

src/components/Editor/index.vue

@@ -22,7 +22,7 @@ const props = defineProps({
     /* 只读 */
     readOnly: propTypes.bool.def(false),
     /* 上传文件大小限制(MB) */
-    fileSize: propTypes.number.def(5),
+    fileSize: propTypes.number.def(20),
     /* 类型（base64格式、url格式） */
     type: propTypes.string.def('url'),
     placeholder: propTypes.string,

src/components/FileUpload/index.vue

@@ -56,7 +56,7 @@ const props = defineProps({
     // 数量限制
     limit: propTypes.number.def(1),
     // 大小限制(MB)
-    fileSize: propTypes.number.def(5),
+    fileSize: propTypes.number.def(20),
     // 文件类型, 例如['png', 'jpg', 'jpeg', 'bmp']
     fileType: propTypes.array.def(['doc', 'xls', 'ppt', 'txt', 'pdf', 'xlsx', 'docx', 'pptx', 'DOCX', 'DOC', 'PPTX', 'PPT']),
     // 是否显示提示

src/components/ImageUpload/index.vue

@@ -1,32 +1,29 @@
 <template>
-  <div class="component-upload-image">
-    <el-upload ref="imageUpload" multiple :action="uploadImgUrl" list-type="picture-card"
-      :on-success="handleUploadSuccess" :before-upload="handleBeforeUpload" :limit="limit" :on-error="handleUploadError"
-      :on-exceed="handleExceed" :before-remove="handleDelete" :show-file-list="true" :headers="headers"
-      :file-list="fileList" :on-preview="handlePictureCardPreview" :class="{ hide: fileList.length >= limit }">
-      <el-icon class="avatar-uploader-icon">
-        <plus />
-        <div v-if="isShowPrompt" class="f-s-14 d-flex w-90 c-primary" style="position: absolute;top:80%">点击上传图片</div>
-      </el-icon>
-    </el-upload>
-    <!-- 上传提示 -->
-    <div v-if="showTip" class="el-upload__tip">
-      请上传
-      <template v-if="fileSize">
-        大小不超过
-        <b style="color: #f56c6c">{{ fileSize }}MB</b>
-      </template>
-      <template v-if="fileType">
-        格式为
-        <b style="color: #f56c6c">{{ fileType.join('/') }}</b>
-      </template>
-      的文件
-    </div>
+    <div class="component-upload-image">
+        <el-upload ref="imageUpload" multiple :action="uploadImgUrl" list-type="picture-card" :on-success="handleUploadSuccess" :before-upload="handleBeforeUpload" :limit="limit" :on-error="handleUploadError" :on-exceed="handleExceed" :before-remove="handleDelete" :show-file-list="true" :headers="headers" :file-list="fileList" :on-preview="handlePictureCardPreview" :class="{ hide: fileList.length >= limit }">
+            <el-icon class="avatar-uploader-icon">
+                <plus />
+                <div v-if="isShowPrompt" class="f-s-14 d-flex w-90 c-primary" style="position: absolute;top:80%">点击上传图片</div>
+            </el-icon>
+        </el-upload>
+        <!-- 上传提示 -->
+        <div v-if="showTip" class="el-upload__tip">
+            请上传
+            <template v-if="fileSize">
+                大小不超过
+                <b style="color: #f56c6c">{{ fileSize }}MB</b>
+            </template>
+            <template v-if="fileType">
+                格式为
+                <b style="color: #f56c6c">{{ fileType.join('/') }}</b>
+            </template>
+            的文件
+        </div>
 
-    <el-dialog v-model="dialogVisible" title="预览" width="800px" append-to-body>
-      <img :src="dialogImageUrl" style="display: block; max-width: 100%; margin: 0 auto" />
-    </el-dialog>
-  </div>
+        <el-dialog v-model="dialogVisible" title="预览" width="800px" append-to-body>
+            <img :src="dialogImageUrl" style="display: block; max-width: 100%; margin: 0 auto" />
+        </el-dialog>
+    </div>
 </template>
 
 <script setup lang="ts">
@@ -46,7 +43,7 @@ const props = defineProps({
   // 图片数量限制
   limit: propTypes.number.def(5),
   // 大小限制(MB)
-  fileSize: propTypes.number.def(5),
+  fileSize: propTypes.number.def(20),
   // 文件类型, 例如['png', 'jpg', 'jpeg']
   fileType: propTypes.array.def(['png', 'jpg', 'jpeg']),
   // 是否显示提示