uview-pro 0.2.1 → 0.2.2

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 (243) hide show
  1. package/changelog.md +501 -481
  2. package/components/common/props.ts +22 -22
  3. package/components/u-action-sheet/types.ts +35 -35
  4. package/components/u-action-sheet/u-action-sheet.vue +160 -160
  5. package/components/u-alert-tips/types.ts +39 -39
  6. package/components/u-alert-tips/u-alert-tips.vue +212 -212
  7. package/components/u-avatar/types.ts +34 -34
  8. package/components/u-avatar/u-avatar.vue +193 -193
  9. package/components/u-avatar-cropper/types.ts +23 -23
  10. package/components/u-avatar-cropper/u-avatar-cropper.vue +286 -286
  11. package/components/u-avatar-cropper/weCropper.d.ts +62 -62
  12. package/components/u-avatar-cropper/weCropper.js +1253 -1253
  13. package/components/u-avatar-cropper/weCropper.ts +1255 -1255
  14. package/components/u-back-top/types.ts +39 -39
  15. package/components/u-back-top/u-back-top.vue +125 -125
  16. package/components/u-badge/types.ts +36 -36
  17. package/components/u-badge/u-badge.vue +165 -165
  18. package/components/u-button/types.ts +66 -66
  19. package/components/u-button/u-button.vue +556 -556
  20. package/components/u-calendar/types.ts +73 -73
  21. package/components/u-calendar/u-calendar.vue +638 -638
  22. package/components/u-car-keyboard/types.ts +12 -12
  23. package/components/u-car-keyboard/u-car-keyboard.vue +234 -234
  24. package/components/u-card/types.ts +59 -59
  25. package/components/u-card/u-card.vue +194 -194
  26. package/components/u-cell-group/types.ts +17 -17
  27. package/components/u-cell-group/u-cell-group.vue +50 -50
  28. package/components/u-cell-item/types.ts +54 -54
  29. package/components/u-cell-item/u-cell-item.vue +202 -202
  30. package/components/u-checkbox/types.ts +31 -31
  31. package/components/u-checkbox/u-checkbox.vue +267 -267
  32. package/components/u-checkbox-group/types.ts +32 -32
  33. package/components/u-checkbox-group/u-checkbox-group.vue +79 -79
  34. package/components/u-circle-progress/types.ts +52 -52
  35. package/components/u-circle-progress/u-circle-progress.vue +187 -187
  36. package/components/u-city-select/types.ts +20 -20
  37. package/components/u-city-select/u-city-select.vue +236 -236
  38. package/components/u-col/types.ts +30 -30
  39. package/components/u-col/u-col.vue +123 -123
  40. package/components/u-collapse/types.ts +33 -33
  41. package/components/u-collapse/u-collapse.vue +69 -69
  42. package/components/u-collapse-item/types.ts +27 -27
  43. package/components/u-collapse-item/u-collapse-item.vue +213 -201
  44. package/components/u-column-notice/types.ts +48 -48
  45. package/components/u-column-notice/u-column-notice.vue +176 -176
  46. package/components/u-count-down/types.ts +42 -42
  47. package/components/u-count-down/u-count-down.vue +258 -258
  48. package/components/u-count-to/types.ts +32 -32
  49. package/components/u-count-to/u-count-to.vue +241 -241
  50. package/components/u-divider/types.ts +31 -31
  51. package/components/u-divider/u-divider.vue +121 -121
  52. package/components/u-dropdown/types.ts +32 -32
  53. package/components/u-dropdown/u-dropdown.vue +289 -289
  54. package/components/u-dropdown-item/types.ts +27 -27
  55. package/components/u-dropdown-item/u-dropdown-item.vue +123 -123
  56. package/components/u-empty/types.ts +36 -36
  57. package/components/u-empty/u-empty.vue +88 -88
  58. package/components/u-field/types.ts +69 -69
  59. package/components/u-field/u-field.vue +354 -354
  60. package/components/u-form/u-form.vue +132 -132
  61. package/components/u-form-item/u-form-item.vue +417 -417
  62. package/components/u-full-screen/types.ts +14 -14
  63. package/components/u-full-screen/u-full-screen.vue +82 -82
  64. package/components/u-gap/types.ts +18 -18
  65. package/components/u-gap/u-gap.vue +40 -40
  66. package/components/u-grid/types.ts +19 -19
  67. package/components/u-grid/u-grid.vue +93 -93
  68. package/components/u-grid-item/types.ts +16 -16
  69. package/components/u-grid-item/u-grid-item.vue +130 -130
  70. package/components/u-icon/types.ts +62 -62
  71. package/components/u-icon/u-icon.vue +281 -281
  72. package/components/u-image/types.ts +51 -51
  73. package/components/u-image/u-image.vue +222 -222
  74. package/components/u-index-anchor/types.ts +16 -16
  75. package/components/u-index-anchor/u-index-anchor.vue +86 -86
  76. package/components/u-index-list/types.ts +43 -43
  77. package/components/u-index-list/u-index-list.vue +355 -355
  78. package/components/u-input/types.ts +140 -140
  79. package/components/u-input/u-input.vue +264 -264
  80. package/components/u-keyboard/types.ts +40 -40
  81. package/components/u-keyboard/u-keyboard.vue +158 -158
  82. package/components/u-lazy-load/types.ts +37 -37
  83. package/components/u-lazy-load/u-lazy-load.vue +233 -233
  84. package/components/u-line/types.ts +44 -44
  85. package/components/u-line/u-line.vue +59 -59
  86. package/components/u-line-progress/types.ts +58 -58
  87. package/components/u-line-progress/u-line-progress.vue +109 -109
  88. package/components/u-link/types.ts +43 -43
  89. package/components/u-link/u-link.vue +75 -75
  90. package/components/u-loading/types.ts +35 -35
  91. package/components/u-loading/u-loading.vue +90 -90
  92. package/components/u-loading-popup/types.ts +26 -26
  93. package/components/u-loading-popup/u-loading-popup.vue +239 -239
  94. package/components/u-loadmore/types.ts +79 -79
  95. package/components/u-loadmore/u-loadmore.vue +140 -140
  96. package/components/u-mask/types.ts +43 -43
  97. package/components/u-mask/u-mask.vue +106 -106
  98. package/components/u-message-input/types.ts +74 -74
  99. package/components/u-message-input/u-message-input.vue +255 -255
  100. package/components/u-modal/types.ts +118 -118
  101. package/components/u-modal/u-modal.vue +204 -204
  102. package/components/u-navbar/types.ts +103 -103
  103. package/components/u-navbar/u-navbar.vue +226 -226
  104. package/components/u-no-network/image.ts +2 -2
  105. package/components/u-no-network/types.ts +28 -28
  106. package/components/u-no-network/u-no-network.vue +290 -290
  107. package/components/u-notice-bar/types.ts +111 -111
  108. package/components/u-notice-bar/u-notice-bar.vue +174 -174
  109. package/components/u-number-box/types.ts +42 -42
  110. package/components/u-number-box/u-number-box.vue +312 -312
  111. package/components/u-number-keyboard/types.ts +26 -26
  112. package/components/u-number-keyboard/u-number-keyboard.vue +166 -166
  113. package/components/u-picker/types.ts +123 -123
  114. package/components/u-picker/u-picker.vue +637 -637
  115. package/components/u-popup/types.ts +59 -59
  116. package/components/u-popup/u-popup.vue +359 -359
  117. package/components/u-radio/types.ts +25 -25
  118. package/components/u-radio/u-radio.vue +258 -258
  119. package/components/u-radio-group/types.ts +29 -29
  120. package/components/u-radio-group/u-radio-group.vue +98 -98
  121. package/components/u-rate/types.ts +40 -40
  122. package/components/u-rate/u-rate.vue +234 -234
  123. package/components/u-read-more/types.ts +35 -35
  124. package/components/u-read-more/u-read-more.vue +150 -150
  125. package/components/u-root-portal/u-root-portal.vue +54 -0
  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-safe-bottom/u-safe-bottom.vue +46 -46
  131. package/components/u-search/types.ts +53 -53
  132. package/components/u-search/u-search.vue +256 -256
  133. package/components/u-section/types.ts +32 -32
  134. package/components/u-section/u-section.vue +125 -125
  135. package/components/u-select/types.ts +43 -43
  136. package/components/u-select/u-select.vue +361 -361
  137. package/components/u-skeleton/types.ts +20 -20
  138. package/components/u-skeleton/u-skeleton.vue +205 -205
  139. package/components/u-slider/types.ts +32 -32
  140. package/components/u-slider/u-slider.vue +238 -238
  141. package/components/u-status-bar/u-status-bar.vue +65 -65
  142. package/components/u-steps/types.ts +28 -28
  143. package/components/u-steps/u-steps.vue +160 -160
  144. package/components/u-sticky/types.ts +22 -22
  145. package/components/u-sticky/u-sticky.vue +159 -159
  146. package/components/u-subsection/types.ts +36 -36
  147. package/components/u-subsection/u-subsection.vue +328 -328
  148. package/components/u-swipe-action/types.ts +50 -50
  149. package/components/u-swipe-action/u-swipe-action.vue +253 -253
  150. package/components/u-swiper/types.ts +47 -47
  151. package/components/u-swiper/u-swiper.vue +266 -266
  152. package/components/u-switch/types.ts +28 -28
  153. package/components/u-switch/u-switch.vue +136 -136
  154. package/components/u-tabbar/types.ts +36 -36
  155. package/components/u-tabbar/u-tabbar.vue +280 -280
  156. package/components/u-table/types.ts +25 -25
  157. package/components/u-table/u-table.vue +55 -55
  158. package/components/u-tabs/types.ts +51 -51
  159. package/components/u-tabs/u-tabs.vue +284 -284
  160. package/components/u-tabs-swiper/types.ts +53 -53
  161. package/components/u-tabs-swiper/u-tabs-swiper.vue +379 -379
  162. package/components/u-tag/types.ts +37 -37
  163. package/components/u-tag/u-tag.vue +244 -244
  164. package/components/u-td/types.ts +12 -12
  165. package/components/u-td/u-td.vue +87 -87
  166. package/components/u-text/types.ts +69 -69
  167. package/components/u-text/u-text.vue +326 -326
  168. package/components/u-th/types.ts +12 -12
  169. package/components/u-th/u-th.vue +81 -81
  170. package/components/u-time-line/u-time-line.vue +39 -39
  171. package/components/u-time-line-item/types.ts +14 -14
  172. package/components/u-time-line-item/u-time-line-item.vue +78 -78
  173. package/components/u-toast/types.ts +36 -36
  174. package/components/u-toast/u-toast.vue +233 -233
  175. package/components/u-top-tips/types.ts +14 -14
  176. package/components/u-top-tips/u-top-tips.vue +113 -113
  177. package/components/u-tr/types.ts +8 -8
  178. package/components/u-tr/u-tr.vue +24 -24
  179. package/components/u-upload/types.ts +74 -74
  180. package/components/u-upload/u-upload.vue +545 -545
  181. package/components/u-verification-code/types.ts +22 -22
  182. package/components/u-verification-code/u-verification-code.vue +164 -164
  183. package/components/u-waterfall/types.ts +16 -16
  184. package/components/u-waterfall/u-waterfall.vue +175 -175
  185. package/iconfont.css +912 -912
  186. package/index.scss +25 -25
  187. package/index.ts +29 -29
  188. package/libs/config/config.ts +26 -26
  189. package/libs/config/zIndex.ts +37 -37
  190. package/libs/css/color.scss +155 -155
  191. package/libs/css/common.scss +178 -178
  192. package/libs/css/style.components.scss +16 -16
  193. package/libs/css/style.h5.scss +8 -8
  194. package/libs/css/style.mp.scss +72 -72
  195. package/libs/css/style.nvue.scss +15 -15
  196. package/libs/css/style.vue.scss +188 -188
  197. package/libs/function/$parent.ts +21 -21
  198. package/libs/function/addUnit.ts +13 -13
  199. package/libs/function/color.ts +37 -37
  200. package/libs/function/colorGradient.ts +125 -125
  201. package/libs/function/debounce.ts +28 -28
  202. package/libs/function/deepClone.ts +39 -39
  203. package/libs/function/deepMerge.ts +34 -34
  204. package/libs/function/getParent.ts +59 -59
  205. package/libs/function/getRect.ts +26 -26
  206. package/libs/function/guid.ts +42 -42
  207. package/libs/function/md5.ts +391 -391
  208. package/libs/function/parent.ts +21 -21
  209. package/libs/function/queryParams.ts +60 -60
  210. package/libs/function/random.ts +16 -16
  211. package/libs/function/randomArray.ts +11 -11
  212. package/libs/function/route.ts +118 -118
  213. package/libs/function/styleUtils.ts +83 -83
  214. package/libs/function/sys.ts +15 -15
  215. package/libs/function/test.ts +285 -285
  216. package/libs/function/throttle.ts +31 -31
  217. package/libs/function/timeFormat.ts +54 -54
  218. package/libs/function/timeFrom.ts +48 -48
  219. package/libs/function/toast.ts +14 -14
  220. package/libs/function/trim.ts +21 -21
  221. package/libs/function/type2icon.ts +36 -36
  222. package/libs/hooks/index.ts +3 -3
  223. package/libs/hooks/useEmitter.ts +77 -77
  224. package/libs/hooks/useParent.ts +31 -31
  225. package/libs/hooks/useRect.ts +33 -33
  226. package/libs/index.ts +291 -291
  227. package/libs/request/auto-http.ts +76 -76
  228. package/libs/request/index.ts +223 -223
  229. package/libs/store/index.ts +88 -88
  230. package/libs/util/async-validator.d.ts +62 -62
  231. package/libs/util/async-validator.js +1 -1
  232. package/libs/util/calendar.d.ts +57 -57
  233. package/libs/util/emitter.ts +102 -102
  234. package/libs/util/mitt.ts +115 -115
  235. package/libs/util/parent.ts +20 -20
  236. package/package.json +1 -1
  237. package/readme.md +239 -237
  238. package/theme.scss +38 -38
  239. package/types/components.d.ts +97 -96
  240. package/types/global.d.ts +295 -295
  241. package/types/ignore-errors.d.ts +30 -30
  242. package/types/index.d.ts +19 -19
  243. package/types/uni-app.d.ts +63 -63
