uview-pro 0.6.18 → 0.6.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 (278) hide show
  1. package/changelog.md +1778 -1768
  2. package/components/u-action-sheet/types.ts +52 -52
  3. package/components/u-action-sheet/u-action-sheet.vue +196 -196
  4. package/components/u-action-sheet-item/types.ts +35 -35
  5. package/components/u-action-sheet-item/u-action-sheet-item.vue +85 -85
  6. package/components/u-alert-tips/types.ts +49 -49
  7. package/components/u-alert-tips/u-alert-tips.vue +239 -239
  8. package/components/u-avatar/types.ts +44 -44
  9. package/components/u-avatar/u-avatar.vue +218 -218
  10. package/components/u-avatar-cropper/types.ts +23 -23
  11. package/components/u-avatar-cropper/u-avatar-cropper.vue +299 -299
  12. package/components/u-avatar-cropper/weCropper.d.ts +62 -62
  13. package/components/u-avatar-cropper/weCropper.js +1281 -1281
  14. package/components/u-avatar-cropper/weCropper.ts +1276 -1276
  15. package/components/u-back-top/types.ts +44 -44
  16. package/components/u-back-top/u-back-top.vue +141 -141
  17. package/components/u-badge/types.ts +46 -46
  18. package/components/u-badge/u-badge.vue +153 -153
  19. package/components/u-button/types.ts +76 -76
  20. package/components/u-button/u-button.vue +608 -608
  21. package/components/u-calendar/types.ts +126 -126
  22. package/components/u-calendar/u-calendar.vue +1243 -1243
  23. package/components/u-car-keyboard/types.ts +22 -22
  24. package/components/u-car-keyboard/u-car-keyboard.vue +263 -263
  25. package/components/u-card/types.ts +69 -69
  26. package/components/u-card/u-card.vue +210 -210
  27. package/components/u-cell-group/types.ts +27 -27
  28. package/components/u-cell-group/u-cell-group.vue +60 -60
  29. package/components/u-cell-item/types.ts +64 -64
  30. package/components/u-cell-item/u-cell-item.vue +221 -221
  31. package/components/u-checkbox/types.ts +45 -45
  32. package/components/u-checkbox/u-checkbox.vue +363 -363
  33. package/components/u-checkbox-group/types.ts +45 -45
  34. package/components/u-checkbox-group/u-checkbox-group.vue +172 -172
  35. package/components/u-circle-progress/types.ts +63 -63
  36. package/components/u-circle-progress/u-circle-progress.vue +299 -299
  37. package/components/u-city-select/types.ts +30 -30
  38. package/components/u-city-select/u-city-select.vue +281 -281
  39. package/components/u-col/types.ts +40 -40
  40. package/components/u-col/u-col.vue +142 -142
  41. package/components/u-collapse/types.ts +41 -41
  42. package/components/u-collapse/u-collapse.vue +190 -190
  43. package/components/u-collapse-item/types.ts +35 -35
  44. package/components/u-collapse-item/u-collapse-item.vue +291 -291
  45. package/components/u-column-notice/types.ts +58 -58
  46. package/components/u-column-notice/u-column-notice.vue +223 -223
  47. package/components/u-config-provider/types.ts +53 -53
  48. package/components/u-config-provider/u-config-provider.vue +185 -185
  49. package/components/u-count-down/types.ts +52 -52
  50. package/components/u-count-down/u-count-down.vue +288 -288
  51. package/components/u-count-to/types.ts +42 -42
  52. package/components/u-count-to/u-count-to.vue +266 -266
  53. package/components/u-divider/types.ts +41 -41
  54. package/components/u-divider/u-divider.vue +146 -146
  55. package/components/u-dropdown/types.ts +67 -67
  56. package/components/u-dropdown/u-dropdown.vue +436 -436
  57. package/components/u-dropdown-item/types.ts +40 -40
  58. package/components/u-dropdown-item/u-dropdown-item.vue +124 -124
  59. package/components/u-empty/types.ts +46 -46
  60. package/components/u-empty/u-empty.vue +109 -109
  61. package/components/u-fab/types.ts +83 -83
  62. package/components/u-fab/u-fab.vue +330 -330
  63. package/components/u-field/types.ts +81 -81
  64. package/components/u-field/u-field.vue +398 -398
  65. package/components/u-form/types.ts +39 -39
  66. package/components/u-form/u-form.vue +175 -135
  67. package/components/u-form-item/types.ts +95 -95
  68. package/components/u-form-item/u-form-item.vue +563 -563
  69. package/components/u-full-screen/types.ts +26 -26
  70. package/components/u-full-screen/u-full-screen.vue +100 -100
  71. package/components/u-gap/types.ts +28 -28
  72. package/components/u-gap/u-gap.vue +50 -50
  73. package/components/u-grid/types.ts +29 -29
  74. package/components/u-grid/u-grid.vue +91 -91
  75. package/components/u-grid-item/types.ts +24 -24
  76. package/components/u-grid-item/u-grid-item.vue +130 -130
  77. package/components/u-icon/types.ts +69 -69
  78. package/components/u-icon/u-icon.vue +301 -301
  79. package/components/u-image/types.ts +61 -61
  80. package/components/u-image/u-image.vue +245 -245
  81. package/components/u-index-anchor/types.ts +24 -24
  82. package/components/u-index-anchor/u-index-anchor.vue +120 -120
  83. package/components/u-index-list/types.ts +44 -44
  84. package/components/u-index-list/u-index-list.vue +346 -346
  85. package/components/u-input/types.ts +165 -165
  86. package/components/u-input/u-input.vue +453 -453
  87. package/components/u-keyboard/types.ts +40 -40
  88. package/components/u-keyboard/u-keyboard.vue +201 -201
  89. package/components/u-lazy-load/types.ts +37 -37
  90. package/components/u-lazy-load/u-lazy-load.vue +246 -246
  91. package/components/u-line/types.ts +44 -44
  92. package/components/u-line/u-line.vue +68 -68
  93. package/components/u-line-progress/types.ts +58 -58
  94. package/components/u-line-progress/u-line-progress.vue +131 -131
  95. package/components/u-link/types.ts +54 -54
  96. package/components/u-link/u-link.vue +100 -100
  97. package/components/u-loading/types.ts +45 -45
  98. package/components/u-loading/u-loading.vue +106 -106
  99. package/components/u-loading-popup/types.ts +26 -26
  100. package/components/u-loading-popup/u-loading-popup.vue +254 -254
  101. package/components/u-loadmore/types.ts +88 -88
  102. package/components/u-loadmore/u-loadmore.vue +170 -170
  103. package/components/u-mask/types.ts +48 -48
  104. package/components/u-mask/u-mask.vue +113 -113
  105. package/components/u-message-input/types.ts +90 -90
  106. package/components/u-message-input/u-message-input.vue +283 -283
  107. package/components/u-modal/service.ts +48 -48
  108. package/components/u-modal/types.ts +139 -139
  109. package/components/u-modal/u-modal.vue +465 -465
  110. package/components/u-navbar/types.ts +104 -104
  111. package/components/u-navbar/u-navbar.vue +268 -268
  112. package/components/u-no-network/image.ts +2 -2
  113. package/components/u-no-network/types.ts +29 -29
  114. package/components/u-no-network/u-no-network.vue +313 -313
  115. package/components/u-notice-bar/types.ts +111 -111
  116. package/components/u-notice-bar/u-notice-bar.vue +191 -191
  117. package/components/u-number-box/types.ts +42 -42
  118. package/components/u-number-box/u-number-box.vue +322 -322
  119. package/components/u-number-keyboard/types.ts +26 -26
  120. package/components/u-number-keyboard/u-number-keyboard.vue +189 -189
  121. package/components/u-pagination/types.ts +38 -38
  122. package/components/u-pagination/u-pagination.vue +102 -102
  123. package/components/u-picker/types.ts +140 -140
  124. package/components/u-picker/u-picker.vue +854 -854
  125. package/components/u-popup/types.ts +64 -64
  126. package/components/u-popup/u-popup.vue +427 -427
  127. package/components/u-radio/types.ts +39 -39
  128. package/components/u-radio/u-radio.vue +349 -349
  129. package/components/u-radio-group/types.ts +40 -40
  130. package/components/u-radio-group/u-radio-group.vue +96 -96
  131. package/components/u-rate/types.ts +50 -50
  132. package/components/u-rate/u-rate.vue +250 -250
  133. package/components/u-read-more/types.ts +46 -46
  134. package/components/u-read-more/u-read-more.vue +182 -182
  135. package/components/u-root-portal/u-root-portal.vue +55 -55
  136. package/components/u-row/types.ts +30 -30
  137. package/components/u-row/u-row.vue +105 -105
  138. package/components/u-row-notice/types.ts +49 -49
  139. package/components/u-row-notice/u-row-notice.vue +257 -257
  140. package/components/u-safe-bottom/types.ts +19 -19
  141. package/components/u-safe-bottom/u-safe-bottom.vue +55 -55
  142. package/components/u-search/u-search.vue +297 -297
  143. package/components/u-section/types.ts +42 -42
  144. package/components/u-section/u-section.vue +156 -156
  145. package/components/u-select/types.ts +56 -56
  146. package/components/u-select/u-select.vue +447 -447
  147. package/components/u-skeleton/types.ts +89 -89
  148. package/components/u-skeleton/u-skeleton.vue +253 -253
  149. package/components/u-slider/types.ts +55 -55
  150. package/components/u-slider/u-slider.vue +422 -422
  151. package/components/u-status-bar/types.ts +21 -21
  152. package/components/u-status-bar/u-status-bar.vue +64 -64
  153. package/components/u-step/types.ts +37 -37
  154. package/components/u-step/u-step.vue +292 -292
  155. package/components/u-steps/types.ts +39 -39
  156. package/components/u-steps/u-steps.vue +105 -105
  157. package/components/u-sticky/types.ts +33 -33
  158. package/components/u-sticky/u-sticky.vue +177 -177
  159. package/components/u-subsection/types.ts +46 -46
  160. package/components/u-subsection/u-subsection.vue +358 -358
  161. package/components/u-swipe-action/types.ts +60 -60
  162. package/components/u-swipe-action/u-swipe-action.vue +276 -276
  163. package/components/u-swiper/types.ts +57 -57
  164. package/components/u-swiper/u-swiper.vue +308 -308
  165. package/components/u-switch/types.ts +39 -39
  166. package/components/u-switch/u-switch.vue +212 -212
  167. package/components/u-tabbar/types.ts +57 -57
  168. package/components/u-tabbar/u-tabbar.vue +480 -480
  169. package/components/u-table/types.ts +35 -35
  170. package/components/u-table/u-table.vue +67 -67
  171. package/components/u-tabs/types.ts +64 -64
  172. package/components/u-tabs/u-tabs.vue +328 -328
  173. package/components/u-tabs-swiper/types.ts +64 -64
  174. package/components/u-tabs-swiper/u-tabs-swiper.vue +407 -407
  175. package/components/u-tag/types.ts +47 -47
  176. package/components/u-tag/u-tag.vue +276 -276
  177. package/components/u-td/types.ts +22 -22
  178. package/components/u-td/u-td.vue +65 -65
  179. package/components/u-text/types.ts +80 -80
  180. package/components/u-text/u-text.vue +355 -355
  181. package/components/u-textarea/types.ts +105 -105
  182. package/components/u-textarea/u-textarea.vue +450 -450
  183. package/components/u-th/types.ts +22 -22
  184. package/components/u-th/u-th.vue +63 -63
  185. package/components/u-time-line/u-time-line.vue +64 -64
  186. package/components/u-time-line-item/types.ts +24 -24
  187. package/components/u-time-line-item/u-time-line-item.vue +89 -89
  188. package/components/u-toast/service.ts +40 -40
  189. package/components/u-toast/types.ts +54 -54
  190. package/components/u-toast/u-toast.vue +385 -385
  191. package/components/u-top-tips/types.ts +25 -25
  192. package/components/u-top-tips/u-top-tips.vue +130 -130
  193. package/components/u-tr/types.ts +19 -19
  194. package/components/u-tr/u-tr.vue +39 -39
  195. package/components/u-transition/types.ts +43 -43
  196. package/components/u-transition/u-transition.vue +437 -437
  197. package/components/u-upload/types.ts +171 -171
  198. package/components/u-upload/u-upload.vue +1605 -1605
  199. package/components/u-verification-code/types.ts +32 -32
  200. package/components/u-verification-code/u-verification-code.vue +183 -183
  201. package/components/u-waterfall/types.ts +26 -26
  202. package/components/u-waterfall/u-waterfall.vue +188 -188
  203. package/iconfont.css +913 -913
  204. package/index.scss +26 -26
  205. package/libs/config/color.ts +9 -9
  206. package/libs/config/config.ts +59 -59
  207. package/libs/config/theme-tokens.ts +102 -102
  208. package/libs/config/zIndex.ts +32 -32
  209. package/libs/css/color.scss +155 -155
  210. package/libs/css/common.scss +183 -183
  211. package/libs/css/style.components.scss +16 -16
  212. package/libs/css/style.h5.scss +8 -8
  213. package/libs/css/style.mp.scss +68 -68
  214. package/libs/css/style.nvue.scss +15 -15
  215. package/libs/css/style.theme.scss +56 -56
  216. package/libs/css/style.vue.scss +188 -188
  217. package/libs/function/$parent.ts +24 -24
  218. package/libs/function/addUnit.ts +50 -50
  219. package/libs/function/clipboard.ts +73 -73
  220. package/libs/function/color.ts +28 -28
  221. package/libs/function/colorGradient.ts +139 -139
  222. package/libs/function/debounce.ts +28 -28
  223. package/libs/function/deepClone.ts +39 -39
  224. package/libs/function/deepMerge.ts +35 -35
  225. package/libs/function/getParent.ts +63 -63
  226. package/libs/function/getRect.ts +26 -26
  227. package/libs/function/guid.ts +42 -42
  228. package/libs/function/md5.ts +403 -403
  229. package/libs/function/parent.ts +21 -21
  230. package/libs/function/queryParams.ts +64 -64
  231. package/libs/function/random.ts +16 -16
  232. package/libs/function/randomArray.ts +11 -11
  233. package/libs/function/route.ts +118 -118
  234. package/libs/function/styleUtils.ts +83 -83
  235. package/libs/function/sys.ts +15 -15
  236. package/libs/function/test.ts +289 -289
  237. package/libs/function/throttle.ts +31 -31
  238. package/libs/function/timeFormat.ts +55 -55
  239. package/libs/function/timeFrom.ts +48 -48
  240. package/libs/function/toast.ts +14 -14
  241. package/libs/function/trim.ts +21 -21
  242. package/libs/function/type2icon.ts +38 -38
  243. package/libs/hooks/index.ts +10 -10
  244. package/libs/hooks/useColor.ts +61 -61
  245. package/libs/hooks/useCompRelation.ts +424 -424
  246. package/libs/hooks/useDebounce.ts +15 -15
  247. package/libs/hooks/useEmitter.ts +79 -79
  248. package/libs/hooks/useLocale.ts +34 -34
  249. package/libs/hooks/useModal.ts +131 -131
  250. package/libs/hooks/useRect.ts +40 -40
  251. package/libs/hooks/useRouter.ts +173 -173
  252. package/libs/hooks/useTheme.ts +173 -173
  253. package/libs/hooks/useThrottle.ts +16 -16
  254. package/libs/hooks/useToast.ts +115 -115
  255. package/libs/index.ts +349 -349
  256. package/libs/request/auto-http.ts +76 -76
  257. package/libs/request/index.ts +301 -301
  258. package/libs/store/index.ts +88 -88
  259. package/libs/util/async-validator.d.ts +75 -75
  260. package/libs/util/async-validator.js +1 -1
  261. package/libs/util/calendar.d.ts +57 -57
  262. package/libs/util/canvas-2d.ts +182 -182
  263. package/libs/util/config-provider.ts +804 -804
  264. package/libs/util/emitter.ts +112 -112
  265. package/libs/util/mitt.ts +118 -118
  266. package/libs/util/system-theme.ts +25 -25
  267. package/locale/index.ts +2 -2
  268. package/locale/lang/en-US.ts +136 -136
  269. package/locale/lang/zh-CN.ts +136 -136
  270. package/package.json +1 -1
  271. package/plugins/root/page.ts +77 -77
  272. package/plugins/root/root.ts +53 -53
  273. package/theme.scss +149 -149
  274. package/types/components.d.ts +105 -105
  275. package/types/global.d.ts +470 -470
  276. package/types/ignore-errors.d.ts +30 -30
  277. package/types/index.d.ts +15 -15
  278. package/types/uni-app.d.ts +63 -63
