@sl-material/sl-import 1.1.0-beta2 → 1.1.0-beta4

package/README.md

@@ -157,18 +157,19 @@ ImportDialog.open({
   title: "大文件上传",
   templateType: TemplateTypeEnum.BASE,
   uploadConfig: {
-    autoUpload: false,
-    maxFileSize: 500 * 1024 * 1024, // 500MB
+    autoUpload: true, // 选择文件后立即开始上传
+    maxFileSize: 500,
+    maxFileSizeUnit: "MB",
     chunkedUpload: {
-      initUpload: async (params) => {
+      initUpload: async (fileName, fileSize) => {
         const response = await fetch("/api/upload/init", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(params),
+          body: JSON.stringify({ fileName, fileSize }),
         });
         return response.json();
       },
-      getResumableOptions: (initResult) => ({
+      getResumableConfig: (initResult) => ({
         target: "/api/upload/chunk",
         headers: {
           Authorization: `Bearer ${token}`,
@@ -296,15 +297,27 @@ ImportDialog.open({
 
 所有上传相关配置统一放在 `uploadConfig` 对象中：
 
-| 参数             | 类型                                            | 默认值      | 说明                    |
-| ---------------- | ----------------------------------------------- | ----------- | ----------------------- |
-| `autoUpload`     | `boolean`                                       | `false`     | 是否立即上传文件        |
-| `multiple`       | `boolean`                                       | `false`     | 是否支持多文件上传      |
-| `maxFiles`       | `number`                                        | `10`        | 最大文件数量            |
-| `maxFileSize`    | `number`                                        | `104857600` | 单文件最大大小（100MB） |
-| `customUpload`   | `(file, context?, onProgress?) => Promise<any>` | -           | 自定义上传函数          |
-| `chunkedUpload`  | `ChunkUploadStrategy`                           | -           | 分片上传策略配置        |
-| `confirmLoading` | `boolean`                                       | `true`      | 确定按钮 loading 控制   |
+| 参数              | 类型                                            | 默认值  | 说明                   |
+| ----------------- | ----------------------------------------------- | ------- | ---------------------- |
+| `autoUpload`      | `boolean`                                       | `false` | 是否立即上传文件       |
+| `multiple`        | `boolean`                                       | `false` | 是否支持多文件上传     |
+| `maxFiles`        | `number`                                        | `10`    | 最大文件数量           |
+| `maxFileSize`     | `number`                                        | `100`   | 单文件最大大小（数值） |
+| `maxFileSizeUnit` | `'KB' \| 'MB' \| 'GB'`                          | `'MB'`  | 文件大小单位           |
+| `customUpload`    | `(file, context?, onProgress?) => Promise<any>` | -       | 自定义上传函数         |
+| `chunkedUpload`   | `ChunkUploadStrategy`                           | -       | 分片上传策略配置       |
+| `confirmLoading`  | `boolean`                                       | `true`  | 确定按钮 loading 控制  |
+| `onFileChange`    | `(files: FileUploadItem[]) => void`             | -       | 文件列表变化回调       |
+| `onProgress`      | `(file, progress) => void`                      | -       | 上传进度回调           |
+| `onSuccess`       | `(file, response) => void`                      | -       | 上传成功回调           |
+| `onError`         | `(file, error) => void`                         | -       | 上传失败回调           |
+
+**文件大小配置说明**：
+
+- `maxFileSize` 和 `maxFileSizeUnit` 组合使用来限制文件大小
+- 例如：`maxFileSize: 10, maxFileSizeUnit: 'KB'` 表示最大 10KB
+- 例如：`maxFileSize: 500, maxFileSizeUnit: 'MB'` 表示最大 500MB
+- 默认为 100MB
 
 ##### 分片上传策略 (ChunkUploadStrategy)
 

package/index.d.ts

@@ -60,6 +60,8 @@ export declare enum ExportTypeEnum {
     excel = "excel"
 }
 
+declare type FileSizeUnit = "KB" | "MB" | "GB";
+
 export declare interface FileUploadItem {
     id: string;
     file: File;
@@ -89,11 +91,12 @@ export declare type I18nLocale = I18nLocaleEnum;
  * 支持的语言枚举
  */
 export declare enum I18nLocaleEnum {
-    ZH_CN = "zh-CN",// 中文（简体）
-    ZH_TW = "zh-TW",// 中文（繁体）
-    JA = "ja",// 日语
-    ID = "id",// 印尼语
-    EN_US = "en-US"
+    ZH_CN = "zh_CN",// 简体中文
+    EN_US = "en_US",// 英语（美国）
+    JA_JP = "ja_JP",// 日语（日本）
+    ZH_HK = "zh_HK",// 繁體中文（香港）
+    ZH_TW = "zh_TW",// 繁體中文（臺灣）
+    ID = "id"
 }
 
 export declare interface ImageRatioOption {
@@ -282,11 +285,23 @@ export declare interface LocaleMessages {
     startDate: string;
     endDate: string;
     to: string;
+    pleaseSelectFile: string;
+    maxFilesLimit: string;
+    fileFormatNotSupported: string;
+    fileSizeExceeded: string;
     fileTypeError: string;
     fileSizeError: string;
     uploadFailed: string;
+    uploadFailedRetry: string;
     uploadSuccess: string;
     uploading: string;
+    processingFailed: string;
+    fileUploadingCannotDelete: string;
+    filesUploadingCannotClear: string;
+    filesUploading: string;
+    filesUploadFailed: string;
+    waitForUploadComplete: string;
+    chunkedUploadConfigRequired: string;
     uploadTitleBase: string;
     uploadTitleTemplate1: string;
     uploadTitleTemplate2: string;
@@ -414,6 +429,7 @@ declare namespace types {
         ImageRatioOption,
         ImportFormData,
         FileUploadStatus,
+        FileSizeUnit,
         FileUploadItem,
         ChunkUploadInitResult,
         ResumableConfig,
@@ -435,8 +451,10 @@ export declare interface UploadConfig {
     maxFiles?: number;
     /** 是否支持多文件上传，默认 false */
     multiple?: boolean;
-    /** 单文件最大大小（字节），默认 100MB */
+    /** 单文件最大大小，默认 100 */
     maxFileSize?: number;
+    /** 文件大小单位，默认 'MB' */
+    maxFileSizeUnit?: FileSizeUnit;
     /**
      * 文件预处理函数
      * 在选择文件后立即调用，用于：

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sl-material/sl-import",
-  "version": "1.1.0-beta2",
+  "version": "1.1.0-beta4",
   "description": "导入组件 - 支持批量导入文件，提供多种模板配置",
   "main": "./sl-import.cjs.js",
   "module": "./sl-import.es.js",