package/libs/index.ts CHANGED
@@ -1,291 +1,291 @@
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 './function/color';
15
- // 根据type获取图标名称
16
- import type2icon from './function/type2icon';
17
- // 打乱数组的顺序
18
- import randomArray from './function/randomArray';
19
- // 对象和数组的深度克隆
20
- import deepClone from './function/deepClone';
21
- // 对象深度拷贝
22
- import deepMerge from './function/deepMerge';
23
- // 添加单位
24
- import addUnit from './function/addUnit';
25
- // 规则检验
26
- import test from './function/test';
27
- // 随机数
28
- import random from './function/random';
29
- // 去除空格
30
- import trim from './function/trim';
31
- // toast提示,对uni.showToast的封装
32
- import toast from './function/toast';
33
- // 获取父组件参数
34
- import getParent from './function/getParent';
35
- // 获取整个父组件
36
- import $parent from './function/$parent';
37
- // 获取sys()和os()工具方法
38
- // 获取设备信息,挂载到$u的sys()(system的缩写)属性中,
39
- // 同时把安卓和ios平台的名称"ios"和"android"挂到$u.os()中,方便取用
40
- import { sys, os } from './function/sys';
41
- // 防抖方法
42
- import debounce from './function/debounce';
43
- // 节流方法
44
- import throttle from './function/throttle';
45
- // 获取元素的位置信息
46
- import getRect from './function/getRect';
47
- // 获取父组件
48
- import { parentData, parent } from './function/parent';
49
- // 配置信息
50
- import config from './config/config';
51
- // 各个需要fixed的地方的z-index配置文件
52
- import zIndex from './config/zIndex';
53
- import { dispatch, broadcast } from './util/emitter';
54
- import { mitt } from './util/mitt';
55
- // http相关
56
- import httpPlugin, { Request, http, type RequestOptions, type RequestConfig, type RequestInterceptor, type RequestMeta } from './request/index';
57
-
58
- /**
59
- * @description 数字格式化
60
- * @param number 要格式化的数字
61
- * @param decimals 保留几位小数
62
- * @param decimalPoint 小数点符号
63
- * @param thousandsSeparator 千分位符号
64
- * @returns 格式化后的数字
65
- */
66
- export function formatPrice(number: number | string, decimals: number = 0, decimalPoint: string = '.', thousandsSeparator: string = ','): string {
67
- // 辅助函数:四舍五入到指定小数位
68
- function round(num: number, precision: number): string {
69
- const factor = Math.pow(10, precision);
70
- return (Math.round(num * factor) / factor).toFixed(precision);
71
- }
72
-
73
- let numStr = String(number).replace(/[^0-9+\-Ee.]/g, '');
74
- const n = !isFinite(+numStr) ? 0 : +numStr;
75
- const prec = !isFinite(+decimals) ? 0 : Math.abs(decimals);
76
- const sep = thousandsSeparator ?? ',';
77
- const dec = decimalPoint ?? '.';
78
- let s: string[] = [];
79
-
80
- s = (prec ? round(n, prec) : Math.round(n).toString()).split('.');
81
- const re = /(-?\d+)(\d{3})/;
82
- while (re.test(s[0])) {
83
- s[0] = s[0].replace(re, `$1${sep}$2`);
84
- }
85
-
86
- if ((s[1] || '').length < prec) {
87
- s[1] = s[1] || '';
88
- s[1] += '0'.repeat(prec - s[1].length);
89
- }
90
- return s.join(dec);
91
- }
92
-
93
- // 默认的姓名脱敏规则
94
- export function formatName(name: string): string {
95
- if (name.length === 2) {
96
- return name.charAt(0) + '*';
97
- } else if (name.length > 2) {
98
- const masked = '*'.repeat(name.length - 2);
99
- return name.charAt(0) + masked + name.charAt(name.length - 1);
100
- } else {
101
- return name;
102
- }
103
- }
104
-
105
- /**
106
- * @description 样式转换
107
- * 对象转字符串,或者字符串转对象
108
- * @param {object | string} customStyle 需要转换的目标
109
- * @param {String} target 转换的目的,object-转为对象,string-转为字符串
110
- * @returns {object|string}
111
- */
112
- export function addStyle(customStyle: Record<string, string> | string, target: 'object' | 'string' = 'object'): Record<string, string> | string {
113
- // 字符串转字符串,对象转对象情形,直接返回
114
- if (test.empty(customStyle) || (typeof customStyle === 'object' && target === 'object') || (target === 'string' && typeof customStyle === 'string')) {
115
- return customStyle;
116
- }
117
- // 字符串转对象
118
- if (target === 'object') {
119
- // 去除字符串样式中的两端空格
120
- const trimmedStyle = trim(customStyle as string);
121
- const styleArray = trimmedStyle.split(';');
122
- const style: Record<string, string> = {};
123
- for (let i = 0; i < styleArray.length; i++) {
124
- if (styleArray[i]) {
125
- const item = styleArray[i].split(':');
126
- if (item.length === 2) {
127
- style[trim(item[0])] = trim(item[1]);
128
- }
129
- }
130
- }
131
- return style;
132
- }
133
- // 对象转字符串
134
- let string = '';
135
- for (const i in customStyle as Record<string, string>) {
136
- if (Object.prototype.hasOwnProperty.call(customStyle, i)) {
137
- const key = i.replace(/([A-Z])/g, '-$1').toLowerCase();
138
- string += `${key}:${(customStyle as Record<string, string>)[i]};`;
139
- }
140
- }
141
- return trim(string);
142
- }
143
-
144
- /**
145
- * 将外部传入的样式格式化为可读的 CSS 样式。
146
- * @param {object | object[]} styles 外部传入的样式对象或数组
147
- * @returns {string} 格式化后的 CSS 样式字符串
148
- */
149
- export function toStyle(styles: Record<string, any> | Record<string, any>[] | string): string {
150
- // 如果 styles 是字符串类型
151
- if (test.string(styles)) {
152
- // 如果是字符串且不为空,确保末尾有分号
153
- return styles ? (styles.endsWith(';') ? styles : styles + ';') : '';
154
- }
155
- // 如果 styles 是数组类型
156
- if (test.array(styles)) {
157
- // 使用过滤函数去除空值和 null 值的元素
158
- // 对每个非空元素递归调用 objToStyle,然后通过分号连接
159
- const result = styles
160
- .filter(function (item) {
161
- return item != null && item !== '';
162
- })
163
- .map(function (item) {
164
- return toStyle(item);
165
- })
166
- .join(';');
167
-
168
- // 如果结果不为空,确保末尾有分号
169
- return result ? (result.endsWith(';') ? result : result + ';') : '';
170
- }
171
- // 如果 styles 是对象类型
172
- if (test.object(styles)) {
173
- // 使用 Object.keys 获取所有属性名
174
- // 使用过滤函数去除值为 null 或空字符串的属性
175
- // 对每个属性名和属性值进行格式化,通过分号连接
176
- const result = Object.keys(styles)
177
- .filter(function (key) {
178
- return styles[key] != null && styles[key] !== '';
179
- })
180
- .map(function (key) {
181
- // 使用 kebabCase 函数将属性名转换为 kebab-case 格式
182
- // 将属性名和属性值格式化为 CSS 样式的键值对
183
- return [kebabCase(key), styles[key]].join(':');
184
- })
185
- .join(';');
186
-
187
- // 如果结果不为空,确保末尾有分号
188
- return result ? (result.endsWith(';') ? result : result + ';') : '';
189
- }
190
- // 如果 styles 不是对象也不是数组,则直接返回
191
- return '';
192
- }
193
-
194
- /**
195
- * 将驼峰命名转换为短横线命名。
196
- * @param {string} word 待转换的词条
197
- * @returns {string} 转换后的结果
198
- */
199
- export function kebabCase(word: string): string {
200
- // 使用正则表达式匹配所有大写字母,并在前面加上短横线,然后转换为小写
201
- const newWord: string = word
202
- .replace(/[A-Z]/g, function (match) {
203
- return '-' + match;
204
- })
205
- .toLowerCase();
206
-
207
- return newWord;
208
- }
209
-
210
- export {
211
- queryParams,
212
- route,
213
- timeFormat,
214
- timeFrom,
215
- guid,
216
- color,
217
- sys,
218
- os,
219
- type2icon,
220
- randomArray,
221
- deepClone,
222
- deepMerge,
223
- addUnit,
224
- test,
225
- random,
226
- trim,
227
- toast,
228
- debounce,
229
- throttle,
230
- getRect,
231
- getParent,
232
- $parent,
233
- parent,
234
- parentData,
235
- dispatch,
236
- broadcast,
237
- config,
238
- zIndex,
239
- mitt
240
- };
241
-
242
- export const $u = {
243
- queryParams: queryParams,
244
- route: route,
245
- timeFormat: timeFormat,
246
- date: timeFormat, // 另名date
247
- timeFrom,
248
- colorGradient: colorGradients.colorGradient,
249
- colorToRgba: colorGradients.colorToRgba,
250
- guid,
251
- color,
252
- sys,
253
- os,
254
- type2icon,
255
- randomArray,
256
- dispatch,
257
- broadcast,
258
- hexToRgb: colorGradients.hexToRgb,
259
- rgbToHex: colorGradients.rgbToHex,
260
- test,
261
- random,
262
- deepClone,
263
- deepMerge,
264
- getParent,
265
- $parent,
266
- parent,
267
- parentData,
268
- addUnit,
269
- trim,
270
- type: ['primary', 'success', 'error', 'warning', 'info'],
271
- http,
272
- toast,
273
- config, // uView配置信息相关,比如版本号
274
- zIndex,
275
- debounce,
276
- throttle,
277
- mitt: mitt(),
278
- getRect,
279
- formatPrice,
280
- formatName,
281
- addStyle,
282
- toStyle,
283
- kebabCase
284
- };
285
-
286
- // 颜色相关方法单独导出
287
- export const { colorGradient, colorToRgba, hexToRgb, rgbToHex } = colorGradients;
288
- // http相关导出
289
- export { Request, httpPlugin, http, type RequestOptions, type RequestConfig, type RequestInterceptor, type RequestMeta };
290
-
291
- export * from './hooks';
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 './function/color';
15
+ // 根据type获取图标名称
16
+ import type2icon from './function/type2icon';
17
+ // 打乱数组的顺序
18
+ import randomArray from './function/randomArray';
19
+ // 对象和数组的深度克隆
20
+ import deepClone from './function/deepClone';
21
+ // 对象深度拷贝
22
+ import deepMerge from './function/deepMerge';
23
+ // 添加单位
24
+ import addUnit from './function/addUnit';
25
+ // 规则检验
26
+ import test from './function/test';
27
+ // 随机数
28
+ import random from './function/random';
29
+ // 去除空格
30
+ import trim from './function/trim';
31
+ // toast提示,对uni.showToast的封装
32
+ import toast from './function/toast';
33
+ // 获取父组件参数
34
+ import getParent from './function/getParent';
35
+ // 获取整个父组件
36
+ import $parent from './function/$parent';
37
+ // 获取sys()和os()工具方法
38
+ // 获取设备信息,挂载到$u的sys()(system的缩写)属性中,
39
+ // 同时把安卓和ios平台的名称"ios"和"android"挂到$u.os()中,方便取用
40
+ import { sys, os } from './function/sys';
41
+ // 防抖方法
42
+ import debounce from './function/debounce';
43
+ // 节流方法
44
+ import throttle from './function/throttle';
45
+ // 获取元素的位置信息
46
+ import getRect from './function/getRect';
47
+ // 获取父组件
48
+ import { parentData, parent } from './function/parent';
49
+ // 配置信息
50
+ import config from './config/config';
51
+ // 各个需要fixed的地方的z-index配置文件
52
+ import zIndex from './config/zIndex';
53
+ import { dispatch, broadcast } from './util/emitter';
54
+ import { mitt } from './util/mitt';
55
+ // http相关
56
+ import httpPlugin, { Request, http, type RequestOptions, type RequestConfig, type RequestInterceptor, type RequestMeta } from './request/index';
57
+
58
+ /**
59
+ * @description 数字格式化
60
+ * @param number 要格式化的数字
61
+ * @param decimals 保留几位小数
62
+ * @param decimalPoint 小数点符号
63
+ * @param thousandsSeparator 千分位符号
64
+ * @returns 格式化后的数字
65
+ */
66
+ export function formatPrice(number: number | string, decimals: number = 0, decimalPoint: string = '.', thousandsSeparator: string = ','): string {
67
+ // 辅助函数:四舍五入到指定小数位
68
+ function round(num: number, precision: number): string {
69
+ const factor = Math.pow(10, precision);
70
+ return (Math.round(num * factor) / factor).toFixed(precision);
71
+ }
72
+
73
+ let numStr = String(number).replace(/[^0-9+\-Ee.]/g, '');
74
+ const n = !isFinite(+numStr) ? 0 : +numStr;
75
+ const prec = !isFinite(+decimals) ? 0 : Math.abs(decimals);
76
+ const sep = thousandsSeparator ?? ',';
77
+ const dec = decimalPoint ?? '.';
78
+ let s: string[] = [];
79
+
80
+ s = (prec ? round(n, prec) : Math.round(n).toString()).split('.');
81
+ const re = /(-?\d+)(\d{3})/;
82
+ while (re.test(s[0])) {
83
+ s[0] = s[0].replace(re, `$1${sep}$2`);
84
+ }
85
+
86
+ if ((s[1] || '').length < prec) {
87
+ s[1] = s[1] || '';
88
+ s[1] += '0'.repeat(prec - s[1].length);
89
+ }
90
+ return s.join(dec);
91
+ }
92
+
93
+ // 默认的姓名脱敏规则
94
+ export function formatName(name: string): string {
95
+ if (name.length === 2) {
96
+ return name.charAt(0) + '*';
97
+ } else if (name.length > 2) {
98
+ const masked = '*'.repeat(name.length - 2);
99
+ return name.charAt(0) + masked + name.charAt(name.length - 1);
100
+ } else {
101
+ return name;
102
+ }
103
+ }
104
+
105
+ /**
106
+ * @description 样式转换
107
+ * 对象转字符串,或者字符串转对象
108
+ * @param {object | string} customStyle 需要转换的目标
109
+ * @param {String} target 转换的目的,object-转为对象,string-转为字符串
110
+ * @returns {object|string}
111
+ */
112
+ export function addStyle(customStyle: Record<string, string> | string, target: 'object' | 'string' = 'object'): Record<string, string> | string {
113
+ // 字符串转字符串,对象转对象情形,直接返回
114
+ if (test.empty(customStyle) || (typeof customStyle === 'object' && target === 'object') || (target === 'string' && typeof customStyle === 'string')) {
115
+ return customStyle;
116
+ }
117
+ // 字符串转对象
118
+ if (target === 'object') {
119
+ // 去除字符串样式中的两端空格
120
+ const trimmedStyle = trim(customStyle as string);
121
+ const styleArray = trimmedStyle.split(';');
122
+ const style: Record<string, string> = {};
123
+ for (let i = 0; i < styleArray.length; i++) {
124
+ if (styleArray[i]) {
125
+ const item = styleArray[i].split(':');
126
+ if (item.length === 2) {
127
+ style[trim(item[0])] = trim(item[1]);
128
+ }
129
+ }
130
+ }
131
+ return style;
132
+ }
133
+ // 对象转字符串
134
+ let string = '';
135
+ for (const i in customStyle as Record<string, string>) {
136
+ if (Object.prototype.hasOwnProperty.call(customStyle, i)) {
137
+ const key = i.replace(/([A-Z])/g, '-$1').toLowerCase();
138
+ string += `${key}:${(customStyle as Record<string, string>)[i]};`;
139
+ }
140
+ }
141
+ return trim(string);
142
+ }
143
+
144
+ /**
145
+ * 将外部传入的样式格式化为可读的 CSS 样式。
146
+ * @param {object | object[]} styles 外部传入的样式对象或数组
147
+ * @returns {string} 格式化后的 CSS 样式字符串
148
+ */
149
+ export function toStyle(styles: Record<string, any> | Record<string, any>[] | string): string {
150
+ // 如果 styles 是字符串类型
151
+ if (test.string(styles)) {
152
+ // 如果是字符串且不为空,确保末尾有分号
153
+ return styles ? (styles.endsWith(';') ? styles : styles + ';') : '';
154
+ }
155
+ // 如果 styles 是数组类型
156
+ if (test.array(styles)) {
157
+ // 使用过滤函数去除空值和 null 值的元素
158
+ // 对每个非空元素递归调用 objToStyle,然后通过分号连接
159
+ const result = styles
160
+ .filter(function (item) {
161
+ return item != null && item !== '';
162
+ })
163
+ .map(function (item) {
164
+ return toStyle(item);
165
+ })
166
+ .join(';');
167
+
168
+ // 如果结果不为空,确保末尾有分号
169
+ return result ? (result.endsWith(';') ? result : result + ';') : '';
170
+ }
171
+ // 如果 styles 是对象类型
172
+ if (test.object(styles)) {
173
+ // 使用 Object.keys 获取所有属性名
174
+ // 使用过滤函数去除值为 null 或空字符串的属性
175
+ // 对每个属性名和属性值进行格式化,通过分号连接
176
+ const result = Object.keys(styles)
177
+ .filter(function (key) {
178
+ return styles[key] != null && styles[key] !== '';
179
+ })
180
+ .map(function (key) {
181
+ // 使用 kebabCase 函数将属性名转换为 kebab-case 格式
182
+ // 将属性名和属性值格式化为 CSS 样式的键值对
183
+ return [kebabCase(key), styles[key]].join(':');
184
+ })
185
+ .join(';');
186
+
187
+ // 如果结果不为空,确保末尾有分号
188
+ return result ? (result.endsWith(';') ? result : result + ';') : '';
189
+ }
190
+ // 如果 styles 不是对象也不是数组,则直接返回
191
+ return '';
192
+ }
193
+
194
+ /**
195
+ * 将驼峰命名转换为短横线命名。
196
+ * @param {string} word 待转换的词条
197
+ * @returns {string} 转换后的结果
198
+ */
199
+ export function kebabCase(word: string): string {
200
+ // 使用正则表达式匹配所有大写字母,并在前面加上短横线,然后转换为小写
201
+ const newWord: string = word
202
+ .replace(/[A-Z]/g, function (match) {
203
+ return '-' + match;
204
+ })
205
+ .toLowerCase();
206
+
207
+ return newWord;
208
+ }
209
+
210
+ export {
211
+ queryParams,
212
+ route,
213
+ timeFormat,
214
+ timeFrom,
215
+ guid,
216
+ color,
217
+ sys,
218
+ os,
219
+ type2icon,
220
+ randomArray,
221
+ deepClone,
222
+ deepMerge,
223
+ addUnit,
224
+ test,
225
+ random,
226
+ trim,
227
+ toast,
228
+ debounce,
229
+ throttle,
230
+ getRect,
231
+ getParent,
232
+ $parent,
233
+ parent,
234
+ parentData,
235
+ dispatch,
236
+ broadcast,
237
+ config,
238
+ zIndex,
239
+ mitt
240
+ };
241
+
242
+ export const $u = {
243
+ queryParams: queryParams,
244
+ route: route,
245
+ timeFormat: timeFormat,
246
+ date: timeFormat, // 另名date
247
+ timeFrom,
248
+ colorGradient: colorGradients.colorGradient,
249
+ colorToRgba: colorGradients.colorToRgba,
250
+ guid,
251
+ color,
252
+ sys,
253
+ os,
254
+ type2icon,
255
+ randomArray,
256
+ dispatch,
257
+ broadcast,
258
+ hexToRgb: colorGradients.hexToRgb,
259
+ rgbToHex: colorGradients.rgbToHex,
260
+ test,
261
+ random,
262
+ deepClone,
263
+ deepMerge,
264
+ getParent,
265
+ $parent,
266
+ parent,
267
+ parentData,
268
+ addUnit,
269
+ trim,
270
+ type: ['primary', 'success', 'error', 'warning', 'info'],
271
+ http,
272
+ toast,
273
+ config, // uView配置信息相关,比如版本号
274
+ zIndex,
275
+ debounce,
276
+ throttle,
277
+ mitt: mitt(),
278
+ getRect,
279
+ formatPrice,
280
+ formatName,
281
+ addStyle,
282
+ toStyle,
283
+ kebabCase
284
+ };
285
+
286
+ // 颜色相关方法单独导出
287
+ export const { colorGradient, colorToRgba, hexToRgb, rgbToHex } = colorGradients;
288
+ // http相关导出
289
+ export { Request, httpPlugin, http, type RequestOptions, type RequestConfig, type RequestInterceptor, type RequestMeta };
290
+
291
+ export * from './hooks';