uview-pro 0.1.0 → 0.1.1

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 (238) hide show
  1. package/changelog.md +424 -406
  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 +556 -556
  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 +267 -267
  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 +187 -187
  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 +194 -194
  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/u-form.vue +132 -132
  60. package/components/u-form-item/u-form-item.vue +417 -417
  61. package/components/u-full-screen/types.ts +14 -14
  62. package/components/u-full-screen/u-full-screen.vue +82 -82
  63. package/components/u-gap/types.ts +18 -18
  64. package/components/u-gap/u-gap.vue +40 -40
  65. package/components/u-grid/types.ts +19 -19
  66. package/components/u-grid/u-grid.vue +93 -93
  67. package/components/u-grid-item/types.ts +16 -16
  68. package/components/u-grid-item/u-grid-item.vue +130 -130
  69. package/components/u-icon/types.ts +62 -62
  70. package/components/u-icon/u-icon.vue +274 -274
  71. package/components/u-image/types.ts +51 -51
  72. package/components/u-image/u-image.vue +222 -222
  73. package/components/u-index-anchor/types.ts +16 -16
  74. package/components/u-index-anchor/u-index-anchor.vue +86 -86
  75. package/components/u-index-list/types.ts +43 -43
  76. package/components/u-index-list/u-index-list.vue +355 -355
  77. package/components/u-input/types.ts +140 -140
  78. package/components/u-input/u-input.vue +264 -255
  79. package/components/u-keyboard/types.ts +40 -40
  80. package/components/u-keyboard/u-keyboard.vue +158 -158
  81. package/components/u-lazy-load/types.ts +37 -37
  82. package/components/u-lazy-load/u-lazy-load.vue +233 -233
  83. package/components/u-line/types.ts +44 -44
  84. package/components/u-line/u-line.vue +59 -59
  85. package/components/u-line-progress/types.ts +58 -58
  86. package/components/u-line-progress/u-line-progress.vue +109 -109
  87. package/components/u-link/types.ts +43 -43
  88. package/components/u-link/u-link.vue +75 -75
  89. package/components/u-loading/types.ts +35 -35
  90. package/components/u-loading/u-loading.vue +90 -90
  91. package/components/u-loading-popup/types.ts +26 -26
  92. package/components/u-loading-popup/u-loading-popup.vue +239 -239
  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 +204 -204
  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 +123 -123
  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-safe-bottom/u-safe-bottom.vue +46 -46
  129. package/components/u-search/types.ts +53 -53
  130. package/components/u-search/u-search.vue +256 -256
  131. package/components/u-section/types.ts +32 -32
  132. package/components/u-section/u-section.vue +125 -125
  133. package/components/u-select/types.ts +43 -43
  134. package/components/u-select/u-select.vue +361 -361
  135. package/components/u-skeleton/types.ts +20 -20
  136. package/components/u-skeleton/u-skeleton.vue +205 -205
  137. package/components/u-slider/types.ts +32 -32
  138. package/components/u-slider/u-slider.vue +238 -238
  139. package/components/u-status-bar/u-status-bar.vue +65 -65
  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 +136 -136
  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 +87 -87
  164. package/components/u-th/types.ts +12 -12
  165. package/components/u-th/u-th.vue +81 -81
  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 +74 -74
  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 +175 -175
  181. package/iconfont.css +912 -912
  182. package/index.scss +23 -23
  183. package/index.ts +202 -204
  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 +178 -178
  188. package/libs/css/style.components.scss +7 -7
  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 +3 -3
  192. package/libs/css/style.vue.scss +177 -177
  193. package/libs/function/$parent.ts +21 -21
  194. package/libs/function/addUnit.ts +13 -13
  195. package/libs/function/color.ts +37 -71
  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 +59 -59
  201. package/libs/function/getRect.ts +26 -26
  202. package/libs/function/guid.ts +42 -42
  203. package/libs/function/md5.ts +391 -391
  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/styleUtils.ts +83 -83
  210. package/libs/function/sys.ts +15 -15
  211. package/libs/function/test.ts +229 -229
  212. package/libs/function/throttle.ts +31 -31
  213. package/libs/function/timeFormat.ts +54 -54
  214. package/libs/function/timeFrom.ts +48 -48
  215. package/libs/function/toast.ts +14 -14
  216. package/libs/function/trim.ts +21 -21
  217. package/libs/function/type2icon.ts +36 -36
  218. package/libs/hooks/useEmitter.ts +77 -77
  219. package/libs/hooks/useParent.ts +29 -29
  220. package/libs/request/auto-http.ts +76 -76
  221. package/libs/request/index.ts +223 -223
  222. package/libs/store/index.ts +88 -88
  223. package/libs/util/area.ts +3771 -3771
  224. package/libs/util/async-validator.d.ts +62 -62
  225. package/libs/util/async-validator.js +1368 -1368
  226. package/libs/util/city.ts +432 -432
  227. package/libs/util/emitter.ts +102 -102
  228. package/libs/util/mitt.ts +115 -115
  229. package/libs/util/parent.ts +20 -20
  230. package/libs/util/province.ts +37 -37
  231. package/package.json +1 -1
  232. package/readme.md +237 -237
  233. package/theme.scss +38 -38
  234. package/types/components.d.ts +95 -95
  235. package/types/global.d.ts +255 -221
  236. package/types/ignore-errors.d.ts +30 -30
  237. package/types/index.d.ts +90 -90
  238. package/types/uni-app.d.ts +63 -63
