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,21 +1,21 @@
1
- import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
2
-
3
- export function parent(componentName?: string, _instance: ComponentInternalInstance | null | undefined = null) {
4
- const instance = _instance || getCurrentInstance();
5
-
6
- let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
7
-
8
- while (parent) {
9
- const name = (parent.type as any)?.name as string | undefined;
10
- if (name === componentName) {
11
- return parent;
12
- }
13
- parent = parent.parent;
14
- }
15
- return null;
16
- }
17
- export function parentData(componentName?: string, _instance: ComponentInternalInstance | null | undefined = null) {
18
- const instance = _instance || getCurrentInstance();
19
- const findParent = parent(componentName, instance);
20
- return findParent ? findParent.exposed : null;
21
- }
1
+ import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
2
+
3
+ export function parent(componentName?: string, _instance: ComponentInternalInstance | null | undefined = null) {
4
+ const instance = _instance || getCurrentInstance();
5
+
6
+ let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
7
+
8
+ while (parent) {
9
+ const name = (parent.type as any)?.name as string | undefined;
10
+ if (name === componentName) {
11
+ return parent;
12
+ }
13
+ parent = parent.parent;
14
+ }
15
+ return null;
16
+ }
17
+ export function parentData(componentName?: string, _instance: ComponentInternalInstance | null | undefined = null) {
18
+ const instance = _instance || getCurrentInstance();
19
+ const findParent = parent(componentName, instance);
20
+ return findParent ? findParent.exposed : null;
21
+ }
@@ -1,60 +1,60 @@
1
- /**
2
- * 对象转url参数
3
- * @param data 对象参数
4
- * @param isPrefix 是否自动加上"?",默认true
5
- * @param arrayFormat 数组参数格式,indices/brackets/repeat/comma,默认brackets
6
- * @returns url参数字符串
7
- */
8
- function queryParams(data: Record<string, any> = {}, isPrefix: boolean = true, arrayFormat: 'indices' | 'brackets' | 'repeat' | 'comma' = 'brackets'): string {
9
- const prefix = isPrefix ? '?' : '';
10
- const _result: string[] = [];
11
- if (!['indices', 'brackets', 'repeat', 'comma'].includes(arrayFormat)) arrayFormat = 'brackets';
12
- for (const key in data) {
13
- const value = data[key];
14
- // 去掉为空的参数
15
- if (['', undefined, null].includes(value)) {
16
- continue;
17
- }
18
- // 如果值为数组,另行处理
19
- if (Array.isArray(value)) {
20
- // e.g. {ids: [1, 2, 3]}
21
- switch (arrayFormat) {
22
- case 'indices':
23
- // 结果: ids[0]=1&ids[1]=2&ids[2]=3
24
- for (let i = 0; i < value.length; i++) {
25
- _result.push(`${key}[${i}]=${value[i]}`);
26
- }
27
- break;
28
- case 'brackets':
29
- // 结果: ids[]=1&ids[]=2&ids[]=3
30
- value.forEach((_value: any) => {
31
- _result.push(`${key}[]=${_value}`);
32
- });
33
- break;
34
- case 'repeat':
35
- // 结果: ids=1&ids=2&ids=3
36
- value.forEach((_value: any) => {
37
- _result.push(`${key}=${_value}`);
38
- });
39
- break;
40
- case 'comma':
41
- // 结果: ids=1,2,3
42
- let commaStr = '';
43
- value.forEach((_value: any) => {
44
- commaStr += (commaStr ? ',' : '') + _value;
45
- });
46
- _result.push(`${key}=${commaStr}`);
47
- break;
48
- default:
49
- value.forEach((_value: any) => {
50
- _result.push(`${key}[]=${_value}`);
51
- });
52
- }
53
- } else {
54
- _result.push(`${key}=${value}`);
55
- }
56
- }
57
- return _result.length ? prefix + _result.join('&') : '';
58
- }
59
-
60
- export default queryParams;
1
+ /**
2
+ * 对象转url参数
3
+ * @param data 对象参数
4
+ * @param isPrefix 是否自动加上"?",默认true
5
+ * @param arrayFormat 数组参数格式,indices/brackets/repeat/comma,默认brackets
6
+ * @returns url参数字符串
7
+ */
8
+ function queryParams(data: Record<string, any> = {}, isPrefix: boolean = true, arrayFormat: 'indices' | 'brackets' | 'repeat' | 'comma' = 'brackets'): string {
9
+ const prefix = isPrefix ? '?' : '';
10
+ const _result: string[] = [];
11
+ if (!['indices', 'brackets', 'repeat', 'comma'].includes(arrayFormat)) arrayFormat = 'brackets';
12
+ for (const key in data) {
13
+ const value = data[key];
14
+ // 去掉为空的参数
15
+ if (['', undefined, null].includes(value)) {
16
+ continue;
17
+ }
18
+ // 如果值为数组,另行处理
19
+ if (Array.isArray(value)) {
20
+ // e.g. {ids: [1, 2, 3]}
21
+ switch (arrayFormat) {
22
+ case 'indices':
23
+ // 结果: ids[0]=1&ids[1]=2&ids[2]=3
24
+ for (let i = 0; i < value.length; i++) {
25
+ _result.push(`${key}[${i}]=${value[i]}`);
26
+ }
27
+ break;
28
+ case 'brackets':
29
+ // 结果: ids[]=1&ids[]=2&ids[]=3
30
+ value.forEach((_value: any) => {
31
+ _result.push(`${key}[]=${_value}`);
32
+ });
33
+ break;
34
+ case 'repeat':
35
+ // 结果: ids=1&ids=2&ids=3
36
+ value.forEach((_value: any) => {
37
+ _result.push(`${key}=${_value}`);
38
+ });
39
+ break;
40
+ case 'comma':
41
+ // 结果: ids=1,2,3
42
+ let commaStr = '';
43
+ value.forEach((_value: any) => {
44
+ commaStr += (commaStr ? ',' : '') + _value;
45
+ });
46
+ _result.push(`${key}=${commaStr}`);
47
+ break;
48
+ default:
49
+ value.forEach((_value: any) => {
50
+ _result.push(`${key}[]=${_value}`);
51
+ });
52
+ }
53
+ } else {
54
+ _result.push(`${key}=${value}`);
55
+ }
56
+ }
57
+ return _result.length ? prefix + _result.join('&') : '';
58
+ }
59
+
60
+ export default queryParams;
@@ -1,16 +1,16 @@
1
- /**
2
- * 生成指定范围的随机整数
3
- * @param min 最小值(包含)
4
- * @param max 最大值(包含)
5
- * @returns 随机整数
6
- */
7
- function random(min: number, max: number): number {
8
- if (min >= 0 && max > 0 && max >= min) {
9
- const gab = max - min + 1;
10
- return Math.floor(Math.random() * gab + min);
11
- } else {
12
- return 0;
13
- }
14
- }
15
-
16
- export default random;
1
+ /**
2
+ * 生成指定范围的随机整数
3
+ * @param min 最小值(包含)
4
+ * @param max 最大值(包含)
5
+ * @returns 随机整数
6
+ */
7
+ function random(min: number, max: number): number {
8
+ if (min >= 0 && max > 0 && max >= min) {
9
+ const gab = max - min + 1;
10
+ return Math.floor(Math.random() * gab + min);
11
+ } else {
12
+ return 0;
13
+ }
14
+ }
15
+
16
+ export default random;
@@ -1,11 +1,11 @@
1
- /**
2
- * 打乱数组顺序
3
- * @param array 需要打乱的数组
4
- * @returns 打乱后的新数组
5
- */
6
- function randomArray<T>(array: T[] = []): T[] {
7
- // 原理是sort排序,Math.random()产生0<= x < 1之间的数,会导致x-0.5大于或者小于0
8
- return array.sort(() => Math.random() - 0.5);
9
- }
10
-
11
- export default randomArray;
1
+ /**
2
+ * 打乱数组顺序
3
+ * @param array 需要打乱的数组
4
+ * @returns 打乱后的新数组
5
+ */
6
+ function randomArray<T>(array: T[] = []): T[] {
7
+ // 原理是sort排序,Math.random()产生0<= x < 1之间的数,会导致x-0.5大于或者小于0
8
+ return array.sort(() => Math.random() - 0.5);
9
+ }
10
+
11
+ export default randomArray;
@@ -1,118 +1,118 @@
1
- /**
2
- * 路由跳转方法,该方法相对于直接使用uni.xxx的好处是使用更加简单快捷
3
- * 并且带有路由拦截功能
4
- */
5
-
6
- interface RouterConfig {
7
- type?: string;
8
- url?: string;
9
- delta?: number;
10
- params?: Record<string, any>;
11
- animationType?: string;
12
- animationDuration?: number;
13
- intercept?: boolean;
14
- }
15
-
16
- declare const uni: any; // 声明uni对象,避免ts报错
17
-
18
- class Router {
19
- config: RouterConfig;
20
- // route: (options?: string | RouterConfig, params?: Record<string, any>) => Promise<void>;
21
-
22
- constructor() {
23
- // 原始属性定义
24
- this.config = {
25
- type: 'navigateTo',
26
- url: '',
27
- delta: 1, // navigateBack页面后退时,回退的层数
28
- params: {}, // 传递的参数
29
- animationType: 'pop-in', // 窗口动画,只在APP有效
30
- animationDuration: 300, // 窗口动画持续时间,单位毫秒,只在APP有效
31
- intercept: false // 是否需要拦截
32
- };
33
- // 因为route方法是需要对外赋值给另外的对象使用,同时route内部有使用this,会导致route失去上下文
34
- // 这里在构造函数中进行this绑定
35
- this.route = this.route.bind(this);
36
- }
37
-
38
- // 判断url前面是否有"/",如果没有则加上,否则无法跳转
39
- addRootPath(url: string): string {
40
- return url[0] === '/' ? url : `/${url}`;
41
- }
42
-
43
- // 整合路由参数
44
- mixinParam(url: string, params: Record<string, any>): string {
45
- url = url && this.addRootPath(url);
46
- // 使用正则匹配,主要依据是判断是否有"/","?","="等,如“/page/index/index?name=mary"
47
- // 如果有url中有get参数,转换后无需带上"?"
48
- let query = '';
49
- if (/.*\/.*\?.*=.*/.test(url)) {
50
- // object对象转为get类型的参数
51
- query = uni.$u.queryParams(params, false);
52
- // 因为已有get参数,所以后面拼接的参数需要带上"&"隔开
53
- return url + '&' + query;
54
- } else {
55
- // 直接拼接参数,因为此处url中没有后面的query参数,也就没有"?/&"之类的符号
56
- query = uni.$u.queryParams(params);
57
- return url + query;
58
- }
59
- }
60
-
61
- /**
62
- * 路由跳转主方法
63
- * @param options 跳转配置或url字符串
64
- * @param params 跳转参数
65
- */
66
- async route(options: string | RouterConfig = {}, params: Record<string, any> = {}): Promise<void> {
67
- let mergeConfig: RouterConfig = {};
68
- if (typeof options === 'string') {
69
- // 如果options为字符串,则为route(url, params)的形式
70
- mergeConfig.url = this.mixinParam(options, params);
71
- mergeConfig.type = 'navigateTo';
72
- } else {
73
- mergeConfig = uni.$u.deepMerge(this.config, options);
74
- // 否则正常使用mergeConfig中的url和params进行拼接
75
- mergeConfig.url = this.mixinParam(options.url || '', options.params || {});
76
- }
77
- if (params.intercept) {
78
- this.config.intercept = params.intercept;
79
- }
80
- // params参数也带给拦截器
81
- mergeConfig.params = params;
82
- // 合并内外部参数
83
- mergeConfig = uni.$u.deepMerge(this.config, mergeConfig);
84
- // 判断用户是否定义了拦截器
85
- if (uni.$u.routeIntercept && typeof uni.$u.routeIntercept === 'function') {
86
- // 定一个promise,根据用户执行resolve(true)或者resolve(false)来决定是否进行路由跳转
87
- const isNext = await new Promise<boolean>(resolve => {
88
- uni.$u.routeIntercept(mergeConfig, resolve);
89
- });
90
- // 如果isNext为true,则执行路由跳转
91
- isNext && this.openPage(mergeConfig);
92
- } else {
93
- this.openPage(mergeConfig);
94
- }
95
- }
96
-
97
- // 执行路由跳转
98
- openPage(config: RouterConfig): void {
99
- const { url = '', type = '', delta = 1, animationDuration = 300 } = config;
100
- if (type == 'navigateTo' || type == 'to') {
101
- uni.navigateTo({ url, animationDuration });
102
- }
103
- if (type == 'redirectTo' || type == 'redirect') {
104
- uni.redirectTo({ url });
105
- }
106
- if (type == 'switchTab' || type == 'tab') {
107
- uni.switchTab({ url });
108
- }
109
- if (type == 'reLaunch' || type == 'launch') {
110
- uni.reLaunch({ url });
111
- }
112
- if (type == 'navigateBack' || type == 'back') {
113
- uni.navigateBack({ delta });
114
- }
115
- }
116
- }
117
-
118
- export default new Router().route;
1
+ /**
2
+ * 路由跳转方法,该方法相对于直接使用uni.xxx的好处是使用更加简单快捷
3
+ * 并且带有路由拦截功能
4
+ */
5
+
6
+ interface RouterConfig {
7
+ type?: string;
8
+ url?: string;
9
+ delta?: number;
10
+ params?: Record<string, any>;
11
+ animationType?: string;
12
+ animationDuration?: number;
13
+ intercept?: boolean;
14
+ }
15
+
16
+ declare const uni: any; // 声明uni对象,避免ts报错
17
+
18
+ class Router {
19
+ config: RouterConfig;
20
+ // route: (options?: string | RouterConfig, params?: Record<string, any>) => Promise<void>;
21
+
22
+ constructor() {
23
+ // 原始属性定义
24
+ this.config = {
25
+ type: 'navigateTo',
26
+ url: '',
27
+ delta: 1, // navigateBack页面后退时,回退的层数
28
+ params: {}, // 传递的参数
29
+ animationType: 'pop-in', // 窗口动画,只在APP有效
30
+ animationDuration: 300, // 窗口动画持续时间,单位毫秒,只在APP有效
31
+ intercept: false // 是否需要拦截
32
+ };
33
+ // 因为route方法是需要对外赋值给另外的对象使用,同时route内部有使用this,会导致route失去上下文
34
+ // 这里在构造函数中进行this绑定
35
+ this.route = this.route.bind(this);
36
+ }
37
+
38
+ // 判断url前面是否有"/",如果没有则加上,否则无法跳转
39
+ addRootPath(url: string): string {
40
+ return url[0] === '/' ? url : `/${url}`;
41
+ }
42
+
43
+ // 整合路由参数
44
+ mixinParam(url: string, params: Record<string, any>): string {
45
+ url = url && this.addRootPath(url);
46
+ // 使用正则匹配,主要依据是判断是否有"/","?","="等,如“/page/index/index?name=mary"
47
+ // 如果有url中有get参数,转换后无需带上"?"
48
+ let query = '';
49
+ if (/.*\/.*\?.*=.*/.test(url)) {
50
+ // object对象转为get类型的参数
51
+ query = uni.$u.queryParams(params, false);
52
+ // 因为已有get参数,所以后面拼接的参数需要带上"&"隔开
53
+ return url + '&' + query;
54
+ } else {
55
+ // 直接拼接参数,因为此处url中没有后面的query参数,也就没有"?/&"之类的符号
56
+ query = uni.$u.queryParams(params);
57
+ return url + query;
58
+ }
59
+ }
60
+
61
+ /**
62
+ * 路由跳转主方法
63
+ * @param options 跳转配置或url字符串
64
+ * @param params 跳转参数
65
+ */
66
+ async route(options: string | RouterConfig = {}, params: Record<string, any> = {}): Promise<void> {
67
+ let mergeConfig: RouterConfig = {};
68
+ if (typeof options === 'string') {
69
+ // 如果options为字符串,则为route(url, params)的形式
70
+ mergeConfig.url = this.mixinParam(options, params);
71
+ mergeConfig.type = 'navigateTo';
72
+ } else {
73
+ mergeConfig = uni.$u.deepMerge(this.config, options);
74
+ // 否则正常使用mergeConfig中的url和params进行拼接
75
+ mergeConfig.url = this.mixinParam(options.url || '', options.params || {});
76
+ }
77
+ if (params.intercept) {
78
+ this.config.intercept = params.intercept;
79
+ }
80
+ // params参数也带给拦截器
81
+ mergeConfig.params = params;
82
+ // 合并内外部参数
83
+ mergeConfig = uni.$u.deepMerge(this.config, mergeConfig);
84
+ // 判断用户是否定义了拦截器
85
+ if (uni.$u.routeIntercept && typeof uni.$u.routeIntercept === 'function') {
86
+ // 定一个promise,根据用户执行resolve(true)或者resolve(false)来决定是否进行路由跳转
87
+ const isNext = await new Promise<boolean>(resolve => {
88
+ uni.$u.routeIntercept(mergeConfig, resolve);
89
+ });
90
+ // 如果isNext为true,则执行路由跳转
91
+ isNext && this.openPage(mergeConfig);
92
+ } else {
93
+ this.openPage(mergeConfig);
94
+ }
95
+ }
96
+
97
+ // 执行路由跳转
98
+ openPage(config: RouterConfig): void {
99
+ const { url = '', type = '', delta = 1, animationDuration = 300 } = config;
100
+ if (type == 'navigateTo' || type == 'to') {
101
+ uni.navigateTo({ url, animationDuration });
102
+ }
103
+ if (type == 'redirectTo' || type == 'redirect') {
104
+ uni.redirectTo({ url });
105
+ }
106
+ if (type == 'switchTab' || type == 'tab') {
107
+ uni.switchTab({ url });
108
+ }
109
+ if (type == 'reLaunch' || type == 'launch') {
110
+ uni.reLaunch({ url });
111
+ }
112
+ if (type == 'navigateBack' || type == 'back') {
113
+ uni.navigateBack({ delta });
114
+ }
115
+ }
116
+ }
117
+
118
+ export default new Router().route;
@@ -1,15 +1,15 @@
1
- /**
2
- * 获取当前操作系统平台
3
- * @returns 平台字符串,如 'ios'、'android'、'windows' 等
4
- */
5
- export function os(): string {
6
- return uni.getSystemInfoSync().platform;
7
- }
8
-
9
- /**
10
- * 获取系统信息
11
- * @returns uniapp 系统信息对象
12
- */
13
- export function sys(): UniApp.GetSystemInfoResult {
14
- return uni.getSystemInfoSync();
15
- }
1
+ /**
2
+ * 获取当前操作系统平台
3
+ * @returns 平台字符串,如 'ios'、'android'、'windows' 等
4
+ */
5
+ export function os(): string {
6
+ return uni.getSystemInfoSync().platform;
7
+ }
8
+
9
+ /**
10
+ * 获取系统信息
11
+ * @returns uniapp 系统信息对象
12
+ */
13
+ export function sys(): UniApp.GetSystemInfoResult {
14
+ return uni.getSystemInfoSync();
15
+ }