package/libs/index.ts CHANGED
@@ -1,349 +1,349 @@
1
- // post类型对象参数转为get类型url参数
2
- import queryParams from './function/queryParams';
3
- // 路由封装
4
- import route from './function/route';
5
- // 时间格式化
6
- import timeFormat from './function/timeFormat';
7
- // 时间戳格式化,返回多久之前
8
- import timeFrom from './function/timeFrom';
9
- // 颜色渐变相关,colorGradient-颜色渐变,hexToRgb-十六进制颜色转rgb颜色,rgbToHex-rgb转十六进制
10
- import colorGradients from './function/colorGradient';
11
- // 生成全局唯一guid字符串
12
- import guid from './function/guid';
13
- // 主题相关颜色,info|success|warning|primary|default|error,此颜色已在uview.scss中定义,但是为js中也能使用,故也定义一份
14
- import { color } from './config/color';
15
- import { getColor, setColor } from './function/color';
16
- // 根据type获取图标名称
17
- import type2icon from './function/type2icon';
18
- // 打乱数组的顺序
19
- import randomArray from './function/randomArray';
20
- // 对象和数组的深度克隆
21
- import deepClone from './function/deepClone';
22
- // 对象深度拷贝
23
- import deepMerge from './function/deepMerge';
24
- // 添加单位
25
- import addUnit from './function/addUnit';
26
- // 规则检验
27
- import test from './function/test';
28
- // 随机数
29
- import random from './function/random';
30
- // 去除空格
31
- import trim from './function/trim';
32
- // toast提示,对uni.showToast的封装
33
- import toast from './function/toast';
34
- // 获取父组件参数
35
- import getParent from './function/getParent';
36
- // 获取整个父组件
37
- import $parent from './function/$parent';
38
- // 获取sys()和os()工具方法
39
- // 获取设备信息,挂载到$u的sys()(system的缩写)属性中,
40
- // 同时把安卓和ios平台的名称"ios"和"android"挂到$u.os()中,方便取用
41
- import { sys, os } from './function/sys';
42
- // 防抖方法
43
- import debounce from './function/debounce';
44
- // 节流方法
45
- import throttle from './function/throttle';
46
- // 获取元素的位置信息
47
- import getRect from './function/getRect';
48
- // 剪贴板
49
- import { clipboard } from './function/clipboard';
50
- // 配置信息
51
- import config from './config/config';
52
- // 各个需要fixed的地方的z-index配置文件
53
- import zIndex from './config/zIndex';
54
- import { mitt } from './util/mitt';
55
- // http相关
56
- import httpPlugin, {
57
- Request,
58
- http,
59
- type RequestOptions,
60
- type RequestConfig,
61
- type RequestInterceptor,
62
- type RequestMeta
63
- } from './request/index';
64
-
65
- /**
66
- * @description 数字格式化
67
- * @param number 要格式化的数字
68
- * @param decimals 保留几位小数
69
- * @param decimalPoint 小数点符号
70
- * @param thousandsSeparator 千分位符号
71
- * @returns 格式化后的数字
72
- */
73
- export function formatPrice(
74
- number: number | string,
75
- decimals: number = 0,
76
- decimalPoint: string = '.',
77
- thousandsSeparator: string = ','
78
- ): string {
79
- // 辅助函数:四舍五入到指定小数位
80
- function round(num: number, precision: number): string {
81
- const factor = Math.pow(10, precision);
82
- return (Math.round(num * factor) / factor).toFixed(precision);
83
- }
84
-
85
- let numStr = String(number).replace(/[^0-9+\-Ee.]/g, '');
86
- const n = !isFinite(+numStr) ? 0 : +numStr;
87
- const prec = !isFinite(+decimals) ? 0 : Math.abs(decimals);
88
- const sep = thousandsSeparator ?? ',';
89
- const dec = decimalPoint ?? '.';
90
- let s: string[] = [];
91
-
92
- s = (prec ? round(n, prec) : Math.round(n).toString()).split('.');
93
- const re = /(-?\d+)(\d{3})/;
94
- while (re.test(s[0])) {
95
- s[0] = s[0].replace(re, `$1${sep}$2`);
96
- }
97
-
98
- if ((s[1] || '').length < prec) {
99
- s[1] = s[1] || '';
100
- s[1] += '0'.repeat(prec - s[1].length);
101
- }
102
- return s.join(dec);
103
- }
104
-
105
- // 默认的姓名脱敏规则
106
- export function formatName(name: string): string {
107
- if (name.length === 2) {
108
- return name.charAt(0) + '*';
109
- } else if (name.length > 2) {
110
- const masked = '*'.repeat(name.length - 2);
111
- return name.charAt(0) + masked + name.charAt(name.length - 1);
112
- } else {
113
- return name;
114
- }
115
- }
116
-
117
- /**
118
- * @description 样式转换
119
- * 对象转字符串,或者字符串转对象
120
- * @param {object | string} customStyle 需要转换的目标
121
- * @param {String} target 转换的目的,object-转为对象,string-转为字符串
122
- * @returns {object|string}
123
- */
124
- export function addStyle(
125
- customStyle: Record<string, string> | string,
126
- target: 'object' | 'string' = 'object'
127
- ): Record<string, string> | string {
128
- // 字符串转字符串,对象转对象情形,直接返回
129
- if (
130
- test.empty(customStyle) ||
131
- (typeof customStyle === 'object' && target === 'object') ||
132
- (target === 'string' && typeof customStyle === 'string')
133
- ) {
134
- return customStyle;
135
- }
136
- // 字符串转对象
137
- if (target === 'object') {
138
- // 去除字符串样式中的两端空格
139
- const trimmedStyle = trim(customStyle as string);
140
- const styleArray = trimmedStyle.split(';');
141
- const style: Record<string, string> = {};
142
- for (let i = 0; i < styleArray.length; i++) {
143
- if (styleArray[i]) {
144
- const item = styleArray[i].split(':');
145
- if (item.length === 2) {
146
- style[trim(item[0])] = trim(item[1]);
147
- }
148
- }
149
- }
150
- return style;
151
- }
152
- // 对象转字符串
153
- let string = '';
154
- for (const i in customStyle as Record<string, string>) {
155
- if (Object.prototype.hasOwnProperty.call(customStyle, i)) {
156
- const key = i.replace(/([A-Z])/g, '-$1').toLowerCase();
157
- string += `${key}:${(customStyle as Record<string, string>)[i]};`;
158
- }
159
- }
160
- return trim(string);
161
- }
162
-
163
- /**
164
- * 将外部传入的样式格式化为可读的 CSS 样式。
165
- * @param {object | object[]} styles 外部传入的样式对象或数组
166
- * @returns {string} 格式化后的 CSS 样式字符串
167
- */
168
- export function toStyle(...styles: Array<Record<string, any> | string | null | undefined>): string {
169
- // 支持多参数:每个参数可以是 object 或 string,后面的参数优先级更高,会覆盖同名样式
170
- // 如果传入单个数组(兼容旧调用),解构展开
171
- if (styles.length === 1 && Array.isArray(styles[0])) {
172
- styles = (styles[0] as any[]).slice();
173
- }
174
-
175
- // 用于合并样式的 Map,key 使用 kebab-case
176
- const map = new Map<string, any>();
177
-
178
- const processString = (str: string) => {
179
- if (!str) return;
180
- // 移除可能的末尾分号,再按分号分割
181
- const parts = str.split(';');
182
- for (let part of parts) {
183
- part = part.trim();
184
- if (!part) continue;
185
- const idx = part.indexOf(':');
186
- if (idx === -1) continue;
187
- const key = trim(part.slice(0, idx));
188
- const val = trim(part.slice(idx + 1));
189
- if (key === '' || val === '') continue;
190
- const k = kebabCase(key);
191
- map.set(k, val);
192
- }
193
- };
194
-
195
- const processObject = (obj: Record<string, any>) => {
196
- if (!obj) return;
197
- Object.keys(obj).forEach(key => {
198
- const val = obj[key];
199
- if (val == null || val === '') return;
200
- const k = kebabCase(key);
201
- map.set(k, val);
202
- });
203
- };
204
-
205
- for (const item of styles) {
206
- if (item == null || item === '') continue;
207
- if (test.string(item)) {
208
- processString(item as string);
209
- } else if (test.array(item)) {
210
- // 若传入数组作为参数,递归处理数组元素
211
- (item as any[]).forEach(el => {
212
- if (test.string(el)) processString(el as string);
213
- else if (test.object(el)) processObject(el as Record<string, any>);
214
- });
215
- } else if (test.object(item)) {
216
- processObject(item as Record<string, any>);
217
- }
218
- }
219
-
220
- if (map.size === 0) return '';
221
-
222
- // 按插入顺序构造样式字符串,值转成字符串
223
- const result = Array.from(map.entries())
224
- .map(([k, v]) => `${k}:${String(v)}`)
225
- .join(';');
226
-
227
- return result ? (result.endsWith(';') ? result : result + ';') : '';
228
- }
229
-
230
- /**
231
- * 将驼峰命名转换为短横线命名。
232
- * @param {string} word 待转换的词条
233
- * @returns {string} 转换后的结果
234
- */
235
- export function kebabCase(word: string): string {
236
- // 使用正则表达式匹配所有大写字母,并在前面加上短横线,然后转换为小写
237
- const newWord: string = word
238
- .replace(/[A-Z]/g, function (match) {
239
- return '-' + match;
240
- })
241
- .toLowerCase();
242
-
243
- return newWord;
244
- }
245
-
246
- /**
247
- * @description 进行延时,以达到可以简写代码的目的 比如: await uni.$u.sleep(20)将会阻塞20ms
248
- * @param {number} value 堵塞时间 单位ms 毫秒
249
- * @returns {Promise} 返回promise
250
- */
251
- export function sleep(value: number = 30): Promise<boolean> {
252
- return new Promise(resolve => {
253
- setTimeout(() => {
254
- resolve(true);
255
- }, value);
256
- });
257
- }
258
-
259
- export {
260
- queryParams,
261
- route,
262
- timeFormat,
263
- timeFrom,
264
- guid,
265
- color,
266
- getColor,
267
- setColor,
268
- sys,
269
- os,
270
- type2icon,
271
- randomArray,
272
- deepClone,
273
- deepMerge,
274
- addUnit,
275
- test,
276
- random,
277
- trim,
278
- toast,
279
- debounce,
280
- throttle,
281
- getRect,
282
- getParent,
283
- $parent,
284
- clipboard,
285
- config,
286
- zIndex,
287
- mitt
288
- };
289
-
290
- export const $u = {
291
- queryParams: queryParams,
292
- route: route,
293
- timeFormat: timeFormat,
294
- date: timeFormat, // 另名date
295
- timeFrom,
296
- colorGradient: colorGradients.colorGradient,
297
- colorToRgba: colorGradients.colorToRgba,
298
- guid,
299
- color,
300
- getColor,
301
- setColor,
302
- sys,
303
- os,
304
- type2icon,
305
- randomArray,
306
- hexToRgb: colorGradients.hexToRgb,
307
- rgbToHex: colorGradients.rgbToHex,
308
- test,
309
- random,
310
- deepClone,
311
- deepMerge,
312
- getParent,
313
- $parent,
314
- clipboard,
315
- addUnit,
316
- trim,
317
- type: ['primary', 'success', 'error', 'warning', 'info'],
318
- http,
319
- toast,
320
- config, // uView配置信息相关,比如版本号
321
- zIndex,
322
- debounce,
323
- throttle,
324
- mitt: mitt(),
325
- getRect,
326
- formatPrice,
327
- formatName,
328
- addStyle,
329
- toStyle,
330
- kebabCase,
331
- sleep
332
- };
333
-
334
- // 颜色相关方法单独导出
335
- export const { colorGradient, colorToRgba, hexToRgb, rgbToHex } = colorGradients;
336
- // http相关导出
337
- export {
338
- Request,
339
- httpPlugin,
340
- http,
341
- type RequestOptions,
342
- type RequestConfig,
343
- type RequestInterceptor,
344
- type RequestMeta
345
- };
346
-
347
- export * from './hooks';
348
-
349
- export * from './util/config-provider';
1
+ // post类型对象参数转为get类型url参数
2
+ import queryParams from './function/queryParams';
3
+ // 路由封装
4
+ import route from './function/route';
5
+ // 时间格式化
6
+ import timeFormat from './function/timeFormat';
7
+ // 时间戳格式化,返回多久之前
8
+ import timeFrom from './function/timeFrom';
9
+ // 颜色渐变相关,colorGradient-颜色渐变,hexToRgb-十六进制颜色转rgb颜色,rgbToHex-rgb转十六进制
10
+ import colorGradients from './function/colorGradient';
11
+ // 生成全局唯一guid字符串
12
+ import guid from './function/guid';
13
+ // 主题相关颜色,info|success|warning|primary|default|error,此颜色已在uview.scss中定义,但是为js中也能使用,故也定义一份
14
+ import { color } from './config/color';
15
+ import { getColor, setColor } from './function/color';
16
+ // 根据type获取图标名称
17
+ import type2icon from './function/type2icon';
18
+ // 打乱数组的顺序
19
+ import randomArray from './function/randomArray';
20
+ // 对象和数组的深度克隆
21
+ import deepClone from './function/deepClone';
22
+ // 对象深度拷贝
23
+ import deepMerge from './function/deepMerge';
24
+ // 添加单位
25
+ import addUnit from './function/addUnit';
26
+ // 规则检验
27
+ import test from './function/test';
28
+ // 随机数
29
+ import random from './function/random';
30
+ // 去除空格
31
+ import trim from './function/trim';
32
+ // toast提示,对uni.showToast的封装
33
+ import toast from './function/toast';
34
+ // 获取父组件参数
35
+ import getParent from './function/getParent';
36
+ // 获取整个父组件
37
+ import $parent from './function/$parent';
38
+ // 获取sys()和os()工具方法
39
+ // 获取设备信息,挂载到$u的sys()(system的缩写)属性中,
40
+ // 同时把安卓和ios平台的名称"ios"和"android"挂到$u.os()中,方便取用
41
+ import { sys, os } from './function/sys';
42
+ // 防抖方法
43
+ import debounce from './function/debounce';
44
+ // 节流方法
45
+ import throttle from './function/throttle';
46
+ // 获取元素的位置信息
47
+ import getRect from './function/getRect';
48
+ // 剪贴板
49
+ import { clipboard } from './function/clipboard';
50
+ // 配置信息
51
+ import config from './config/config';
52
+ // 各个需要fixed的地方的z-index配置文件
53
+ import zIndex from './config/zIndex';
54
+ import { mitt } from './util/mitt';
55
+ // http相关
56
+ import httpPlugin, {
57
+ Request,
58
+ http,
59
+ type RequestOptions,
60
+ type RequestConfig,
61
+ type RequestInterceptor,
62
+ type RequestMeta
63
+ } from './request/index';
64
+
65
+ /**
66
+ * @description 数字格式化
67
+ * @param number 要格式化的数字
68
+ * @param decimals 保留几位小数
69
+ * @param decimalPoint 小数点符号
70
+ * @param thousandsSeparator 千分位符号
71
+ * @returns 格式化后的数字
72
+ */
73
+ export function formatPrice(
74
+ number: number | string,
75
+ decimals: number = 0,
76
+ decimalPoint: string = '.',
77
+ thousandsSeparator: string = ','
78
+ ): string {
79
+ // 辅助函数:四舍五入到指定小数位
80
+ function round(num: number, precision: number): string {
81
+ const factor = Math.pow(10, precision);
82
+ return (Math.round(num * factor) / factor).toFixed(precision);
83
+ }
84
+
85
+ let numStr = String(number).replace(/[^0-9+\-Ee.]/g, '');
86
+ const n = !isFinite(+numStr) ? 0 : +numStr;
87
+ const prec = !isFinite(+decimals) ? 0 : Math.abs(decimals);
88
+ const sep = thousandsSeparator ?? ',';
89
+ const dec = decimalPoint ?? '.';
90
+ let s: string[] = [];
91
+
92
+ s = (prec ? round(n, prec) : Math.round(n).toString()).split('.');
93
+ const re = /(-?\d+)(\d{3})/;
94
+ while (re.test(s[0])) {
95
+ s[0] = s[0].replace(re, `$1${sep}$2`);
96
+ }
97
+
98
+ if ((s[1] || '').length < prec) {
99
+ s[1] = s[1] || '';
100
+ s[1] += '0'.repeat(prec - s[1].length);
101
+ }
102
+ return s.join(dec);
103
+ }
104
+
105
+ // 默认的姓名脱敏规则
106
+ export function formatName(name: string): string {
107
+ if (name.length === 2) {
108
+ return name.charAt(0) + '*';
109
+ } else if (name.length > 2) {
110
+ const masked = '*'.repeat(name.length - 2);
111
+ return name.charAt(0) + masked + name.charAt(name.length - 1);
112
+ } else {
113
+ return name;
114
+ }
115
+ }
116
+
117
+ /**
118
+ * @description 样式转换
119
+ * 对象转字符串,或者字符串转对象
120
+ * @param {object | string} customStyle 需要转换的目标
121
+ * @param {String} target 转换的目的,object-转为对象,string-转为字符串
122
+ * @returns {object|string}
123
+ */
124
+ export function addStyle(
125
+ customStyle: Record<string, string> | string,
126
+ target: 'object' | 'string' = 'object'
127
+ ): Record<string, string> | string {
128
+ // 字符串转字符串,对象转对象情形,直接返回
129
+ if (
130
+ test.empty(customStyle) ||
131
+ (typeof customStyle === 'object' && target === 'object') ||
132
+ (target === 'string' && typeof customStyle === 'string')
133
+ ) {
134
+ return customStyle;
135
+ }
136
+ // 字符串转对象
137
+ if (target === 'object') {
138
+ // 去除字符串样式中的两端空格
139
+ const trimmedStyle = trim(customStyle as string);
140
+ const styleArray = trimmedStyle.split(';');
141
+ const style: Record<string, string> = {};
142
+ for (let i = 0; i < styleArray.length; i++) {
143
+ if (styleArray[i]) {
144
+ const item = styleArray[i].split(':');
145
+ if (item.length === 2) {
146
+ style[trim(item[0])] = trim(item[1]);
147
+ }
148
+ }
149
+ }
150
+ return style;
151
+ }
152
+ // 对象转字符串
153
+ let string = '';
154
+ for (const i in customStyle as Record<string, string>) {
155
+ if (Object.prototype.hasOwnProperty.call(customStyle, i)) {
156
+ const key = i.replace(/([A-Z])/g, '-$1').toLowerCase();
157
+ string += `${key}:${(customStyle as Record<string, string>)[i]};`;
158
+ }
159
+ }
160
+ return trim(string);
161
+ }
162
+
163
+ /**
164
+ * 将外部传入的样式格式化为可读的 CSS 样式。
165
+ * @param {object | object[]} styles 外部传入的样式对象或数组
166
+ * @returns {string} 格式化后的 CSS 样式字符串
167
+ */
168
+ export function toStyle(...styles: Array<Record<string, any> | string | null | undefined>): string {
169
+ // 支持多参数:每个参数可以是 object 或 string,后面的参数优先级更高,会覆盖同名样式
170
+ // 如果传入单个数组(兼容旧调用),解构展开
171
+ if (styles.length === 1 && Array.isArray(styles[0])) {
172
+ styles = (styles[0] as any[]).slice();
173
+ }
174
+
175
+ // 用于合并样式的 Map,key 使用 kebab-case
176
+ const map = new Map<string, any>();
177
+
178
+ const processString = (str: string) => {
179
+ if (!str) return;
180
+ // 移除可能的末尾分号,再按分号分割
181
+ const parts = str.split(';');
182
+ for (let part of parts) {
183
+ part = part.trim();
184
+ if (!part) continue;
185
+ const idx = part.indexOf(':');
186
+ if (idx === -1) continue;
187
+ const key = trim(part.slice(0, idx));
188
+ const val = trim(part.slice(idx + 1));
189
+ if (key === '' || val === '') continue;
190
+ const k = kebabCase(key);
191
+ map.set(k, val);
192
+ }
193
+ };
194
+
195
+ const processObject = (obj: Record<string, any>) => {
196
+ if (!obj) return;
197
+ Object.keys(obj).forEach(key => {
198
+ const val = obj[key];
199
+ if (val == null || val === '') return;
200
+ const k = kebabCase(key);
201
+ map.set(k, val);
202
+ });
203
+ };
204
+
205
+ for (const item of styles) {
206
+ if (item == null || item === '') continue;
207
+ if (test.string(item)) {
208
+ processString(item as string);
209
+ } else if (test.array(item)) {
210
+ // 若传入数组作为参数,递归处理数组元素
211
+ (item as any[]).forEach(el => {
212
+ if (test.string(el)) processString(el as string);
213
+ else if (test.object(el)) processObject(el as Record<string, any>);
214
+ });
215
+ } else if (test.object(item)) {
216
+ processObject(item as Record<string, any>);
217
+ }
218
+ }
219
+
220
+ if (map.size === 0) return '';
221
+
222
+ // 按插入顺序构造样式字符串,值转成字符串
223
+ const result = Array.from(map.entries())
224
+ .map(([k, v]) => `${k}:${String(v)}`)
225
+ .join(';');
226
+
227
+ return result ? (result.endsWith(';') ? result : result + ';') : '';
228
+ }
229
+
230
+ /**
231
+ * 将驼峰命名转换为短横线命名。
232
+ * @param {string} word 待转换的词条
233
+ * @returns {string} 转换后的结果
234
+ */
235
+ export function kebabCase(word: string): string {
236
+ // 使用正则表达式匹配所有大写字母,并在前面加上短横线,然后转换为小写
237
+ const newWord: string = word
238
+ .replace(/[A-Z]/g, function (match) {
239
+ return '-' + match;
240
+ })
241
+ .toLowerCase();
242
+
243
+ return newWord;
244
+ }
245
+
246
+ /**
247
+ * @description 进行延时,以达到可以简写代码的目的 比如: await uni.$u.sleep(20)将会阻塞20ms
248
+ * @param {number} value 堵塞时间 单位ms 毫秒
249
+ * @returns {Promise} 返回promise
250
+ */
251
+ export function sleep(value: number = 30): Promise<boolean> {
252
+ return new Promise(resolve => {
253
+ setTimeout(() => {
254
+ resolve(true);
255
+ }, value);
256
+ });
257
+ }
258
+
259
+ export {
260
+ queryParams,
261
+ route,
262
+ timeFormat,
263
+ timeFrom,
264
+ guid,
265
+ color,
266
+ getColor,
267
+ setColor,
268
+ sys,
269
+ os,
270
+ type2icon,
271
+ randomArray,
272
+ deepClone,
273
+ deepMerge,
274
+ addUnit,
275
+ test,
276
+ random,
277
+ trim,
278
+ toast,
279
+ debounce,
280
+ throttle,
281
+ getRect,
282
+ getParent,
283
+ $parent,
284
+ clipboard,
285
+ config,
286
+ zIndex,
287
+ mitt
288
+ };
289
+
290
+ export const $u = {
291
+ queryParams: queryParams,
292
+ route: route,
293
+ timeFormat: timeFormat,
294
+ date: timeFormat, // 另名date
295
+ timeFrom,
296
+ colorGradient: colorGradients.colorGradient,
297
+ colorToRgba: colorGradients.colorToRgba,
298
+ guid,
299
+ color,
300
+ getColor,
301
+ setColor,
302
+ sys,
303
+ os,
304
+ type2icon,
305
+ randomArray,
306
+ hexToRgb: colorGradients.hexToRgb,
307
+ rgbToHex: colorGradients.rgbToHex,
308
+ test,
309
+ random,
310
+ deepClone,
311
+ deepMerge,
312
+ getParent,
313
+ $parent,
314
+ clipboard,
315
+ addUnit,
316
+ trim,
317
+ type: ['primary', 'success', 'error', 'warning', 'info'],
318
+ http,
319
+ toast,
320
+ config, // uView配置信息相关,比如版本号
321
+ zIndex,
322
+ debounce,
323
+ throttle,
324
+ mitt: mitt(),
325
+ getRect,
326
+ formatPrice,
327
+ formatName,
328
+ addStyle,
329
+ toStyle,
330
+ kebabCase,
331
+ sleep
332
+ };
333
+
334
+ // 颜色相关方法单独导出
335
+ export const { colorGradient, colorToRgba, hexToRgb, rgbToHex } = colorGradients;
336
+ // http相关导出
337
+ export {
338
+ Request,
339
+ httpPlugin,
340
+ http,
341
+ type RequestOptions,
342
+ type RequestConfig,
343
+ type RequestInterceptor,
344
+ type RequestMeta
345
+ };
346
+
347
+ export * from './hooks';
348
+
349
+ export * from './util/config-provider';