uview-pro 0.0.17 → 0.0.19

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