uview-pro 0.0.14 → 0.0.16

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 (236) hide show
  1. package/changelog.md +232 -223
  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-loading-popup/types.ts +19 -0
  94. package/components/u-loading-popup/u-loading-popup.vue +208 -0
  95. package/components/u-loadmore/types.ts +79 -79
  96. package/components/u-loadmore/u-loadmore.vue +140 -140
  97. package/components/u-mask/types.ts +43 -43
  98. package/components/u-mask/u-mask.vue +106 -106
  99. package/components/u-message-input/types.ts +74 -74
  100. package/components/u-message-input/u-message-input.vue +255 -255
  101. package/components/u-modal/types.ts +118 -118
  102. package/components/u-modal/u-modal.vue +200 -200
  103. package/components/u-navbar/types.ts +103 -103
  104. package/components/u-navbar/u-navbar.vue +226 -226
  105. package/components/u-no-network/image.ts +2 -2
  106. package/components/u-no-network/types.ts +28 -28
  107. package/components/u-no-network/u-no-network.vue +290 -290
  108. package/components/u-notice-bar/types.ts +111 -111
  109. package/components/u-notice-bar/u-notice-bar.vue +174 -174
  110. package/components/u-number-box/types.ts +42 -42
  111. package/components/u-number-box/u-number-box.vue +312 -312
  112. package/components/u-number-keyboard/types.ts +26 -26
  113. package/components/u-number-keyboard/u-number-keyboard.vue +166 -166
  114. package/components/u-picker/types.ts +111 -111
  115. package/components/u-picker/u-picker.vue +637 -637
  116. package/components/u-popup/types.ts +59 -59
  117. package/components/u-popup/u-popup.vue +359 -359
  118. package/components/u-radio/types.ts +25 -25
  119. package/components/u-radio/u-radio.vue +258 -258
  120. package/components/u-radio-group/types.ts +29 -29
  121. package/components/u-radio-group/u-radio-group.vue +98 -98
  122. package/components/u-rate/types.ts +40 -40
  123. package/components/u-rate/u-rate.vue +234 -234
  124. package/components/u-read-more/types.ts +35 -35
  125. package/components/u-read-more/u-read-more.vue +150 -150
  126. package/components/u-row/types.ts +20 -20
  127. package/components/u-row/u-row.vue +87 -87
  128. package/components/u-row-notice/types.ts +39 -39
  129. package/components/u-row-notice/u-row-notice.vue +213 -213
  130. package/components/u-search/types.ts +53 -53
  131. package/components/u-search/u-search.vue +256 -256
  132. package/components/u-section/types.ts +32 -32
  133. package/components/u-section/u-section.vue +125 -125
  134. package/components/u-select/types.ts +43 -43
  135. package/components/u-select/u-select.vue +361 -345
  136. package/components/u-skeleton/types.ts +20 -20
  137. package/components/u-skeleton/u-skeleton.vue +205 -205
  138. package/components/u-slider/types.ts +32 -32
  139. package/components/u-slider/u-slider.vue +238 -238
  140. package/components/u-steps/types.ts +28 -28
  141. package/components/u-steps/u-steps.vue +160 -160
  142. package/components/u-sticky/types.ts +22 -22
  143. package/components/u-sticky/u-sticky.vue +159 -159
  144. package/components/u-subsection/types.ts +36 -36
  145. package/components/u-subsection/u-subsection.vue +328 -328
  146. package/components/u-swipe-action/types.ts +50 -50
  147. package/components/u-swipe-action/u-swipe-action.vue +253 -253
  148. package/components/u-swiper/types.ts +47 -47
  149. package/components/u-swiper/u-swiper.vue +266 -266
  150. package/components/u-switch/types.ts +28 -28
  151. package/components/u-switch/u-switch.vue +128 -128
  152. package/components/u-tabbar/types.ts +36 -36
  153. package/components/u-tabbar/u-tabbar.vue +280 -280
  154. package/components/u-table/types.ts +25 -25
  155. package/components/u-table/u-table.vue +55 -55
  156. package/components/u-tabs/types.ts +51 -51
  157. package/components/u-tabs/u-tabs.vue +284 -284
  158. package/components/u-tabs-swiper/types.ts +53 -53
  159. package/components/u-tabs-swiper/u-tabs-swiper.vue +379 -379
  160. package/components/u-tag/types.ts +37 -37
  161. package/components/u-tag/u-tag.vue +244 -244
  162. package/components/u-td/types.ts +12 -12
  163. package/components/u-td/u-td.vue +69 -69
  164. package/components/u-th/types.ts +12 -12
  165. package/components/u-th/u-th.vue +63 -63
  166. package/components/u-time-line/u-time-line.vue +39 -39
  167. package/components/u-time-line-item/types.ts +14 -14
  168. package/components/u-time-line-item/u-time-line-item.vue +78 -78
  169. package/components/u-toast/types.ts +36 -36
  170. package/components/u-toast/u-toast.vue +233 -233
  171. package/components/u-top-tips/types.ts +14 -14
  172. package/components/u-top-tips/u-top-tips.vue +113 -113
  173. package/components/u-tr/types.ts +8 -8
  174. package/components/u-tr/u-tr.vue +24 -24
  175. package/components/u-upload/types.ts +71 -71
  176. package/components/u-upload/u-upload.vue +545 -545
  177. package/components/u-verification-code/types.ts +22 -22
  178. package/components/u-verification-code/u-verification-code.vue +164 -164
  179. package/components/u-waterfall/types.ts +16 -16
  180. package/components/u-waterfall/u-waterfall.vue +170 -170
  181. package/iconfont.css +910 -910
  182. package/index.scss +22 -22
  183. package/index.ts +202 -202
  184. package/libs/config/config.ts +26 -26
  185. package/libs/config/zIndex.ts +37 -37
  186. package/libs/css/color.scss +155 -155
  187. package/libs/css/common.scss +175 -175
  188. package/libs/css/style.components.scss +6 -6
  189. package/libs/css/style.h5.scss +8 -8
  190. package/libs/css/style.mp.scss +72 -72
  191. package/libs/css/style.nvue.scss +2 -2
  192. package/libs/css/style.vue.scss +175 -175
  193. package/libs/function/$parent.ts +22 -22
  194. package/libs/function/addUnit.ts +13 -13
  195. package/libs/function/color.ts +36 -36
  196. package/libs/function/colorGradient.ts +125 -125
  197. package/libs/function/debounce.ts +28 -28
  198. package/libs/function/deepClone.ts +39 -39
  199. package/libs/function/deepMerge.ts +34 -34
  200. package/libs/function/getParent.ts +58 -58
  201. package/libs/function/getRect.ts +26 -26
  202. package/libs/function/guid.ts +42 -42
  203. package/libs/function/md5.ts +398 -398
  204. package/libs/function/parent.ts +21 -21
  205. package/libs/function/queryParams.ts +60 -60
  206. package/libs/function/random.ts +16 -16
  207. package/libs/function/randomArray.ts +11 -11
  208. package/libs/function/route.ts +118 -118
  209. package/libs/function/sys.ts +15 -15
  210. package/libs/function/test.ts +229 -229
  211. package/libs/function/throttle.ts +31 -31
  212. package/libs/function/timeFormat.ts +54 -54
  213. package/libs/function/timeFrom.ts +48 -48
  214. package/libs/function/toast.ts +14 -14
  215. package/libs/function/trim.ts +21 -21
  216. package/libs/function/type2icon.ts +36 -36
  217. package/libs/hooks/useEmitter.ts +77 -77
  218. package/libs/hooks/useParent.ts +29 -29
  219. package/libs/request/auto-http.ts +76 -76
  220. package/libs/request/index.ts +237 -237
  221. package/libs/request/uni-http.md +156 -156
  222. package/libs/request/uni-http.ts +434 -434
  223. package/libs/store/index.ts +88 -88
  224. package/libs/util/async-validator.d.ts +62 -62
  225. package/libs/util/async-validator.js +1356 -1356
  226. package/libs/util/emitter.ts +112 -112
  227. package/libs/util/mitt.ts +118 -118
  228. package/libs/util/parent.ts +20 -20
  229. package/package.json +107 -107
  230. package/readme.md +231 -237
  231. package/theme.scss +38 -38
  232. package/types/components.d.ts +95 -94
  233. package/types/global.d.ts +221 -208
  234. package/types/ignore-errors.d.ts +30 -30
  235. package/types/index.d.ts +90 -90
  236. 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;