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.
- package/changelog.md +501 -481
- package/components/common/props.ts +22 -22
- package/components/u-action-sheet/types.ts +35 -35
- package/components/u-action-sheet/u-action-sheet.vue +160 -160
- package/components/u-alert-tips/types.ts +39 -39
- package/components/u-alert-tips/u-alert-tips.vue +212 -212
- package/components/u-avatar/types.ts +34 -34
- package/components/u-avatar/u-avatar.vue +193 -193
- package/components/u-avatar-cropper/types.ts +23 -23
- package/components/u-avatar-cropper/u-avatar-cropper.vue +286 -286
- package/components/u-avatar-cropper/weCropper.d.ts +62 -62
- package/components/u-avatar-cropper/weCropper.js +1253 -1253
- package/components/u-avatar-cropper/weCropper.ts +1255 -1255
- package/components/u-back-top/types.ts +39 -39
- package/components/u-back-top/u-back-top.vue +125 -125
- package/components/u-badge/types.ts +36 -36
- package/components/u-badge/u-badge.vue +165 -165
- package/components/u-button/types.ts +66 -66
- package/components/u-button/u-button.vue +556 -556
- package/components/u-calendar/types.ts +73 -73
- package/components/u-calendar/u-calendar.vue +638 -638
- package/components/u-car-keyboard/types.ts +12 -12
- package/components/u-car-keyboard/u-car-keyboard.vue +234 -234
- package/components/u-card/types.ts +59 -59
- package/components/u-card/u-card.vue +194 -194
- package/components/u-cell-group/types.ts +17 -17
- package/components/u-cell-group/u-cell-group.vue +50 -50
- package/components/u-cell-item/types.ts +54 -54
- package/components/u-cell-item/u-cell-item.vue +202 -202
- package/components/u-checkbox/types.ts +31 -31
- package/components/u-checkbox/u-checkbox.vue +267 -267
- package/components/u-checkbox-group/types.ts +32 -32
- package/components/u-checkbox-group/u-checkbox-group.vue +79 -79
- package/components/u-circle-progress/types.ts +52 -52
- package/components/u-circle-progress/u-circle-progress.vue +187 -187
- package/components/u-city-select/types.ts +20 -20
- package/components/u-city-select/u-city-select.vue +236 -236
- package/components/u-col/types.ts +30 -30
- package/components/u-col/u-col.vue +123 -123
- package/components/u-collapse/types.ts +33 -33
- package/components/u-collapse/u-collapse.vue +69 -69
- package/components/u-collapse-item/types.ts +27 -27
- package/components/u-collapse-item/u-collapse-item.vue +213 -201
- package/components/u-column-notice/types.ts +48 -48
- package/components/u-column-notice/u-column-notice.vue +176 -176
- package/components/u-count-down/types.ts +42 -42
- package/components/u-count-down/u-count-down.vue +258 -258
- package/components/u-count-to/types.ts +32 -32
- package/components/u-count-to/u-count-to.vue +241 -241
- package/components/u-divider/types.ts +31 -31
- package/components/u-divider/u-divider.vue +121 -121
- package/components/u-dropdown/types.ts +32 -32
- package/components/u-dropdown/u-dropdown.vue +289 -289
- package/components/u-dropdown-item/types.ts +27 -27
- package/components/u-dropdown-item/u-dropdown-item.vue +123 -123
- package/components/u-empty/types.ts +36 -36
- package/components/u-empty/u-empty.vue +88 -88
- package/components/u-field/types.ts +69 -69
- package/components/u-field/u-field.vue +354 -354
- package/components/u-form/u-form.vue +132 -132
- package/components/u-form-item/u-form-item.vue +417 -417
- package/components/u-full-screen/types.ts +14 -14
- package/components/u-full-screen/u-full-screen.vue +82 -82
- package/components/u-gap/types.ts +18 -18
- package/components/u-gap/u-gap.vue +40 -40
- package/components/u-grid/types.ts +19 -19
- package/components/u-grid/u-grid.vue +93 -93
- package/components/u-grid-item/types.ts +16 -16
- package/components/u-grid-item/u-grid-item.vue +130 -130
- package/components/u-icon/types.ts +62 -62
- package/components/u-icon/u-icon.vue +281 -281
- package/components/u-image/types.ts +51 -51
- package/components/u-image/u-image.vue +222 -222
- package/components/u-index-anchor/types.ts +16 -16
- package/components/u-index-anchor/u-index-anchor.vue +86 -86
- package/components/u-index-list/types.ts +43 -43
- package/components/u-index-list/u-index-list.vue +355 -355
- package/components/u-input/types.ts +140 -140
- package/components/u-input/u-input.vue +264 -264
- package/components/u-keyboard/types.ts +40 -40
- package/components/u-keyboard/u-keyboard.vue +158 -158
- package/components/u-lazy-load/types.ts +37 -37
- package/components/u-lazy-load/u-lazy-load.vue +233 -233
- package/components/u-line/types.ts +44 -44
- package/components/u-line/u-line.vue +59 -59
- package/components/u-line-progress/types.ts +58 -58
- package/components/u-line-progress/u-line-progress.vue +109 -109
- package/components/u-link/types.ts +43 -43
- package/components/u-link/u-link.vue +75 -75
- package/components/u-loading/types.ts +35 -35
- package/components/u-loading/u-loading.vue +90 -90
- package/components/u-loading-popup/types.ts +26 -26
- package/components/u-loading-popup/u-loading-popup.vue +239 -239
- package/components/u-loadmore/types.ts +79 -79
- package/components/u-loadmore/u-loadmore.vue +140 -140
- package/components/u-mask/types.ts +43 -43
- package/components/u-mask/u-mask.vue +106 -106
- package/components/u-message-input/types.ts +74 -74
- package/components/u-message-input/u-message-input.vue +255 -255
- package/components/u-modal/types.ts +118 -118
- package/components/u-modal/u-modal.vue +204 -204
- package/components/u-navbar/types.ts +103 -103
- package/components/u-navbar/u-navbar.vue +226 -226
- package/components/u-no-network/image.ts +2 -2
- package/components/u-no-network/types.ts +28 -28
- package/components/u-no-network/u-no-network.vue +290 -290
- package/components/u-notice-bar/types.ts +111 -111
- package/components/u-notice-bar/u-notice-bar.vue +174 -174
- package/components/u-number-box/types.ts +42 -42
- package/components/u-number-box/u-number-box.vue +312 -312
- package/components/u-number-keyboard/types.ts +26 -26
- package/components/u-number-keyboard/u-number-keyboard.vue +166 -166
- package/components/u-picker/types.ts +123 -123
- package/components/u-picker/u-picker.vue +637 -637
- package/components/u-popup/types.ts +59 -59
- package/components/u-popup/u-popup.vue +359 -359
- package/components/u-radio/types.ts +25 -25
- package/components/u-radio/u-radio.vue +258 -258
- package/components/u-radio-group/types.ts +29 -29
- package/components/u-radio-group/u-radio-group.vue +98 -98
- package/components/u-rate/types.ts +40 -40
- package/components/u-rate/u-rate.vue +234 -234
- package/components/u-read-more/types.ts +35 -35
- package/components/u-read-more/u-read-more.vue +150 -150
- package/components/u-root-portal/u-root-portal.vue +54 -0
- package/components/u-row/types.ts +20 -20
- package/components/u-row/u-row.vue +87 -87
- package/components/u-row-notice/types.ts +39 -39
- package/components/u-row-notice/u-row-notice.vue +213 -213
- package/components/u-safe-bottom/u-safe-bottom.vue +46 -46
- package/components/u-search/types.ts +53 -53
- package/components/u-search/u-search.vue +256 -256
- package/components/u-section/types.ts +32 -32
- package/components/u-section/u-section.vue +125 -125
- package/components/u-select/types.ts +43 -43
- package/components/u-select/u-select.vue +361 -361
- package/components/u-skeleton/types.ts +20 -20
- package/components/u-skeleton/u-skeleton.vue +205 -205
- package/components/u-slider/types.ts +32 -32
- package/components/u-slider/u-slider.vue +238 -238
- package/components/u-status-bar/u-status-bar.vue +65 -65
- package/components/u-steps/types.ts +28 -28
- package/components/u-steps/u-steps.vue +160 -160
- package/components/u-sticky/types.ts +22 -22
- package/components/u-sticky/u-sticky.vue +159 -159
- package/components/u-subsection/types.ts +36 -36
- package/components/u-subsection/u-subsection.vue +328 -328
- package/components/u-swipe-action/types.ts +50 -50
- package/components/u-swipe-action/u-swipe-action.vue +253 -253
- package/components/u-swiper/types.ts +47 -47
- package/components/u-swiper/u-swiper.vue +266 -266
- package/components/u-switch/types.ts +28 -28
- package/components/u-switch/u-switch.vue +136 -136
- package/components/u-tabbar/types.ts +36 -36
- package/components/u-tabbar/u-tabbar.vue +280 -280
- package/components/u-table/types.ts +25 -25
- package/components/u-table/u-table.vue +55 -55
- package/components/u-tabs/types.ts +51 -51
- package/components/u-tabs/u-tabs.vue +284 -284
- package/components/u-tabs-swiper/types.ts +53 -53
- package/components/u-tabs-swiper/u-tabs-swiper.vue +379 -379
- package/components/u-tag/types.ts +37 -37
- package/components/u-tag/u-tag.vue +244 -244
- package/components/u-td/types.ts +12 -12
- package/components/u-td/u-td.vue +87 -87
- package/components/u-text/types.ts +69 -69
- package/components/u-text/u-text.vue +326 -326
- package/components/u-th/types.ts +12 -12
- package/components/u-th/u-th.vue +81 -81
- package/components/u-time-line/u-time-line.vue +39 -39
- package/components/u-time-line-item/types.ts +14 -14
- package/components/u-time-line-item/u-time-line-item.vue +78 -78
- package/components/u-toast/types.ts +36 -36
- package/components/u-toast/u-toast.vue +233 -233
- package/components/u-top-tips/types.ts +14 -14
- package/components/u-top-tips/u-top-tips.vue +113 -113
- package/components/u-tr/types.ts +8 -8
- package/components/u-tr/u-tr.vue +24 -24
- package/components/u-upload/types.ts +74 -74
- package/components/u-upload/u-upload.vue +545 -545
- package/components/u-verification-code/types.ts +22 -22
- package/components/u-verification-code/u-verification-code.vue +164 -164
- package/components/u-waterfall/types.ts +16 -16
- package/components/u-waterfall/u-waterfall.vue +175 -175
- package/iconfont.css +912 -912
- package/index.scss +25 -25
- package/index.ts +29 -29
- package/libs/config/config.ts +26 -26
- package/libs/config/zIndex.ts +37 -37
- package/libs/css/color.scss +155 -155
- package/libs/css/common.scss +178 -178
- package/libs/css/style.components.scss +16 -16
- package/libs/css/style.h5.scss +8 -8
- package/libs/css/style.mp.scss +72 -72
- package/libs/css/style.nvue.scss +15 -15
- package/libs/css/style.vue.scss +188 -188
- package/libs/function/$parent.ts +21 -21
- package/libs/function/addUnit.ts +13 -13
- package/libs/function/color.ts +37 -37
- package/libs/function/colorGradient.ts +125 -125
- package/libs/function/debounce.ts +28 -28
- package/libs/function/deepClone.ts +39 -39
- package/libs/function/deepMerge.ts +34 -34
- package/libs/function/getParent.ts +59 -59
- package/libs/function/getRect.ts +26 -26
- package/libs/function/guid.ts +42 -42
- package/libs/function/md5.ts +391 -391
- package/libs/function/parent.ts +21 -21
- package/libs/function/queryParams.ts +60 -60
- package/libs/function/random.ts +16 -16
- package/libs/function/randomArray.ts +11 -11
- package/libs/function/route.ts +118 -118
- package/libs/function/styleUtils.ts +83 -83
- package/libs/function/sys.ts +15 -15
- package/libs/function/test.ts +285 -285
- package/libs/function/throttle.ts +31 -31
- package/libs/function/timeFormat.ts +54 -54
- package/libs/function/timeFrom.ts +48 -48
- package/libs/function/toast.ts +14 -14
- package/libs/function/trim.ts +21 -21
- package/libs/function/type2icon.ts +36 -36
- package/libs/hooks/index.ts +3 -3
- package/libs/hooks/useEmitter.ts +77 -77
- package/libs/hooks/useParent.ts +31 -31
- package/libs/hooks/useRect.ts +33 -33
- package/libs/index.ts +291 -291
- package/libs/request/auto-http.ts +76 -76
- package/libs/request/index.ts +223 -223
- package/libs/store/index.ts +88 -88
- package/libs/util/async-validator.d.ts +62 -62
- package/libs/util/async-validator.js +1 -1
- package/libs/util/calendar.d.ts +57 -57
- package/libs/util/emitter.ts +102 -102
- package/libs/util/mitt.ts +115 -115
- package/libs/util/parent.ts +20 -20
- package/package.json +1 -1
- package/readme.md +239 -237
- package/theme.scss +38 -38
- package/types/components.d.ts +97 -96
- package/types/global.d.ts +295 -295
- package/types/ignore-errors.d.ts +30 -30
- package/types/index.d.ts +19 -19
- 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';
|