@haluo/util 2.0.19 → 2.0.20

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import match from './modules/match';
 import number from './modules/number';
 import openApp from './modules/open-app';
 import tools from './modules/tools';
+import upload from './modules/upload';
 import monitor from './modules/monitor';
 export * from './modules/monitor';
 interface Modules {
@@ -19,6 +20,7 @@ interface Modules {
     number: typeof number;
     openApp: typeof openApp;
     tools: typeof tools;
+    upload: typeof upload;
     monitor: typeof monitor;
 }
 declare class Utils {
@@ -34,4 +36,4 @@ interface Utils extends Modules {
 }
 declare const _default: Utils;
 export default _default;
-export { cookie, date, dom, filter, format, match, number, openApp, tools, monitor };
+export { cookie, date, dom, filter, format, match, number, openApp, tools, upload, monitor };

package/dist/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.monitor = exports.tools = exports.openApp = exports.number = exports.match = exports.format = exports.filter = exports.dom = exports.date = exports.cookie = void 0;
+exports.monitor = exports.upload = exports.tools = exports.openApp = exports.number = exports.match = exports.format = exports.filter = exports.dom = exports.date = exports.cookie = void 0;
 var cookie_1 = __importDefault(require("./modules/cookie"));
 exports.cookie = cookie_1.default;
 var date_1 = __importDefault(require("./modules/date"));
@@ -36,6 +36,8 @@ var open_app_1 = __importDefault(require("./modules/open-app"));
 exports.openApp = open_app_1.default;
 var tools_1 = __importDefault(require("./modules/tools"));
 exports.tools = tools_1.default;
+var upload_1 = __importDefault(require("./modules/upload"));
+exports.upload = upload_1.default;
 var monitor_1 = __importDefault(require("./modules/monitor"));
 exports.monitor = monitor_1.default;
 __exportStar(require("./modules/monitor"), exports);
@@ -49,6 +51,7 @@ var modules = {
     number: number_1.default,
     openApp: open_app_1.default,
     tools: tools_1.default,
+    upload: upload_1.default,
     monitor: monitor_1.default
 };
 var Utils = /** @class */ (function () {

package/dist/modules/upload/ALIOSS_EXAMPLE.d.ts

@@ -0,0 +1,83 @@
+/**
+ * @file aliOss 使用示例
+ * @description 展示如何在项目中使用统一的 aliOss 工具
+ */
+import { BusinessType } from './aliOss';
+declare const basicOssUploader: {
+    ossUploadImage: (option: import("./aliOss").UploadOption) => Promise<any>;
+    ossUploadFile: (option: import("./aliOss").UploadOption) => Promise<any>;
+    shopDetailUpdate: (option: import("./aliOss").UploadOption) => Promise<any>;
+    suffixEnum: {
+        readonly nowater: "!nowater";
+        readonly official: "!official";
+        readonly panoram: "!panoram";
+        readonly forum: "!forum";
+        readonly avatar: "!avatar";
+        readonly square: "!square";
+        readonly carport: "!carport";
+    };
+    businessType: typeof BusinessType;
+    randomString: (length: number) => string;
+    createOssClient: (businessType: number, imggeCarType?: any) => Promise<any>;
+    imgUpload: (file: File) => Promise<HTMLImageElement>;
+    loadImage: (params: {
+        url: string;
+        val: any;
+        suffix: string;
+        file: File;
+        option: import("./aliOss").UploadOption;
+        resolve: (value: any) => void;
+        reject: (reason?: any) => void;
+        isGif?: boolean | undefined;
+    }) => void;
+    loadImageNew: (params: {
+        url: string;
+        val: any;
+        file: File;
+        option: import("./aliOss").UploadOption;
+        resolve: (value: any) => void;
+        reject: (reason?: any) => void;
+    }) => void;
+};
+declare const fullOssUploader: {
+    ossUploadImage: (option: import("./aliOss").UploadOption) => Promise<any>;
+    ossUploadFile: (option: import("./aliOss").UploadOption) => Promise<any>;
+    shopDetailUpdate: (option: import("./aliOss").UploadOption) => Promise<any>;
+    suffixEnum: {
+        readonly nowater: "!nowater";
+        readonly official: "!official";
+        readonly panoram: "!panoram";
+        readonly forum: "!forum";
+        readonly avatar: "!avatar";
+        readonly square: "!square";
+        readonly carport: "!carport";
+    };
+    businessType: typeof BusinessType;
+    randomString: (length: number) => string;
+    createOssClient: (businessType: number, imggeCarType?: any) => Promise<any>;
+    imgUpload: (file: File) => Promise<HTMLImageElement>;
+    loadImage: (params: {
+        url: string;
+        val: any;
+        suffix: string;
+        file: File;
+        option: import("./aliOss").UploadOption;
+        resolve: (value: any) => void;
+        reject: (reason?: any) => void;
+        isGif?: boolean | undefined;
+    }) => void;
+    loadImageNew: (params: {
+        url: string;
+        val: any;
+        file: File;
+        option: import("./aliOss").UploadOption;
+        resolve: (value: any) => void;
+        reject: (reason?: any) => void;
+    }) => void;
+};
+declare function uploadNormalImage(file: File): Promise<any>;
+declare function uploadAvatar(file: File): Promise<any>;
+declare function uploadVideo(file: File): Promise<any>;
+declare function uploadIdCard(file: File): Promise<any>;
+declare function uploadShopDetail(file: File): Promise<any>;
+export { basicOssUploader, fullOssUploader, uploadNormalImage, uploadAvatar, uploadVideo, uploadIdCard, uploadShopDetail };

package/dist/modules/upload/ALIOSS_EXAMPLE.js

@@ -0,0 +1,320 @@
+"use strict";
+/**
+ * @file aliOss 使用示例
+ * @description 展示如何在项目中使用统一的 aliOss 工具
+ */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uploadShopDetail = exports.uploadIdCard = exports.uploadVideo = exports.uploadAvatar = exports.uploadNormalImage = exports.fullOssUploader = exports.basicOssUploader = void 0;
+var aliOss_1 = require("./aliOss");
+// ============================================
+// 示例1：基础配置（最小配置）
+// ============================================
+var basicOssUploader = (0, aliOss_1.createAliOssUploader)({
+    // 必需：获取阿里云STS临时凭证
+    getAliyunSts: function (params) { return __awaiter(void 0, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fetch('/api/getAliyunSts', {
+                        method: 'POST',
+                        body: JSON.stringify(params)
+                    })];
+                case 1:
+                    response = _a.sent();
+                    return [2 /*return*/, response.json()];
+            }
+        });
+    }); },
+    // 必需：日期格式化函数
+    dateFormat: function (date, format) {
+        // 简单实现，实际项目中使用 util.date.format 或 util.filter.format
+        var year = date.getFullYear();
+        var month = String(date.getMonth() + 1).padStart(2, '0');
+        var day = String(date.getDate()).padStart(2, '0');
+        var hour = String(date.getHours()).padStart(2, '0');
+        var minute = String(date.getMinutes()).padStart(2, '0');
+        var second = String(date.getSeconds()).padStart(2, '0');
+        return format
+            .replace('YYYY', String(year))
+            .replace('MM', month)
+            .replace('DD', day)
+            .replace('HH', hour)
+            .replace('mm', minute)
+            .replace('ss', second);
+    },
+    // 可选：消息提示
+    messageWarning: function (msg) {
+        console.warn(msg);
+        // 或使用你的消息组件：window.$message.warning(msg)
+    }
+});
+exports.basicOssUploader = basicOssUploader;
+// ============================================
+// 示例2：完整配置（OSS后台项目）
+// ============================================
+var fullOssUploader = (0, aliOss_1.createAliOssUploader)({
+    getAliyunSts: function (params) { return __awaiter(void 0, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fetch('/api/getAliyunSts', {
+                        method: 'POST',
+                        body: JSON.stringify(params)
+                    })];
+                case 1:
+                    response = _a.sent();
+                    return [2 /*return*/, response.json()];
+            }
+        });
+    }); },
+    // 暗水印上传
+    darkWaterUploadImage: function (params) { return __awaiter(void 0, void 0, void 0, function () {
+        var formData, response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    formData = new FormData();
+                    formData.append('file', params.file);
+                    return [4 /*yield*/, fetch('/api/darkWaterUploadImage', {
+                            method: 'POST',
+                            body: formData
+                        })];
+                case 1:
+                    response = _a.sent();
+                    return [2 /*return*/, response.json()];
+            }
+        });
+    }); },
+    // 批量转换水印
+    multiTransferImage: function (params) { return __awaiter(void 0, void 0, void 0, function () {
+        var formData, response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    formData = new FormData();
+                    formData.append('file', params.file);
+                    return [4 /*yield*/, fetch('/api/multiTransferImage', {
+                            method: 'POST',
+                            body: formData
+                        })];
+                case 1:
+                    response = _a.sent();
+                    return [2 /*return*/, response.json()];
+            }
+        });
+    }); },
+    // 头像处理
+    aliyunPersist: function (params) { return __awaiter(void 0, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fetch('/api/aliyunPersist', {
+                        method: 'POST',
+                        body: JSON.stringify(params)
+                    })];
+                case 1:
+                    response = _a.sent();
+                    return [2 /*return*/, response.json()];
+            }
+        });
+    }); },
+    // 生成预签名URL
+    generatePrePresignedUrl: function (params) { return __awaiter(void 0, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fetch('/api/generatePrePresignedUrl', {
+                        method: 'GET'
+                    })];
+                case 1:
+                    response = _a.sent();
+                    return [2 /*return*/, response.json()];
+            }
+        });
+    }); },
+    // 上传配置
+    uploadConf: function (businessType) { return __awaiter(void 0, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fetch("/api/uploadConf?businessType=".concat(businessType))];
+                case 1:
+                    response = _a.sent();
+                    return [2 /*return*/, response.json()];
+            }
+        });
+    }); },
+    dateFormat: function (date, format) {
+        // 日期格式化实现
+        return format;
+    },
+    messageWarning: function (msg) {
+        console.warn(msg);
+    }
+});
+exports.fullOssUploader = fullOssUploader;
+// ============================================
+// 使用示例
+// ============================================
+// 1. 普通图片上传
+function uploadNormalImage(file) {
+    return __awaiter(this, void 0, void 0, function () {
+        var result, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, basicOssUploader.ossUploadImage({
+                            file: file,
+                            imageType: 'official',
+                            quality: 0.7,
+                            onProgress: function (e) {
+                                console.log("\u4E0A\u4F20\u8FDB\u5EA6: ".concat(e.percent, "%"));
+                            },
+                            onSuccess: function (val) {
+                                console.log('上传成功:', val.imgUrl);
+                            },
+                            onError: function (err) {
+                                console.error('上传失败:', err);
+                            }
+                        })];
+                case 1:
+                    result = _a.sent();
+                    return [2 /*return*/, result];
+                case 2:
+                    error_1 = _a.sent();
+                    console.error('上传异常:', error_1);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.uploadNormalImage = uploadNormalImage;
+// 2. 头像上传
+function uploadAvatar(file) {
+    return __awaiter(this, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fullOssUploader.ossUploadImage({
+                        file: file,
+                        imageType: 'avatar',
+                        quality: 0.8,
+                        businessType: aliOss_1.BusinessType.AVATAR,
+                        onSuccess: function (val) {
+                            console.log('头像上传成功:', val.imgUrl);
+                        }
+                    })];
+                case 1:
+                    result = _a.sent();
+                    return [2 /*return*/, result];
+            }
+        });
+    });
+}
+exports.uploadAvatar = uploadAvatar;
+// 3. 视频上传
+function uploadVideo(file) {
+    return __awaiter(this, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fullOssUploader.ossUploadFile({
+                        file: file,
+                        isVideo: true,
+                        onProgress: function (e) {
+                            console.log("\u89C6\u9891\u4E0A\u4F20\u8FDB\u5EA6: ".concat(e.percent, "%"));
+                        },
+                        onSuccess: function (val) {
+                            console.log('视频上传成功:', val.url);
+                        }
+                    })];
+                case 1:
+                    result = _a.sent();
+                    return [2 /*return*/, result];
+            }
+        });
+    });
+}
+exports.uploadVideo = uploadVideo;
+// 4. 身份证上传（私有）
+function uploadIdCard(file) {
+    return __awaiter(this, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fullOssUploader.ossUploadImage({
+                        file: file,
+                        imageType: 'official',
+                        idCard: true,
+                        businessType: aliOss_1.BusinessType.PRIVATE,
+                        onSuccess: function (val) {
+                            console.log('身份证上传成功:', val.imgUrl);
+                        }
+                    })];
+                case 1:
+                    result = _a.sent();
+                    return [2 /*return*/, result];
+            }
+        });
+    });
+}
+exports.uploadIdCard = uploadIdCard;
+// 5. 商品详情图片上传
+function uploadShopDetail(file) {
+    return __awaiter(this, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fullOssUploader.shopDetailUpdate({
+                        file: file,
+                        imageType: 'official',
+                        onSuccess: function (val) {
+                            console.log('商品详情图片上传成功:', val.imgUrl);
+                        }
+                    })];
+                case 1:
+                    result = _a.sent();
+                    return [2 /*return*/, result];
+            }
+        });
+    });
+}
+exports.uploadShopDetail = uploadShopDetail;