@hzab/utils 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/changelog.md +4 -0
  2. package/package.json +1 -1
  3. package/src/upload/OssUploadUtil.ts +195 -190
package/changelog.md CHANGED
@@ -1,3 +1,7 @@
1
+ # @hzab/utils@1.0.3
2
+
3
+ feat:公有环境添加缩略图地址
4
+
1
5
  # @hzab/utils@1.0.2
2
6
 
3
7
  feat: 选择 20 位的 uuid
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hzab/utils",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
4
4
  "description": "utils",
5
5
  "main": "src",
6
6
  "scripts": {
package/src/upload/OssUploadUtil.ts CHANGED
@@ -1,190 +1,195 @@
1
- import dayjs from "dayjs";
2
-
3
- import { axios } from "@hzab/data-model";
4
- import { formatDirStr } from "./uploadUtils";
5
-
6
- /**
7
- * getSignature 配置
8
- */
9
- export interface IGetSignatureOpt {
10
- /** 获取配置的接口地址 */
11
- serverUrl?: string;
12
- /** axios 实例 */
13
- axios?: typeof axios;
14
- /** axios 配置参数 */
15
- axiosConf?: Object;
16
- /** 获取配置的接口自定义入参 */
17
- params?: {
18
- /** 文件路径 */
19
- dir?: string;
20
- /** 是否是公开库 */
21
- isPublic?: number;
22
- };
23
- }
24
-
25
- /**
26
- * OssUpload props 参数
27
- */
28
- export interface IOssUploadProps {
29
- /** axios 实例 */
30
- axios?: typeof axios;
31
- /** axios 配置参数 */
32
- axiosConf?: Object;
33
- /** 获取配置的接口地址 */
34
- serverUrl?: string;
35
- /** 获取配置的接口自定义入参 */
36
- signatureParams?: {
37
- /** 文件路径 */
38
- dir?: string;
39
- /** 是否是公开库 */
40
- isPublic?: number;
41
- };
42
- }
43
-
44
- export interface IUploadOpt {
45
- fileName?: string;
46
- /** axios 实例 */
47
- axios?: typeof axios;
48
- /** axios 配置参数 */
49
- axiosConf?: Object;
50
- /** 获取配置的接口地址 */
51
- serverUrl?: string;
52
- /** 获取配置的接口自定义入参 */
53
- params?: {
54
- /** 文件路径 */
55
- dir?: string;
56
- /** 是否是公开库 */
57
- isPublic?: number;
58
- };
59
- /** 文件上传的接口自定义入参 */
60
- ossParams?: {};
61
- /** 是否使用 hash 文件名 */
62
- useHashName?: boolean;
63
- }
64
-
65
- export function getSignature(opt: IGetSignatureOpt = {}) {
66
- const { serverUrl = "/api/v1/user/oss/getWebOssConfig" } = opt;
67
- // 减 10 秒，避免发起请求时 刚好过期的情况
68
- if (
69
- window._$ossSignatureRes &&
70
- serverUrl === window._$ossSignatureRes.serverUrl &&
71
- dayjs().valueOf() - window._$ossSignatureRes.__saveTime < window._$ossSignatureRes.expireTimeMilles - 10000
72
- ) {
73
- return Promise.resolve(window._$ossSignatureRes);
74
- }
75
- const { axios: _ax = axios, params = {}, axiosConf } = opt;
76
- // 处理 dir 格式，必须为非 / 开头， / 结尾。如： test/
77
- params.dir = formatDirStr(params.dir);
78
-
79
- return _ax
80
- .get(serverUrl, {
81
- ...axiosConf,
82
- params: {
83
- isPublic: 1,
84
- ...params,
85
- },
86
- })
87
- .then((res) => {
88
- window._$ossSignatureRes = res?.data?.data ?? res?.data ?? res;
89
- if (window._$ossSignatureRes) {
90
- window._$ossSignatureRes.__saveTime = dayjs().valueOf();
91
- window._$ossSignatureRes.serverUrl = serverUrl;
92
- }
93
- return window._$ossSignatureRes;
94
- });
95
- }
96
-
97
- /**
98
- * oss 上传工具类
99
- */
100
- class OssUploadUtil {
101
- /** axios 实例 */
102
- axios: typeof axios;
103
- /** axios 配置参数 */
104
- axiosConf: Object;
105
- /** 获取配置的接口地址 */
106
- serverUrl: string;
107
- /** 获取配置的接口自定义入参 */
108
- signatureParams?: {
109
- /** 文件路径 */
110
- dir?: string;
111
- /** 是否是公开库 */
112
- isPublic?: number;
113
- };
114
-
115
- constructor(props: IOssUploadProps = {}) {
116
- this.axios = props.axios || axios;
117
- this.axiosConf = props.axiosConf || {};
118
- this.serverUrl = props.serverUrl || "/api/v1/user/oss/getWebOssConfig";
119
- this.signatureParams = props.signatureParams || {};
120
- }
121
-
122
- getSignature(serverUrl = this.serverUrl, opt) {
123
- return this._getSignature(serverUrl, opt);
124
- }
125
-
126
- upload(file, opt: IUploadOpt = {}): Promise<{ fileUrl: string }> {
127
- return this._upload(file, { ...opt });
128
- }
129
-
130
- _getSignature(serverUrl = this.serverUrl, opt) {
131
- return getSignature({
132
- ...opt,
133
- serverUrl,
134
- axios: opt?.axios || this.axios,
135
- axiosConf: { ...this.axiosConf, ...opt?.axiosConf },
136
- });
137
- }
138
-
139
- _upload(file, opt: IUploadOpt = {}): Promise<{ fileUrl: string }> {
140
- return new Promise(async (resolve, reject) => {
141
- const ossParams = await this._getSignature(opt.serverUrl || this.serverUrl, {
142
- ...opt,
143
- params: { ...this.signatureParams, ...opt.params },
144
- });
145
-
146
- const { ossParams: propOssParams, fileName } = opt || {};
147
- const formData = new FormData();
148
- // key 表示上传到 Bucket 内的 Object 的完整路径，例如 exampledir/exampleobject.txtObject，完整路径中不能包含 Bucket 名称。
149
- // filename 表示待上传的本地文件名称。
150
- const filename = fileName || file.name;
151
- const key = `${ossParams?.dir}${filename}`;
152
- formData.set("key", key);
153
- formData.set("OSSAccessKeyId", ossParams.accessid);
154
- formData.set("policy", ossParams.policy);
155
- formData.set("Signature", ossParams.signature);
156
- if (ossParams.callback) {
157
- formData.set("callback", ossParams.callback);
158
- }
159
- // @ts-ignore
160
- formData.set("success_action_status", 200);
161
- formData.set("file", file);
162
-
163
- if (propOssParams) {
164
- for (const key in propOssParams) {
165
- if (Object.hasOwnProperty.call(propOssParams, key)) {
166
- formData.set(key, propOssParams[key]);
167
- }
168
- }
169
- }
170
-
171
- const _axios = opt?.axios || this.axios;
172
-
173
- return _axios
174
- .post(ossParams.host, formData, { ...this.axiosConf, ...opt?.axiosConf })
175
- .then((res) => {
176
- resolve(res);
177
- return res;
178
- })
179
- .catch((err) => {
180
- console.error("oss upload err", err);
181
- reject(err);
182
- return Promise.reject(err);
183
- });
184
- });
185
- }
186
- }
187
-
188
- export { axios };
189
-
190
- export default OssUploadUtil;
1
+ import dayjs from "dayjs";
2
+
3
+ import { axios } from "@hzab/data-model";
4
+ import { formatDirStr } from "./uploadUtils";
5
+
6
+ /**
7
+ * getSignature 配置
8
+ */
9
+ export interface IGetSignatureOpt {
10
+ /** 获取配置的接口地址 */
11
+ serverUrl?: string;
12
+ /** axios 实例 */
13
+ axios?: typeof axios;
14
+ /** axios 配置参数 */
15
+ axiosConf?: Object;
16
+ /** 获取配置的接口自定义入参 */
17
+ params?: {
18
+ /** 文件路径 */
19
+ dir?: string;
20
+ /** 是否是公开库 */
21
+ isPublic?: number;
22
+ };
23
+ }
24
+
25
+ /**
26
+ * OssUpload props 参数
27
+ */
28
+ export interface IOssUploadProps {
29
+ /** axios 实例 */
30
+ axios?: typeof axios;
31
+ /** axios 配置参数 */
32
+ axiosConf?: Object;
33
+ /** 获取配置的接口地址 */
34
+ serverUrl?: string;
35
+ /** 获取配置的接口自定义入参 */
36
+ signatureParams?: {
37
+ /** 文件路径 */
38
+ dir?: string;
39
+ /** 是否是公开库 */
40
+ isPublic?: number;
41
+ };
42
+ }
43
+
44
+ export interface IUploadOpt {
45
+ fileName?: string;
46
+ /** axios 实例 */
47
+ axios?: typeof axios;
48
+ /** axios 配置参数 */
49
+ axiosConf?: Object;
50
+ /** 获取配置的接口地址 */
51
+ serverUrl?: string;
52
+ /** 获取配置的接口自定义入参 */
53
+ params?: {
54
+ /** 文件路径 */
55
+ dir?: string;
56
+ /** 是否是公开库 */
57
+ isPublic?: number;
58
+ };
59
+ /** 文件上传的接口自定义入参 */
60
+ ossParams?: {};
61
+ /** 是否使用 hash 文件名 */
62
+ useHashName?: boolean;
63
+ /**缩略图参数 */
64
+ thumbnailParams?: string
65
+ }
66
+
67
+ export function getSignature(opt: IGetSignatureOpt = {}) {
68
+ const { serverUrl = "/api/v1/user/oss/getWebOssConfig" } = opt;
69
+ // 减 10 秒，避免发起请求时 刚好过期的情况
70
+ if (
71
+ window._$ossSignatureRes &&
72
+ serverUrl === window._$ossSignatureRes.serverUrl &&
73
+ dayjs().valueOf() - window._$ossSignatureRes.__saveTime < window._$ossSignatureRes.expireTimeMilles - 10000
74
+ ) {
75
+ return Promise.resolve(window._$ossSignatureRes);
76
+ }
77
+ const { axios: _ax = axios, params = {}, axiosConf } = opt;
78
+ // 处理 dir 格式，必须为非 / 开头， / 结尾。如： test/
79
+ params.dir = formatDirStr(params.dir);
80
+
81
+ return _ax
82
+ .get(serverUrl, {
83
+ ...axiosConf,
84
+ params: {
85
+ isPublic: 1,
86
+ ...params,
87
+ },
88
+ })
89
+ .then((res) => {
90
+ window._$ossSignatureRes = res?.data?.data ?? res?.data ?? res;
91
+ if (window._$ossSignatureRes) {
92
+ window._$ossSignatureRes.__saveTime = dayjs().valueOf();
93
+ window._$ossSignatureRes.serverUrl = serverUrl;
94
+ }
95
+ return window._$ossSignatureRes;
96
+ });
97
+ }
98
+
99
+ /**
100
+ * oss 上传工具类
101
+ */
102
+ class OssUploadUtil {
103
+ /** axios 实例 */
104
+ axios: typeof axios;
105
+ /** axios 配置参数 */
106
+ axiosConf: Object;
107
+ /** 获取配置的接口地址 */
108
+ serverUrl: string;
109
+ /** 获取配置的接口自定义入参 */
110
+ signatureParams?: {
111
+ /** 文件路径 */
112
+ dir?: string;
113
+ /** 是否是公开库 */
114
+ isPublic?: number;
115
+ };
116
+
117
+ constructor(props: IOssUploadProps = {}) {
118
+ this.axios = props.axios || axios;
119
+ this.axiosConf = props.axiosConf || {};
120
+ this.serverUrl = props.serverUrl || "/api/v1/user/oss/getWebOssConfig";
121
+ this.signatureParams = props.signatureParams || {};
122
+ }
123
+
124
+ getSignature(serverUrl = this.serverUrl, opt) {
125
+ return this._getSignature(serverUrl, opt);
126
+ }
127
+
128
+ upload(file, opt: IUploadOpt = {}): Promise<{ fileUrl: string }> {
129
+ return this._upload(file, { ...opt });
130
+ }
131
+
132
+ _getSignature(serverUrl = this.serverUrl, opt) {
133
+ return getSignature({
134
+ ...opt,
135
+ serverUrl,
136
+ axios: opt?.axios || this.axios,
137
+ axiosConf: { ...this.axiosConf, ...opt?.axiosConf },
138
+ });
139
+ }
140
+
141
+ _upload(file, opt: IUploadOpt = {}): Promise<{ fileUrl: string }> {
142
+ return new Promise(async (resolve, reject) => {
143
+ const ossParams = await this._getSignature(opt.serverUrl || this.serverUrl, {
144
+ ...opt,
145
+ params: { ...this.signatureParams, ...opt.params },
146
+ });
147
+
148
+ const { ossParams: propOssParams, fileName } = opt || {};
149
+ const formData = new FormData();
150
+ // key 表示上传到 Bucket 内的 Object 的完整路径，例如 exampledir/exampleobject.txtObject，完整路径中不能包含 Bucket 名称。
151
+ // filename 表示待上传的本地文件名称。
152
+ const filename = fileName || file.name;
153
+ const key = `${ossParams?.dir}${filename}`;
154
+ formData.set("key", key);
155
+ formData.set("OSSAccessKeyId", ossParams.accessid);
156
+ formData.set("policy", ossParams.policy);
157
+ formData.set("Signature", ossParams.signature);
158
+ if (ossParams.callback) {
159
+ formData.set("callback", ossParams.callback);
160
+ }
161
+ // @ts-ignore
162
+ formData.set("success_action_status", 200);
163
+ formData.set("file", file);
164
+
165
+ if (propOssParams) {
166
+ for (const key in propOssParams) {
167
+ if (Object.hasOwnProperty.call(propOssParams, key)) {
168
+ formData.set(key, propOssParams[key]);
169
+ }
170
+ }
171
+ }
172
+
173
+ const _axios = opt?.axios || this.axios;
174
+
175
+ return _axios
176
+ .post(ossParams.host, formData, { ...this.axiosConf, ...opt?.axiosConf })
177
+ .then((res) => {
178
+ if (opt?.signatureParams?.isPublic === 1) {
179
+ res.data.data.thumbnailUrl = `${res?.data?.data?.fileUrl}${opt?.thumbnailParams ? '?' + opt?.thumbnailParams : ""}`
180
+ }
181
+ resolve(res);
182
+ return res;
183
+ })
184
+ .catch((err) => {
185
+ console.error("oss upload err", err);
186
+ reject(err);
187
+ return Promise.reject(err);
188
+ });
189
+ });
190
+ }
191
+ }
192
+
193
+ export { axios };
194
+
195
+ export default OssUploadUtil;