@@ -1,223 +1,223 @@
1
- import deepMerge from '../function/deepMerge';
2
-
3
- /**
4
- * 请求配置项Meta类型定义
5
- */
6
- export interface RequestMeta {
7
- toast?: boolean;
8
- loading?: boolean;
9
- originalData?: boolean;
10
- [key: string]: any;
11
- }
12
-
13
- /**
14
- * 请求配置项类型定义
15
- */
16
- export interface RequestConfig {
17
- baseUrl?: string;
18
- header?: Record<string, any>;
19
- method?: string;
20
- dataType?: string;
21
- responseType?: string;
22
- meta?: RequestMeta;
23
- }
24
-
25
- /**
26
- * 请求拦截器类型定义
27
- */
28
- export interface RequestInterceptor {
29
- request?: ((options: RequestOptions) => RequestOptions | false) | null;
30
- response?: ((response: any) => any | false) | null;
31
- }
32
-
33
- /**
34
- * 请求参数类型定义
35
- */
36
- export interface RequestOptions {
37
- url: string;
38
- header: Record<string, any>;
39
- method: 'GET' | 'POST' | 'OPTIONS' | 'HEAD' | 'PUT' | 'DELETE' | 'TRACE' | 'CONNECT';
40
- data?: any;
41
- dataType?: string;
42
- responseType?: string;
43
- params?: Record<string, any>;
44
- complete?: (response: any) => void;
45
- meta?: RequestMeta;
46
- }
47
-
48
- export class Request {
49
- public config: RequestConfig;
50
- public interceptor: RequestInterceptor;
51
- public options?: RequestOptions;
52
-
53
- constructor() {
54
- this.config = {
55
- baseUrl: '', // 请求的根域名
56
- header: {}, // 默认的请求头
57
- method: 'POST', // 请求方式
58
- dataType: 'json', // 设置为json,返回后uni.request会对数据进行一次JSON.parse
59
- responseType: 'text', // 此参数无需处理,因为5+和支付宝小程序不支持,默认为text即可
60
- meta: {
61
- originalData: true, // 是否在拦截器中返回服务端的原始数据,见文档说明
62
- toast: false, // 是否在请求出错时,弹出toast
63
- loading: false // 是否显示加载中
64
- }
65
- };
66
- this.interceptor = {
67
- request: null,
68
- response: null
69
- };
70
- }
71
- /**
72
- * 设置全局默认配置
73
- * @param customConfig 自定义配置
74
- */
75
- setConfig(customConfig: Partial<RequestConfig>): void {
76
- this.config = deepMerge(this.config, customConfig);
77
- }
78
-
79
- /**
80
- * 主要请求部分
81
- * @param options 请求参数
82
- */
83
- request<T = unknown>(options: RequestOptions): Promise<T> {
84
- // 合并 meta 配置,优先级:单次请求 > 全局
85
- const mergedMeta: RequestMeta = {
86
- ...this.config.meta,
87
- ...(options.meta || {})
88
- };
89
- // 让 options.meta 传递到拦截器
90
- options.meta = mergedMeta;
91
-
92
- if (this.interceptor.request && typeof this.interceptor.request === 'function') {
93
- const interceptorRequest = this.interceptor.request(options);
94
- if (interceptorRequest === false) {
95
- // 返回一个处于pending状态中的Promise,来取消原promise,避免进入then()回调
96
- return new Promise(() => {});
97
- }
98
- this.options = interceptorRequest;
99
- }
100
- options.dataType = options.dataType || this.config.dataType;
101
- options.responseType = options.responseType || this.config.responseType;
102
- options.url = options.url || '';
103
- options.params = options.params || {};
104
- options.header = Object.assign({}, this.config.header, options.header);
105
- options.method = (options.method || this.config.method) as RequestOptions['method'];
106
- // 保证 url 一定为 string
107
- if (!options.url) options.url = '';
108
-
109
- return new Promise<T>((resolve, reject) => {
110
- options.complete = (response: any) => {
111
- // 读取 meta 配置
112
- const meta = options.meta || this.config.meta || {};
113
- const originalData = meta.originalData ?? false;
114
- // 拦截器处理,加入request的配置参数
115
- response.config = options;
116
- if (originalData) {
117
- // 判断是否存在拦截器
118
- if (this.interceptor.response && typeof this.interceptor.response === 'function') {
119
- const resInterceptors = this.interceptor.response(response);
120
- // 如果拦截器不返回false,就将拦截器返回的内容给请求的then回调
121
- if (resInterceptors !== false) {
122
- resolve(resInterceptors);
123
- } else {
124
- // 如果拦截器返回false,意味着拦截器定义者认为返回有问题,直接接入catch回调
125
- reject(response);
126
- }
127
- } else {
128
- // 如果要求返回原始数据,就算没有拦截器,也返回最原始的数据
129
- resolve(response);
130
- }
131
- } else {
132
- if (response.statusCode === 200) {
133
- if (this.interceptor.response && typeof this.interceptor.response === 'function') {
134
- const resInterceptors = this.interceptor.response(response.data);
135
- if (resInterceptors !== false) {
136
- resolve(resInterceptors);
137
- } else {
138
- reject(response.data);
139
- }
140
- } else {
141
- // 如果不是返回原始数据(originalData=false),且没有拦截器的情况下,返回纯数据给then回调
142
- resolve(response.data);
143
- }
144
- } else {
145
- reject(response);
146
- }
147
- }
148
- };
149
- // 判断用户传递的URL是否http开头
150
- options.url = options.url && options.url.indexOf('http') !== 0 ? this.config.baseUrl + (options.url.indexOf('/') === 0 ? options.url : `/${options.url}`) : options.url;
151
- uni.request(options);
152
- });
153
- }
154
-
155
- get<T = unknown>(url: string, data: any = {}, options: { header?: Record<string, any>; meta?: RequestMeta } = {}): Promise<T> {
156
- return this.request<T>({
157
- method: 'GET',
158
- url,
159
- data,
160
- header: options.header,
161
- meta: options.meta
162
- });
163
- }
164
-
165
- post<T = unknown>(url: string, data: any = {}, options: { header?: Record<string, any>; meta?: RequestMeta } = {}): Promise<T> {
166
- return this.request<T>({
167
- url,
168
- method: 'POST',
169
- data,
170
- header: options.header,
171
- meta: options.meta
172
- });
173
- }
174
-
175
- put<T = unknown>(url: string, data: any = {}, options: { header?: Record<string, any>; meta?: RequestMeta } = {}): Promise<T> {
176
- return this.request<T>({
177
- url,
178
- method: 'PUT',
179
- data,
180
- header: options.header,
181
- meta: options.meta
182
- });
183
- }
184
-
185
- delete<T = unknown>(url: string, data: any = {}, options: { header?: Record<string, any>; meta?: RequestMeta } = {}): Promise<T> {
186
- return this.request<T>({
187
- url,
188
- method: 'DELETE',
189
- data,
190
- header: options.header,
191
- meta: options.meta
192
- });
193
- }
194
- }
195
-
196
- // 插件化导出,支持 app.use(http, { interceptor })
197
- const httpInstance = new Request();
198
-
199
- interface HttpPluginOptions {
200
- requestConfig?: Partial<RequestConfig>;
201
- interceptor?: RequestInterceptor;
202
- }
203
-
204
- // 全局导出,支持 import { httpPlugin } from 'uview-pro'
205
- const httpPlugin = {
206
- install(app: any, options: HttpPluginOptions = {}) {
207
- if (options.interceptor) {
208
- const { request, response } = options.interceptor;
209
- if (request) httpInstance.interceptor.request = request;
210
- if (response) httpInstance.interceptor.response = response;
211
- }
212
- if (options.requestConfig) {
213
- httpInstance.setConfig(options.requestConfig);
214
- }
215
- app.config.globalProperties.$http = httpInstance;
216
- }
217
- };
218
-
219
- // 全局导出,支持 import { http } from 'uview-pro'
220
- export { httpInstance as http };
221
-
222
- // 插件化导出,支持 app.use(http, { interceptor })
223
- export default httpPlugin;
1
+ import deepMerge from '../function/deepMerge';
2
+
3
+ /**
4
+ * 请求配置项Meta类型定义
5
+ */
6
+ export interface RequestMeta {
7
+ toast?: boolean;
8
+ loading?: boolean;
9
+ originalData?: boolean;
10
+ [key: string]: any;
11
+ }
12
+
13
+ /**
14
+ * 请求配置项类型定义
15
+ */
16
+ export interface RequestConfig {
17
+ baseUrl?: string;
18
+ header?: Record<string, any>;
19
+ method?: string;
20
+ dataType?: string;
21
+ responseType?: string;
22
+ meta?: RequestMeta;
23
+ }
24
+
25
+ /**
26
+ * 请求拦截器类型定义
27
+ */
28
+ export interface RequestInterceptor {
29
+ request?: ((options: RequestOptions) => RequestOptions | false) | null;
30
+ response?: ((response: any) => any | false) | null;
31
+ }
32
+
33
+ /**
34
+ * 请求参数类型定义
35
+ */
36
+ export interface RequestOptions {
37
+ url: string;
38
+ header: Record<string, any>;
39
+ method: 'GET' | 'POST' | 'OPTIONS' | 'HEAD' | 'PUT' | 'DELETE' | 'TRACE' | 'CONNECT';
40
+ data?: any;
41
+ dataType?: string;
42
+ responseType?: string;
43
+ params?: Record<string, any>;
44
+ complete?: (response: any) => void;
45
+ meta?: RequestMeta;
46
+ }
47
+
48
+ export class Request {
49
+ public config: RequestConfig;
50
+ public interceptor: RequestInterceptor;
51
+ public options?: RequestOptions;
52
+
53
+ constructor() {
54
+ this.config = {
55
+ baseUrl: '', // 请求的根域名
56
+ header: {}, // 默认的请求头
57
+ method: 'POST', // 请求方式
58
+ dataType: 'json', // 设置为json,返回后uni.request会对数据进行一次JSON.parse
59
+ responseType: 'text', // 此参数无需处理,因为5+和支付宝小程序不支持,默认为text即可
60
+ meta: {
61
+ originalData: true, // 是否在拦截器中返回服务端的原始数据,见文档说明
62
+ toast: false, // 是否在请求出错时,弹出toast
63
+ loading: false // 是否显示加载中
64
+ }
65
+ };
66
+ this.interceptor = {
67
+ request: null,
68
+ response: null
69
+ };
70
+ }
71
+ /**
72
+ * 设置全局默认配置
73
+ * @param customConfig 自定义配置
74
+ */
75
+ setConfig(customConfig: Partial<RequestConfig>): void {
76
+ this.config = deepMerge(this.config, customConfig);
77
+ }
78
+
79
+ /**
80
+ * 主要请求部分
81
+ * @param options 请求参数
82
+ */
83
+ request<T = unknown>(options: RequestOptions): Promise<T> {
84
+ // 合并 meta 配置,优先级:单次请求 > 全局
85
+ const mergedMeta: RequestMeta = {
86
+ ...this.config.meta,
87
+ ...(options.meta || {})
88
+ };
89
+ // 让 options.meta 传递到拦截器
90
+ options.meta = mergedMeta;
91
+
92
+ if (this.interceptor.request && typeof this.interceptor.request === 'function') {
93
+ const interceptorRequest = this.interceptor.request(options);
94
+ if (interceptorRequest === false) {
95
+ // 返回一个处于pending状态中的Promise,来取消原promise,避免进入then()回调
96
+ return new Promise(() => {});
97
+ }
98
+ this.options = interceptorRequest;
99
+ }
100
+ options.dataType = options.dataType || this.config.dataType;
101
+ options.responseType = options.responseType || this.config.responseType;
102
+ options.url = options.url || '';
103
+ options.params = options.params || {};
104
+ options.header = Object.assign({}, this.config.header, options.header);
105
+ options.method = (options.method || this.config.method) as RequestOptions['method'];
106
+ // 保证 url 一定为 string
107
+ if (!options.url) options.url = '';
108
+
109
+ return new Promise<T>((resolve, reject) => {
110
+ options.complete = (response: any) => {
111
+ // 读取 meta 配置
112
+ const meta = options.meta || this.config.meta || {};
113
+ const originalData = meta.originalData ?? false;
114
+ // 拦截器处理,加入request的配置参数
115
+ response.config = options;
116
+ if (originalData) {
117
+ // 判断是否存在拦截器
118
+ if (this.interceptor.response && typeof this.interceptor.response === 'function') {
119
+ const resInterceptors = this.interceptor.response(response);
120
+ // 如果拦截器不返回false,就将拦截器返回的内容给请求的then回调
121
+ if (resInterceptors !== false) {
122
+ resolve(resInterceptors);
123
+ } else {
124
+ // 如果拦截器返回false,意味着拦截器定义者认为返回有问题,直接接入catch回调
125
+ reject(response);
126
+ }
127
+ } else {
128
+ // 如果要求返回原始数据,就算没有拦截器,也返回最原始的数据
129
+ resolve(response);
130
+ }
131
+ } else {
132
+ if (response.statusCode === 200) {
133
+ if (this.interceptor.response && typeof this.interceptor.response === 'function') {
134
+ const resInterceptors = this.interceptor.response(response.data);
135
+ if (resInterceptors !== false) {
136
+ resolve(resInterceptors);
137
+ } else {
138
+ reject(response.data);
139
+ }
140
+ } else {
141
+ // 如果不是返回原始数据(originalData=false),且没有拦截器的情况下,返回纯数据给then回调
142
+ resolve(response.data);
143
+ }
144
+ } else {
145
+ reject(response);
146
+ }
147
+ }
148
+ };
149
+ // 判断用户传递的URL是否http开头
150
+ options.url = options.url && options.url.indexOf('http') !== 0 ? this.config.baseUrl + (options.url.indexOf('/') === 0 ? options.url : `/${options.url}`) : options.url;
151
+ uni.request(options);
152
+ });
153
+ }
154
+
155
+ get<T = unknown>(url: string, data: any = {}, options: { header?: Record<string, any>; meta?: RequestMeta } = {}): Promise<T> {
156
+ return this.request<T>({
157
+ method: 'GET',
158
+ url,
159
+ data,
160
+ header: options.header,
161
+ meta: options.meta
162
+ });
163
+ }
164
+
165
+ post<T = unknown>(url: string, data: any = {}, options: { header?: Record<string, any>; meta?: RequestMeta } = {}): Promise<T> {
166
+ return this.request<T>({
167
+ url,
168
+ method: 'POST',
169
+ data,
170
+ header: options.header,
171
+ meta: options.meta
172
+ });
173
+ }
174
+
175
+ put<T = unknown>(url: string, data: any = {}, options: { header?: Record<string, any>; meta?: RequestMeta } = {}): Promise<T> {
176
+ return this.request<T>({
177
+ url,
178
+ method: 'PUT',
179
+ data,
180
+ header: options.header,
181
+ meta: options.meta
182
+ });
183
+ }
184
+
185
+ delete<T = unknown>(url: string, data: any = {}, options: { header?: Record<string, any>; meta?: RequestMeta } = {}): Promise<T> {
186
+ return this.request<T>({
187
+ url,
188
+ method: 'DELETE',
189
+ data,
190
+ header: options.header,
191
+ meta: options.meta
192
+ });
193
+ }
194
+ }
195
+
196
+ // 插件化导出,支持 app.use(http, { interceptor })
197
+ const httpInstance = new Request();
198
+
199
+ interface HttpPluginOptions {
200
+ requestConfig?: Partial<RequestConfig>;
201
+ interceptor?: RequestInterceptor;
202
+ }
203
+
204
+ // 全局导出,支持 import { httpPlugin } from 'uview-pro'
205
+ const httpPlugin = {
206
+ install(app: any, options: HttpPluginOptions = {}) {
207
+ if (options.interceptor) {
208
+ const { request, response } = options.interceptor;
209
+ if (request) httpInstance.interceptor.request = request;
210
+ if (response) httpInstance.interceptor.response = response;
211
+ }
212
+ if (options.requestConfig) {
213
+ httpInstance.setConfig(options.requestConfig);
214
+ }
215
+ app.config.globalProperties.$http = httpInstance;
216
+ }
217
+ };
218
+
219
+ // 全局导出,支持 import { http } from 'uview-pro'
220
+ export { httpInstance as http };
221
+
222
+ // 插件化导出,支持 app.use(http, { interceptor })
223
+ export default httpPlugin;
@@ -1,88 +1,88 @@
1
- /**
2
- * 支持通过 name 路径批量/单项赋值 Pinia store 的工具方法
3
- * @param store Pinia store 实例
4
- * @param params { name: string, value: any }
5
- * name 支持 a.b.c 形式嵌套赋值
6
- */
7
- /**
8
- * 用法示例:
9
- * setStoreValue(userStore, { name: 'profile.avatar', value: 'xxx.png' })
10
- * setStoreValueTyped(userStore, 'token', 'xxxx')
11
- * setStoreValues(userStore, [{ name: 'token', value: 'xxx' }, { name: 'profile.avatar', value: 'img.png' }])
12
- * getStoreValue(userStore, 'profile.avatar')
13
- * resetStore(userStore, { token: '', profile: { avatar: '' } })
14
- */
15
- export function setStoreValue<T extends object>(store: T, params: { name: string; value: any }): void {
16
- const nameArr = params.name.split('.');
17
- let obj: any = store;
18
- if (nameArr.length >= 2) {
19
- for (let i = 0; i < nameArr.length - 1; i++) {
20
- if (!(nameArr[i] in obj)) {
21
- obj[nameArr[i]] = {};
22
- }
23
- obj = obj[nameArr[i]];
24
- }
25
- obj[nameArr[nameArr.length - 1]] = params.value;
26
- } else {
27
- (store as any)[params.name] = params.value;
28
- }
29
- }
30
-
31
- /**
32
- * 类型安全的嵌套属性赋值工具
33
- * @param store Pinia store 实例
34
- * @param path 属性路径(如 profile.avatar)
35
- * @param value 赋值内容
36
- */
37
- export function setStoreValueTyped<T, K extends keyof T>(store: T, path: K, value: T[K]): void;
38
- export function setStoreValueTyped<T>(store: T, path: string, value: any): void {
39
- const nameArr = path.split('.');
40
- let obj: any = store;
41
- if (nameArr.length >= 2) {
42
- for (let i = 0; i < nameArr.length - 1; i++) {
43
- if (!(nameArr[i] in obj)) {
44
- obj[nameArr[i]] = {};
45
- }
46
- obj = obj[nameArr[i]];
47
- }
48
- obj[nameArr[nameArr.length - 1]] = value;
49
- } else {
50
- (store as any)[path] = value;
51
- }
52
- }
53
-
54
- /**
55
- * 批量赋值 Pinia store 工具方法
56
- * @param store Pinia store 实例
57
- * @param values { name: string, value: any }[]
58
- */
59
- export function setStoreValues<T extends object>(store: T, values: Array<{ name: string; value: any }>): void {
60
- values.forEach(item => setStoreValue(store, item));
61
- }
62
-
63
- /**
64
- * 获取嵌套属性值
65
- * @param store Pinia store 实例
66
- * @param path 属性路径(如 profile.avatar)
67
- * @returns 属性值
68
- */
69
- export function getStoreValue<T>(store: T, path: string): any {
70
- const nameArr = path.split('.');
71
- let obj: any = store;
72
- for (let i = 0; i < nameArr.length; i++) {
73
- if (obj == null) return undefined;
74
- obj = obj[nameArr[i]];
75
- }
76
- return obj;
77
- }
78
-
79
- /**
80
- * 重置 Pinia store 为初始值
81
- * @param store Pinia store 实例
82
- * @param initial 初始值对象
83
- */
84
- export function resetStore<T extends object>(store: T, initial: Partial<T>): void {
85
- Object.keys(initial).forEach(key => {
86
- (store as any)[key] = (initial as any)[key];
87
- });
88
- }
1
+ /**
2
+ * 支持通过 name 路径批量/单项赋值 Pinia store 的工具方法
3
+ * @param store Pinia store 实例
4
+ * @param params { name: string, value: any }
5
+ * name 支持 a.b.c 形式嵌套赋值
6
+ */
7
+ /**
8
+ * 用法示例:
9
+ * setStoreValue(userStore, { name: 'profile.avatar', value: 'xxx.png' })
10
+ * setStoreValueTyped(userStore, 'token', 'xxxx')
11
+ * setStoreValues(userStore, [{ name: 'token', value: 'xxx' }, { name: 'profile.avatar', value: 'img.png' }])
12
+ * getStoreValue(userStore, 'profile.avatar')
13
+ * resetStore(userStore, { token: '', profile: { avatar: '' } })
14
+ */
15
+ export function setStoreValue<T extends object>(store: T, params: { name: string; value: any }): void {
16
+ const nameArr = params.name.split('.');
17
+ let obj: any = store;
18
+ if (nameArr.length >= 2) {
19
+ for (let i = 0; i < nameArr.length - 1; i++) {
20
+ if (!(nameArr[i] in obj)) {
21
+ obj[nameArr[i]] = {};
22
+ }
23
+ obj = obj[nameArr[i]];
24
+ }
25
+ obj[nameArr[nameArr.length - 1]] = params.value;
26
+ } else {
27
+ (store as any)[params.name] = params.value;
28
+ }
29
+ }
30
+
31
+ /**
32
+ * 类型安全的嵌套属性赋值工具
33
+ * @param store Pinia store 实例
34
+ * @param path 属性路径(如 profile.avatar)
35
+ * @param value 赋值内容
36
+ */
37
+ export function setStoreValueTyped<T, K extends keyof T>(store: T, path: K, value: T[K]): void;
38
+ export function setStoreValueTyped<T>(store: T, path: string, value: any): void {
39
+ const nameArr = path.split('.');
40
+ let obj: any = store;
41
+ if (nameArr.length >= 2) {
42
+ for (let i = 0; i < nameArr.length - 1; i++) {
43
+ if (!(nameArr[i] in obj)) {
44
+ obj[nameArr[i]] = {};
45
+ }
46
+ obj = obj[nameArr[i]];
47
+ }
48
+ obj[nameArr[nameArr.length - 1]] = value;
49
+ } else {
50
+ (store as any)[path] = value;
51
+ }
52
+ }
53
+
54
+ /**
55
+ * 批量赋值 Pinia store 工具方法
56
+ * @param store Pinia store 实例
57
+ * @param values { name: string, value: any }[]
58
+ */
59
+ export function setStoreValues<T extends object>(store: T, values: Array<{ name: string; value: any }>): void {
60
+ values.forEach(item => setStoreValue(store, item));
61
+ }
62
+
63
+ /**
64
+ * 获取嵌套属性值
65
+ * @param store Pinia store 实例
66
+ * @param path 属性路径(如 profile.avatar)
67
+ * @returns 属性值
68
+ */
69
+ export function getStoreValue<T>(store: T, path: string): any {
70
+ const nameArr = path.split('.');
71
+ let obj: any = store;
72
+ for (let i = 0; i < nameArr.length; i++) {
73
+ if (obj == null) return undefined;
74
+ obj = obj[nameArr[i]];
75
+ }
76
+ return obj;
77
+ }
78
+
79
+ /**
80
+ * 重置 Pinia store 为初始值
81
+ * @param store Pinia store 实例
82
+ * @param initial 初始值对象
83
+ */
84
+ export function resetStore<T extends object>(store: T, initial: Partial<T>): void {
85
+ Object.keys(initial).forEach(key => {
86
+ (store as any)[key] = (initial as any)[key];
87
+ });
88
+ }