uview-pro 0.0.13 → 0.0.15

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 (234) hide show
  1. package/changelog.md +236 -217
  2. package/components/u-action-sheet/types.ts +35 -35
  3. package/components/u-action-sheet/u-action-sheet.vue +160 -160
  4. package/components/u-alert-tips/types.ts +39 -39
  5. package/components/u-alert-tips/u-alert-tips.vue +212 -212
  6. package/components/u-avatar/types.ts +34 -34
  7. package/components/u-avatar/u-avatar.vue +193 -193
  8. package/components/u-avatar-cropper/types.ts +23 -23
  9. package/components/u-avatar-cropper/u-avatar-cropper.vue +286 -286
  10. package/components/u-avatar-cropper/weCropper.d.ts +62 -62
  11. package/components/u-avatar-cropper/weCropper.js +1253 -1253
  12. package/components/u-avatar-cropper/weCropper.ts +1255 -1255
  13. package/components/u-back-top/types.ts +39 -39
  14. package/components/u-back-top/u-back-top.vue +125 -125
  15. package/components/u-badge/types.ts +36 -36
  16. package/components/u-badge/u-badge.vue +165 -165
  17. package/components/u-button/types.ts +66 -66
  18. package/components/u-button/u-button.vue +554 -554
  19. package/components/u-calendar/types.ts +63 -63
  20. package/components/u-calendar/u-calendar.vue +592 -592
  21. package/components/u-car-keyboard/types.ts +12 -12
  22. package/components/u-car-keyboard/u-car-keyboard.vue +234 -234
  23. package/components/u-card/types.ts +59 -59
  24. package/components/u-card/u-card.vue +194 -194
  25. package/components/u-cell-group/types.ts +17 -17
  26. package/components/u-cell-group/u-cell-group.vue +50 -50
  27. package/components/u-cell-item/types.ts +54 -54
  28. package/components/u-cell-item/u-cell-item.vue +202 -202
  29. package/components/u-checkbox/types.ts +31 -31
  30. package/components/u-checkbox/u-checkbox.vue +265 -265
  31. package/components/u-checkbox-group/types.ts +32 -32
  32. package/components/u-checkbox-group/u-checkbox-group.vue +79 -79
  33. package/components/u-circle-progress/types.ts +52 -52
  34. package/components/u-circle-progress/u-circle-progress.vue +189 -189
  35. package/components/u-city-select/types.ts +20 -20
  36. package/components/u-city-select/u-city-select.vue +236 -236
  37. package/components/u-col/types.ts +30 -30
  38. package/components/u-col/u-col.vue +123 -123
  39. package/components/u-collapse/types.ts +31 -31
  40. package/components/u-collapse/u-collapse.vue +68 -68
  41. package/components/u-collapse-item/types.ts +25 -25
  42. package/components/u-collapse-item/u-collapse-item.vue +176 -176
  43. package/components/u-column-notice/types.ts +48 -48
  44. package/components/u-column-notice/u-column-notice.vue +176 -176
  45. package/components/u-count-down/types.ts +42 -42
  46. package/components/u-count-down/u-count-down.vue +258 -258
  47. package/components/u-count-to/types.ts +32 -32
  48. package/components/u-count-to/u-count-to.vue +241 -241
  49. package/components/u-divider/types.ts +31 -31
  50. package/components/u-divider/u-divider.vue +121 -121
  51. package/components/u-dropdown/types.ts +32 -32
  52. package/components/u-dropdown/u-dropdown.vue +289 -289
  53. package/components/u-dropdown-item/types.ts +27 -27
  54. package/components/u-dropdown-item/u-dropdown-item.vue +123 -123
  55. package/components/u-empty/types.ts +36 -36
  56. package/components/u-empty/u-empty.vue +88 -88
  57. package/components/u-field/types.ts +69 -69
  58. package/components/u-field/u-field.vue +354 -354
  59. package/components/u-form/types.ts +6 -4
  60. package/components/u-form/u-form.vue +19 -5
  61. package/components/u-form-item/types.ts +2 -2
  62. package/components/u-form-item/u-form-item.vue +7 -6
  63. package/components/u-full-screen/types.ts +14 -14
  64. package/components/u-full-screen/u-full-screen.vue +82 -82
  65. package/components/u-gap/types.ts +18 -18
  66. package/components/u-gap/u-gap.vue +40 -40
  67. package/components/u-grid/types.ts +19 -19
  68. package/components/u-grid/u-grid.vue +93 -93
  69. package/components/u-grid-item/types.ts +16 -16
  70. package/components/u-grid-item/u-grid-item.vue +130 -130
  71. package/components/u-icon/types.ts +62 -62
  72. package/components/u-icon/u-icon.vue +274 -274
  73. package/components/u-image/types.ts +51 -49
  74. package/components/u-image/u-image.vue +222 -218
  75. package/components/u-index-anchor/types.ts +16 -16
  76. package/components/u-index-anchor/u-index-anchor.vue +86 -86
  77. package/components/u-index-list/types.ts +43 -43
  78. package/components/u-index-list/u-index-list.vue +355 -355
  79. package/components/u-input/types.ts +140 -140
  80. package/components/u-input/u-input.vue +255 -255
  81. package/components/u-keyboard/types.ts +40 -40
  82. package/components/u-keyboard/u-keyboard.vue +158 -158
  83. package/components/u-lazy-load/types.ts +37 -37
  84. package/components/u-lazy-load/u-lazy-load.vue +233 -233
  85. package/components/u-line/types.ts +44 -44
  86. package/components/u-line/u-line.vue +59 -59
  87. package/components/u-line-progress/types.ts +58 -58
  88. package/components/u-line-progress/u-line-progress.vue +109 -109
  89. package/components/u-link/types.ts +43 -43
  90. package/components/u-link/u-link.vue +75 -75
  91. package/components/u-loading/types.ts +35 -35
  92. package/components/u-loading/u-loading.vue +90 -90
  93. package/components/u-loadmore/types.ts +79 -79
  94. package/components/u-loadmore/u-loadmore.vue +140 -140
  95. package/components/u-mask/types.ts +43 -43
  96. package/components/u-mask/u-mask.vue +106 -106
  97. package/components/u-message-input/types.ts +74 -74
  98. package/components/u-message-input/u-message-input.vue +255 -255
  99. package/components/u-modal/types.ts +118 -118
  100. package/components/u-modal/u-modal.vue +200 -200
  101. package/components/u-navbar/types.ts +103 -103
  102. package/components/u-navbar/u-navbar.vue +226 -226
  103. package/components/u-no-network/image.ts +2 -2
  104. package/components/u-no-network/types.ts +28 -28
  105. package/components/u-no-network/u-no-network.vue +290 -290
  106. package/components/u-notice-bar/types.ts +111 -111
  107. package/components/u-notice-bar/u-notice-bar.vue +174 -174
  108. package/components/u-number-box/types.ts +42 -42
  109. package/components/u-number-box/u-number-box.vue +312 -312
  110. package/components/u-number-keyboard/types.ts +26 -26
  111. package/components/u-number-keyboard/u-number-keyboard.vue +166 -166
  112. package/components/u-picker/types.ts +111 -111
  113. package/components/u-picker/u-picker.vue +637 -637
  114. package/components/u-popup/types.ts +59 -59
  115. package/components/u-popup/u-popup.vue +359 -359
  116. package/components/u-radio/types.ts +25 -25
  117. package/components/u-radio/u-radio.vue +258 -258
  118. package/components/u-radio-group/types.ts +29 -29
  119. package/components/u-radio-group/u-radio-group.vue +98 -98
  120. package/components/u-rate/types.ts +40 -40
  121. package/components/u-rate/u-rate.vue +234 -234
  122. package/components/u-read-more/types.ts +35 -35
  123. package/components/u-read-more/u-read-more.vue +150 -150
  124. package/components/u-row/types.ts +20 -20
  125. package/components/u-row/u-row.vue +87 -87
  126. package/components/u-row-notice/types.ts +39 -39
  127. package/components/u-row-notice/u-row-notice.vue +213 -213
  128. package/components/u-search/types.ts +53 -53
  129. package/components/u-search/u-search.vue +256 -256
  130. package/components/u-section/types.ts +32 -32
  131. package/components/u-section/u-section.vue +125 -125
  132. package/components/u-select/types.ts +43 -43
  133. package/components/u-select/u-select.vue +361 -345
  134. package/components/u-skeleton/types.ts +20 -20
  135. package/components/u-skeleton/u-skeleton.vue +205 -205
  136. package/components/u-slider/types.ts +32 -32
  137. package/components/u-slider/u-slider.vue +238 -238
  138. package/components/u-steps/types.ts +28 -28
  139. package/components/u-steps/u-steps.vue +160 -160
  140. package/components/u-sticky/types.ts +22 -22
  141. package/components/u-sticky/u-sticky.vue +159 -159
  142. package/components/u-subsection/types.ts +36 -36
  143. package/components/u-subsection/u-subsection.vue +328 -328
  144. package/components/u-swipe-action/types.ts +50 -50
  145. package/components/u-swipe-action/u-swipe-action.vue +253 -252
  146. package/components/u-swiper/types.ts +47 -47
  147. package/components/u-swiper/u-swiper.vue +266 -266
  148. package/components/u-switch/types.ts +28 -28
  149. package/components/u-switch/u-switch.vue +128 -128
  150. package/components/u-tabbar/types.ts +36 -36
  151. package/components/u-tabbar/u-tabbar.vue +280 -280
  152. package/components/u-table/types.ts +25 -25
  153. package/components/u-table/u-table.vue +55 -55
  154. package/components/u-tabs/types.ts +51 -51
  155. package/components/u-tabs/u-tabs.vue +284 -284
  156. package/components/u-tabs-swiper/types.ts +53 -53
  157. package/components/u-tabs-swiper/u-tabs-swiper.vue +379 -379
  158. package/components/u-tag/types.ts +37 -37
  159. package/components/u-tag/u-tag.vue +244 -244
  160. package/components/u-td/types.ts +12 -12
  161. package/components/u-td/u-td.vue +69 -69
  162. package/components/u-th/types.ts +12 -12
  163. package/components/u-th/u-th.vue +63 -63
  164. package/components/u-time-line/u-time-line.vue +39 -39
  165. package/components/u-time-line-item/types.ts +14 -14
  166. package/components/u-time-line-item/u-time-line-item.vue +78 -78
  167. package/components/u-toast/types.ts +36 -36
  168. package/components/u-toast/u-toast.vue +233 -233
  169. package/components/u-top-tips/types.ts +14 -14
  170. package/components/u-top-tips/u-top-tips.vue +113 -113
  171. package/components/u-tr/types.ts +8 -8
  172. package/components/u-tr/u-tr.vue +24 -24
  173. package/components/u-upload/types.ts +71 -71
  174. package/components/u-upload/u-upload.vue +545 -545
  175. package/components/u-verification-code/types.ts +22 -22
  176. package/components/u-verification-code/u-verification-code.vue +164 -164
  177. package/components/u-waterfall/types.ts +16 -16
  178. package/components/u-waterfall/u-waterfall.vue +170 -170
  179. package/iconfont.css +910 -910
  180. package/index.scss +22 -22
  181. package/index.ts +202 -202
  182. package/libs/config/config.ts +26 -26
  183. package/libs/config/zIndex.ts +37 -37
  184. package/libs/css/color.scss +155 -155
  185. package/libs/css/common.scss +175 -175
  186. package/libs/css/style.components.scss +6 -6
  187. package/libs/css/style.h5.scss +8 -8
  188. package/libs/css/style.mp.scss +72 -72
  189. package/libs/css/style.nvue.scss +2 -2
  190. package/libs/css/style.vue.scss +175 -175
  191. package/libs/function/$parent.ts +22 -22
  192. package/libs/function/addUnit.ts +13 -13
  193. package/libs/function/color.ts +36 -36
  194. package/libs/function/colorGradient.ts +125 -125
  195. package/libs/function/debounce.ts +28 -28
  196. package/libs/function/deepClone.ts +39 -39
  197. package/libs/function/deepMerge.ts +34 -34
  198. package/libs/function/getParent.ts +58 -58
  199. package/libs/function/getRect.ts +26 -26
  200. package/libs/function/guid.ts +42 -42
  201. package/libs/function/md5.ts +398 -398
  202. package/libs/function/parent.ts +21 -21
  203. package/libs/function/queryParams.ts +60 -60
  204. package/libs/function/random.ts +16 -16
  205. package/libs/function/randomArray.ts +11 -11
  206. package/libs/function/route.ts +118 -118
  207. package/libs/function/sys.ts +15 -15
  208. package/libs/function/test.ts +229 -229
  209. package/libs/function/throttle.ts +31 -31
  210. package/libs/function/timeFormat.ts +54 -54
  211. package/libs/function/timeFrom.ts +48 -48
  212. package/libs/function/toast.ts +14 -14
  213. package/libs/function/trim.ts +21 -21
  214. package/libs/function/type2icon.ts +36 -36
  215. package/libs/hooks/useEmitter.ts +77 -77
  216. package/libs/hooks/useParent.ts +29 -29
  217. package/libs/request/auto-http.ts +76 -76
  218. package/libs/request/index.ts +237 -237
  219. package/libs/request/uni-http.md +156 -156
  220. package/libs/request/uni-http.ts +434 -434
  221. package/libs/store/index.ts +88 -88
  222. package/libs/util/async-validator.d.ts +62 -62
  223. package/libs/util/async-validator.js +1356 -1356
  224. package/libs/util/emitter.ts +112 -112
  225. package/libs/util/mitt.ts +118 -118
  226. package/libs/util/parent.ts +20 -20
  227. package/package.json +107 -107
  228. package/readme.md +231 -236
  229. package/theme.scss +38 -38
  230. package/types/components.d.ts +94 -94
  231. package/types/global.d.ts +221 -208
  232. package/types/ignore-errors.d.ts +30 -30
  233. package/types/index.d.ts +90 -90
  234. package/types/uni-app.d.ts +63 -63
@@ -1,434 +1,434 @@
1
- /**
2
- * 通用 uni-app 网络请求,uni.request
3
- * 基于 Promise 对象实现更简单的 request 使用方式,支持请求和响应拦截
4
- * @author anyup
5
- */
6
- import deepMerge from '../function/deepMerge';
7
-
8
- // 请求内容类型枚举
9
- export enum ContentType {
10
- JSON = 'application/json;charset=UTF-8',
11
- URLENCODED = 'application/x-www-form-urlencoded',
12
- FORMDATA = 'multipart/form-data'
13
- }
14
-
15
- // 请求方法类型
16
- export type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'HEAD' | 'DELETE' | 'UPLOAD';
17
-
18
- // 请求头类型
19
- export type HttpHeaderType = Record<string, string>;
20
-
21
- // 请求配置类型
22
- export interface HttpRequestConfig {
23
- baseURL?: string;
24
- url?: string | Function;
25
- header?: HttpHeaderType;
26
- data?: unknown;
27
- method?: HttpMethod;
28
- dataType?: string;
29
- responseType?: string;
30
- success?: (res: unknown) => void;
31
- fail?: (err: unknown) => void;
32
- complete?: (res: unknown) => void;
33
- [key: string]: unknown;
34
- }
35
-
36
- // 拦截器类型
37
- export interface Interceptor<T = unknown> {
38
- handler?: (arg: T, P: typeof Promise) => unknown;
39
- onerror?: (arg: T, P: typeof Promise) => unknown;
40
- complete?: (arg: T, P: typeof Promise) => unknown;
41
- use: (...args: any[]) => void;
42
- lock?: () => void;
43
- unlock?: () => void;
44
- clear?: () => void;
45
- p?: Promise<unknown> | null;
46
- }
47
-
48
- /**
49
- * HttpHeader 构造器,自动处理 Content-Type
50
- */
51
- export class HttpHeader {
52
- [key: string]: string;
53
- constructor(params: HttpHeaderType) {
54
- Object.keys(params).forEach(key => {
55
- if (key === 'Content-Type') {
56
- this[key] = ContentType[params[key] as keyof typeof ContentType] || params[key];
57
- } else {
58
- this[key] = params[key];
59
- }
60
- });
61
- }
62
- }
63
-
64
- /**
65
- * Builder 用于批量生成 API 方法
66
- */
67
- export class Builder {
68
- private http: Http;
69
- constructor(http: Http) {
70
- this.http = http;
71
- }
72
- /**
73
- * 根据 url 配置表批量生成 API 方法
74
- */
75
- dispatch(urls: Record<string, any>) {
76
- const obj: Record<string, any> = {};
77
- Object.keys(urls).forEach(name => {
78
- obj[name] = this.use.bind(this, urls[name]);
79
- });
80
- return obj;
81
- }
82
- /**
83
- * 发送请求
84
- */
85
- use<T = unknown>(urlConfig: Record<string, any>, data?: unknown, config: HttpRequestConfig = {}): Promise<T> {
86
- // 请求地址
87
- let url = config?.url ?? urlConfig.url;
88
- // 兼容 restful url,如果是使用url为function,则为restful格式
89
- if (config.url && typeof config.url === 'function') {
90
- url = `${urlConfig.url}${config.url()}`;
91
- }
92
- // 请求类型,get,post,put,delete
93
- const method = config?.method ?? urlConfig?.method ?? 'GET';
94
- const options = { ...deepMerge(urlConfig, config), url, method };
95
- return this.http.request<T>(options);
96
- }
97
- }
98
-
99
- /**
100
- * Http 主类,支持拦截器、链式配置、类型完善
101
- */
102
- export class Http {
103
- static Builder = Builder;
104
- config: HttpRequestConfig;
105
- interceptors: {
106
- response: Interceptor;
107
- request: Interceptor;
108
- };
109
-
110
- constructor(options: HttpRequestConfig = {}) {
111
- this.config = {
112
- baseURL: '',
113
- header: new HttpHeader({ 'Content-Type': 'JSON' }),
114
- data: {},
115
- method: 'GET',
116
- dataType: 'json',
117
- responseType: 'text',
118
- success() {},
119
- fail() {},
120
- complete() {},
121
- ...options
122
- };
123
- this.interceptors = {
124
- response: {
125
- use(handler, onerror, complete) {
126
- this.handler = handler;
127
- this.onerror = onerror;
128
- this.complete = complete;
129
- }
130
- },
131
- request: {
132
- use(handler) {
133
- this.handler = handler;
134
- }
135
- }
136
- };
137
- wrap(this.interceptors.request);
138
- wrap(this.interceptors.response);
139
- }
140
-
141
- /**
142
- * 设置 baseURL
143
- */
144
- setBaseURL(baseURL: string) {
145
- this.config.baseURL = baseURL;
146
- return this;
147
- }
148
-
149
- /**
150
- * 设置 header
151
- */
152
- setHeader(header: HttpHeaderType) {
153
- this.config.header = { ...this.config.header, ...header };
154
- return this;
155
- }
156
-
157
- /**
158
- * 设置 data
159
- */
160
- setData(data: unknown) {
161
- if (isArray(data)) {
162
- this.config.data = data;
163
- } else if (isObject(data) && isObject(this.config.data)) {
164
- this.config.data = { ...(this.config.data as object), ...(data as object) };
165
- } else {
166
- this.config.data = data;
167
- }
168
- return this;
169
- }
170
-
171
- /**
172
- * 设置其他 options
173
- */
174
- setOptions(options: HttpRequestConfig) {
175
- this.config = { ...this.config, ...options };
176
- }
177
-
178
- /**
179
- * 请求主方法
180
- * @param options 实时传递的配置
181
- * @returns Promise
182
- * 说明:配置优先级 实时传递的 options > 公共配置的 config
183
- */
184
- request<T = unknown>(options: HttpRequestConfig = {}): Promise<T> {
185
- if (!options) options = {};
186
- // 请求体
187
- const data = options.data || {};
188
- // 请求baseURL:优先级为:实时传递的 > 公共配置的
189
- options.baseURL = options.baseURL !== undefined ? options.baseURL : this.config.baseURL;
190
- // 请求头:合并公共配置与实时设置的header, 且优先级实时设置会覆盖公共配置的
191
- options.header = { ...this.config.header, ...options.header };
192
- // 请求方式:优先级为:实时传递的 > 公共配置的
193
- options.method = options.method || this.config.method;
194
- // 数据格式:默认json
195
- options.dataType = options.dataType || this.config.dataType;
196
- // 请求体:优先级为:实时传递的 > 公共配置的
197
- if (isArray(data)) {
198
- options.data = data;
199
- } else if (isObject(data) && isObject(this.config.data)) {
200
- options.data = { ...(this.config.data as object), ...(data as object) };
201
- } else {
202
- options.data = data;
203
- }
204
-
205
- // 拦截器处理
206
- const interceptors = this.interceptors;
207
- const requestInterceptor = interceptors.request;
208
- const responseInterceptor = interceptors.response;
209
- const requestInterceptorHandler = requestInterceptor.handler;
210
-
211
- return new Promise((resolve: (value: T) => void, reject: (reason?: unknown) => void) => {
212
- function isPromise(p: unknown): p is Promise<unknown> {
213
- return !!p && typeof (p as any).then === 'function' && typeof (p as any).catch === 'function';
214
- }
215
- function enqueueIfLocked(promise: Promise<unknown> | null | undefined, callback: () => void) {
216
- if (promise) {
217
- promise.then(() => {
218
- callback();
219
- });
220
- } else {
221
- callback();
222
- }
223
- }
224
- function onresult(handler: ((arg: unknown, P: typeof Promise) => unknown) | undefined, response: unknown, type: number) {
225
- enqueueIfLocked(responseInterceptor.p, function () {
226
- if (handler) {
227
- (response as any).request = options;
228
- const ret = handler.call(responseInterceptor, response, Promise);
229
- response = ret === undefined ? response : ret;
230
- }
231
- if (!isPromise(response)) {
232
- response = Promise[type === 0 ? 'resolve' : 'reject'](response);
233
- }
234
- (response as Promise<unknown>)
235
- .then((d: unknown) => {
236
- resolve((d as any).data as T);
237
- })
238
- .catch((e: unknown) => {
239
- reject(e);
240
- });
241
- });
242
- }
243
- (options as any).complete = (response: unknown) => {
244
- const statusCode: number = (response as any).statusCode;
245
- let type = 0;
246
- if ((statusCode >= 200 && statusCode < 300) || statusCode === 304) {
247
- type = 0;
248
- onresult(responseInterceptor.handler, response, type);
249
- } else {
250
- type = -1;
251
- onresult(responseInterceptor.onerror, response, type);
252
- }
253
- onresult(responseInterceptor.complete, response, type);
254
- };
255
- enqueueIfLocked(requestInterceptor.p, () => {
256
- options = Object.assign({}, this.config, options);
257
- (options as any).requestId = new Date().getTime();
258
- let ret: unknown = options;
259
- if (requestInterceptorHandler) {
260
- ret = requestInterceptorHandler.call(requestInterceptor, options, Promise) || options;
261
- }
262
- if (!isPromise(ret)) {
263
- ret = Promise.resolve(ret);
264
- }
265
- (ret as Promise<unknown>).then(
266
- (d: unknown) => {
267
- if (d === options) {
268
- // 这里断言为 any,兼容 baseURL、restURL、url、method 等属性
269
- const req = d as any;
270
- req.url = req.url && req.url.indexOf('http') !== 0 ? req.baseURL + req.url : req.url;
271
- req.url = req.restURL ? req.url + req.restURL : req.url;
272
- req.method = req.method.toUpperCase();
273
- if (req.method === 'UPLOAD') {
274
- uni.uploadFile(req);
275
- } else {
276
- uni.request(req);
277
- }
278
- } else {
279
- resolve(d as T);
280
- }
281
- },
282
- (err: unknown) => {
283
- reject(err);
284
- }
285
- );
286
- });
287
- });
288
- }
289
-
290
- /**
291
- * 并发请求
292
- */
293
- all<T = unknown>(promises: Promise<T>[]): Promise<T[]> {
294
- return Promise.all(promises);
295
- }
296
-
297
- /**
298
- * GET 请求
299
- */
300
- get<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
301
- return this.request<T>(merge({ url, data, method: 'GET' }, option));
302
- }
303
- /**
304
- * POST 请求
305
- */
306
- post<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
307
- return this.request<T>(merge({ url, data, method: 'POST' }, option));
308
- }
309
- /**
310
- * PUT 请求
311
- */
312
- put<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
313
- return this.request<T>(merge({ url, data, method: 'PUT' }, option));
314
- }
315
- /**
316
- * PATCH 请求
317
- */
318
- patch<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
319
- return this.request<T>(merge({ url, data, method: 'PATCH' }, option));
320
- }
321
- /**
322
- * HEAD 请求
323
- */
324
- head<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
325
- return this.request<T>(merge({ url, data, method: 'HEAD' }, option));
326
- }
327
- /**
328
- * DELETE 请求
329
- */
330
- delete<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
331
- return this.request<T>(merge({ url, data, method: 'DELETE' }, option));
332
- }
333
- /**
334
- * UPLOAD 文件上传
335
- */
336
- upload<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
337
- return this.request<T>(merge({ url, data, method: 'UPLOAD' }, option));
338
- }
339
-
340
- /**
341
- * 拦截器锁定
342
- */
343
- lock(): void {
344
- const fn = this.interceptors.request.lock;
345
- if (typeof fn === 'function') {
346
- fn.call(this.interceptors.request);
347
- }
348
- }
349
- /**
350
- * 拦截器解锁
351
- */
352
- unlock(): void {
353
- const fn = this.interceptors.request.unlock;
354
- if (typeof fn === 'function') {
355
- fn.call(this.interceptors.request);
356
- }
357
- }
358
- /**
359
- * 拦截器清空
360
- */
361
- clear(): void {
362
- const fn = this.interceptors.request.clear;
363
- if (typeof fn === 'function') {
364
- fn.call(this.interceptors.request);
365
- }
366
- }
367
- }
368
-
369
- // 数据合并
370
- function merge(a: any, b: any): any {
371
- for (const key in b) {
372
- if (!a.hasOwnProperty(key)) {
373
- a[key] = b[key];
374
- } else if (isObject(b[key], 1) && isObject(a[key], 1)) {
375
- merge(a[key], b[key]);
376
- }
377
- }
378
- return a;
379
- }
380
-
381
- function isObject(ob: any, real?: number): boolean {
382
- if (real) {
383
- return Object.prototype.toString.call(ob).slice(8, -1).toLowerCase() === 'object';
384
- } else {
385
- return ob && typeof ob === 'object';
386
- }
387
- }
388
-
389
- function isArray(value: any): value is any[] {
390
- return Array.isArray(value);
391
- }
392
-
393
- function wrap(interceptor: Interceptor) {
394
- let resolve: ((value?: unknown) => void) | null;
395
- let reject: ((reason?: any) => void) | null;
396
- function _clear() {
397
- interceptor.p = resolve = reject = null;
398
- }
399
- merge(interceptor, {
400
- lock() {
401
- if (!resolve) {
402
- interceptor.p = new Promise((_resolve, _reject) => {
403
- resolve = _resolve;
404
- reject = _reject;
405
- });
406
- }
407
- },
408
- unlock() {
409
- if (resolve) {
410
- resolve();
411
- _clear();
412
- }
413
- },
414
- clear() {
415
- if (reject) {
416
- reject('cancel');
417
- _clear();
418
- }
419
- }
420
- });
421
- }
422
-
423
- /**
424
- * useHttp hooks 工厂函数,推荐唯一入口
425
- * @param options 可选的全局配置
426
- * @returns http 实例(包含 get/post/put/delete 等方法和拦截器)
427
- */
428
- export function useHttp(options: HttpRequestConfig = {}) {
429
- const http = new Http(options);
430
- return http;
431
- }
432
-
433
- // 只导出 useHttp,不再导出 Http 类实例化方式
434
- export default useHttp;
1
+ /**
2
+ * 通用 uni-app 网络请求,uni.request
3
+ * 基于 Promise 对象实现更简单的 request 使用方式,支持请求和响应拦截
4
+ * @author anyup
5
+ */
6
+ import deepMerge from '../function/deepMerge';
7
+
8
+ // 请求内容类型枚举
9
+ export enum ContentType {
10
+ JSON = 'application/json;charset=UTF-8',
11
+ URLENCODED = 'application/x-www-form-urlencoded',
12
+ FORMDATA = 'multipart/form-data'
13
+ }
14
+
15
+ // 请求方法类型
16
+ export type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'HEAD' | 'DELETE' | 'UPLOAD';
17
+
18
+ // 请求头类型
19
+ export type HttpHeaderType = Record<string, string>;
20
+
21
+ // 请求配置类型
22
+ export interface HttpRequestConfig {
23
+ baseURL?: string;
24
+ url?: string | Function;
25
+ header?: HttpHeaderType;
26
+ data?: unknown;
27
+ method?: HttpMethod;
28
+ dataType?: string;
29
+ responseType?: string;
30
+ success?: (res: unknown) => void;
31
+ fail?: (err: unknown) => void;
32
+ complete?: (res: unknown) => void;
33
+ [key: string]: unknown;
34
+ }
35
+
36
+ // 拦截器类型
37
+ export interface Interceptor<T = unknown> {
38
+ handler?: (arg: T, P: typeof Promise) => unknown;
39
+ onerror?: (arg: T, P: typeof Promise) => unknown;
40
+ complete?: (arg: T, P: typeof Promise) => unknown;
41
+ use: (...args: any[]) => void;
42
+ lock?: () => void;
43
+ unlock?: () => void;
44
+ clear?: () => void;
45
+ p?: Promise<unknown> | null;
46
+ }
47
+
48
+ /**
49
+ * HttpHeader 构造器,自动处理 Content-Type
50
+ */
51
+ export class HttpHeader {
52
+ [key: string]: string;
53
+ constructor(params: HttpHeaderType) {
54
+ Object.keys(params).forEach(key => {
55
+ if (key === 'Content-Type') {
56
+ this[key] = ContentType[params[key] as keyof typeof ContentType] || params[key];
57
+ } else {
58
+ this[key] = params[key];
59
+ }
60
+ });
61
+ }
62
+ }
63
+
64
+ /**
65
+ * Builder 用于批量生成 API 方法
66
+ */
67
+ export class Builder {
68
+ private http: Http;
69
+ constructor(http: Http) {
70
+ this.http = http;
71
+ }
72
+ /**
73
+ * 根据 url 配置表批量生成 API 方法
74
+ */
75
+ dispatch(urls: Record<string, any>) {
76
+ const obj: Record<string, any> = {};
77
+ Object.keys(urls).forEach(name => {
78
+ obj[name] = this.use.bind(this, urls[name]);
79
+ });
80
+ return obj;
81
+ }
82
+ /**
83
+ * 发送请求
84
+ */
85
+ use<T = unknown>(urlConfig: Record<string, any>, data?: unknown, config: HttpRequestConfig = {}): Promise<T> {
86
+ // 请求地址
87
+ let url = config?.url ?? urlConfig.url;
88
+ // 兼容 restful url,如果是使用url为function,则为restful格式
89
+ if (config.url && typeof config.url === 'function') {
90
+ url = `${urlConfig.url}${config.url()}`;
91
+ }
92
+ // 请求类型,get,post,put,delete
93
+ const method = config?.method ?? urlConfig?.method ?? 'GET';
94
+ const options = { ...deepMerge(urlConfig, config), url, method };
95
+ return this.http.request<T>(options);
96
+ }
97
+ }
98
+
99
+ /**
100
+ * Http 主类,支持拦截器、链式配置、类型完善
101
+ */
102
+ export class Http {
103
+ static Builder = Builder;
104
+ config: HttpRequestConfig;
105
+ interceptors: {
106
+ response: Interceptor;
107
+ request: Interceptor;
108
+ };
109
+
110
+ constructor(options: HttpRequestConfig = {}) {
111
+ this.config = {
112
+ baseURL: '',
113
+ header: new HttpHeader({ 'Content-Type': 'JSON' }),
114
+ data: {},
115
+ method: 'GET',
116
+ dataType: 'json',
117
+ responseType: 'text',
118
+ success() {},
119
+ fail() {},
120
+ complete() {},
121
+ ...options
122
+ };
123
+ this.interceptors = {
124
+ response: {
125
+ use(handler, onerror, complete) {
126
+ this.handler = handler;
127
+ this.onerror = onerror;
128
+ this.complete = complete;
129
+ }
130
+ },
131
+ request: {
132
+ use(handler) {
133
+ this.handler = handler;
134
+ }
135
+ }
136
+ };
137
+ wrap(this.interceptors.request);
138
+ wrap(this.interceptors.response);
139
+ }
140
+
141
+ /**
142
+ * 设置 baseURL
143
+ */
144
+ setBaseURL(baseURL: string) {
145
+ this.config.baseURL = baseURL;
146
+ return this;
147
+ }
148
+
149
+ /**
150
+ * 设置 header
151
+ */
152
+ setHeader(header: HttpHeaderType) {
153
+ this.config.header = { ...this.config.header, ...header };
154
+ return this;
155
+ }
156
+
157
+ /**
158
+ * 设置 data
159
+ */
160
+ setData(data: unknown) {
161
+ if (isArray(data)) {
162
+ this.config.data = data;
163
+ } else if (isObject(data) && isObject(this.config.data)) {
164
+ this.config.data = { ...(this.config.data as object), ...(data as object) };
165
+ } else {
166
+ this.config.data = data;
167
+ }
168
+ return this;
169
+ }
170
+
171
+ /**
172
+ * 设置其他 options
173
+ */
174
+ setOptions(options: HttpRequestConfig) {
175
+ this.config = { ...this.config, ...options };
176
+ }
177
+
178
+ /**
179
+ * 请求主方法
180
+ * @param options 实时传递的配置
181
+ * @returns Promise
182
+ * 说明:配置优先级 实时传递的 options > 公共配置的 config
183
+ */
184
+ request<T = unknown>(options: HttpRequestConfig = {}): Promise<T> {
185
+ if (!options) options = {};
186
+ // 请求体
187
+ const data = options.data || {};
188
+ // 请求baseURL:优先级为:实时传递的 > 公共配置的
189
+ options.baseURL = options.baseURL !== undefined ? options.baseURL : this.config.baseURL;
190
+ // 请求头:合并公共配置与实时设置的header, 且优先级实时设置会覆盖公共配置的
191
+ options.header = { ...this.config.header, ...options.header };
192
+ // 请求方式:优先级为:实时传递的 > 公共配置的
193
+ options.method = options.method || this.config.method;
194
+ // 数据格式:默认json
195
+ options.dataType = options.dataType || this.config.dataType;
196
+ // 请求体:优先级为:实时传递的 > 公共配置的
197
+ if (isArray(data)) {
198
+ options.data = data;
199
+ } else if (isObject(data) && isObject(this.config.data)) {
200
+ options.data = { ...(this.config.data as object), ...(data as object) };
201
+ } else {
202
+ options.data = data;
203
+ }
204
+
205
+ // 拦截器处理
206
+ const interceptors = this.interceptors;
207
+ const requestInterceptor = interceptors.request;
208
+ const responseInterceptor = interceptors.response;
209
+ const requestInterceptorHandler = requestInterceptor.handler;
210
+
211
+ return new Promise((resolve: (value: T) => void, reject: (reason?: unknown) => void) => {
212
+ function isPromise(p: unknown): p is Promise<unknown> {
213
+ return !!p && typeof (p as any).then === 'function' && typeof (p as any).catch === 'function';
214
+ }
215
+ function enqueueIfLocked(promise: Promise<unknown> | null | undefined, callback: () => void) {
216
+ if (promise) {
217
+ promise.then(() => {
218
+ callback();
219
+ });
220
+ } else {
221
+ callback();
222
+ }
223
+ }
224
+ function onresult(handler: ((arg: unknown, P: typeof Promise) => unknown) | undefined, response: unknown, type: number) {
225
+ enqueueIfLocked(responseInterceptor.p, function () {
226
+ if (handler) {
227
+ (response as any).request = options;
228
+ const ret = handler.call(responseInterceptor, response, Promise);
229
+ response = ret === undefined ? response : ret;
230
+ }
231
+ if (!isPromise(response)) {
232
+ response = Promise[type === 0 ? 'resolve' : 'reject'](response);
233
+ }
234
+ (response as Promise<unknown>)
235
+ .then((d: unknown) => {
236
+ resolve((d as any).data as T);
237
+ })
238
+ .catch((e: unknown) => {
239
+ reject(e);
240
+ });
241
+ });
242
+ }
243
+ (options as any).complete = (response: unknown) => {
244
+ const statusCode: number = (response as any).statusCode;
245
+ let type = 0;
246
+ if ((statusCode >= 200 && statusCode < 300) || statusCode === 304) {
247
+ type = 0;
248
+ onresult(responseInterceptor.handler, response, type);
249
+ } else {
250
+ type = -1;
251
+ onresult(responseInterceptor.onerror, response, type);
252
+ }
253
+ onresult(responseInterceptor.complete, response, type);
254
+ };
255
+ enqueueIfLocked(requestInterceptor.p, () => {
256
+ options = Object.assign({}, this.config, options);
257
+ (options as any).requestId = new Date().getTime();
258
+ let ret: unknown = options;
259
+ if (requestInterceptorHandler) {
260
+ ret = requestInterceptorHandler.call(requestInterceptor, options, Promise) || options;
261
+ }
262
+ if (!isPromise(ret)) {
263
+ ret = Promise.resolve(ret);
264
+ }
265
+ (ret as Promise<unknown>).then(
266
+ (d: unknown) => {
267
+ if (d === options) {
268
+ // 这里断言为 any,兼容 baseURL、restURL、url、method 等属性
269
+ const req = d as any;
270
+ req.url = req.url && req.url.indexOf('http') !== 0 ? req.baseURL + req.url : req.url;
271
+ req.url = req.restURL ? req.url + req.restURL : req.url;
272
+ req.method = req.method.toUpperCase();
273
+ if (req.method === 'UPLOAD') {
274
+ uni.uploadFile(req);
275
+ } else {
276
+ uni.request(req);
277
+ }
278
+ } else {
279
+ resolve(d as T);
280
+ }
281
+ },
282
+ (err: unknown) => {
283
+ reject(err);
284
+ }
285
+ );
286
+ });
287
+ });
288
+ }
289
+
290
+ /**
291
+ * 并发请求
292
+ */
293
+ all<T = unknown>(promises: Promise<T>[]): Promise<T[]> {
294
+ return Promise.all(promises);
295
+ }
296
+
297
+ /**
298
+ * GET 请求
299
+ */
300
+ get<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
301
+ return this.request<T>(merge({ url, data, method: 'GET' }, option));
302
+ }
303
+ /**
304
+ * POST 请求
305
+ */
306
+ post<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
307
+ return this.request<T>(merge({ url, data, method: 'POST' }, option));
308
+ }
309
+ /**
310
+ * PUT 请求
311
+ */
312
+ put<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
313
+ return this.request<T>(merge({ url, data, method: 'PUT' }, option));
314
+ }
315
+ /**
316
+ * PATCH 请求
317
+ */
318
+ patch<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
319
+ return this.request<T>(merge({ url, data, method: 'PATCH' }, option));
320
+ }
321
+ /**
322
+ * HEAD 请求
323
+ */
324
+ head<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
325
+ return this.request<T>(merge({ url, data, method: 'HEAD' }, option));
326
+ }
327
+ /**
328
+ * DELETE 请求
329
+ */
330
+ delete<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
331
+ return this.request<T>(merge({ url, data, method: 'DELETE' }, option));
332
+ }
333
+ /**
334
+ * UPLOAD 文件上传
335
+ */
336
+ upload<T = unknown>(url: string, data?: unknown, option?: HttpRequestConfig): Promise<T> {
337
+ return this.request<T>(merge({ url, data, method: 'UPLOAD' }, option));
338
+ }
339
+
340
+ /**
341
+ * 拦截器锁定
342
+ */
343
+ lock(): void {
344
+ const fn = this.interceptors.request.lock;
345
+ if (typeof fn === 'function') {
346
+ fn.call(this.interceptors.request);
347
+ }
348
+ }
349
+ /**
350
+ * 拦截器解锁
351
+ */
352
+ unlock(): void {
353
+ const fn = this.interceptors.request.unlock;
354
+ if (typeof fn === 'function') {
355
+ fn.call(this.interceptors.request);
356
+ }
357
+ }
358
+ /**
359
+ * 拦截器清空
360
+ */
361
+ clear(): void {
362
+ const fn = this.interceptors.request.clear;
363
+ if (typeof fn === 'function') {
364
+ fn.call(this.interceptors.request);
365
+ }
366
+ }
367
+ }
368
+
369
+ // 数据合并
370
+ function merge(a: any, b: any): any {
371
+ for (const key in b) {
372
+ if (!a.hasOwnProperty(key)) {
373
+ a[key] = b[key];
374
+ } else if (isObject(b[key], 1) && isObject(a[key], 1)) {
375
+ merge(a[key], b[key]);
376
+ }
377
+ }
378
+ return a;
379
+ }
380
+
381
+ function isObject(ob: any, real?: number): boolean {
382
+ if (real) {
383
+ return Object.prototype.toString.call(ob).slice(8, -1).toLowerCase() === 'object';
384
+ } else {
385
+ return ob && typeof ob === 'object';
386
+ }
387
+ }
388
+
389
+ function isArray(value: any): value is any[] {
390
+ return Array.isArray(value);
391
+ }
392
+
393
+ function wrap(interceptor: Interceptor) {
394
+ let resolve: ((value?: unknown) => void) | null;
395
+ let reject: ((reason?: any) => void) | null;
396
+ function _clear() {
397
+ interceptor.p = resolve = reject = null;
398
+ }
399
+ merge(interceptor, {
400
+ lock() {
401
+ if (!resolve) {
402
+ interceptor.p = new Promise((_resolve, _reject) => {
403
+ resolve = _resolve;
404
+ reject = _reject;
405
+ });
406
+ }
407
+ },
408
+ unlock() {
409
+ if (resolve) {
410
+ resolve();
411
+ _clear();
412
+ }
413
+ },
414
+ clear() {
415
+ if (reject) {
416
+ reject('cancel');
417
+ _clear();
418
+ }
419
+ }
420
+ });
421
+ }
422
+
423
+ /**
424
+ * useHttp hooks 工厂函数,推荐唯一入口
425
+ * @param options 可选的全局配置
426
+ * @returns http 实例(包含 get/post/put/delete 等方法和拦截器)
427
+ */
428
+ export function useHttp(options: HttpRequestConfig = {}) {
429
+ const http = new Http(options);
430
+ return http;
431
+ }
432
+
433
+ // 只导出 useHttp,不再导出 Http 类实例化方式
434
+ export default useHttp;