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.
- package/changelog.md +1778 -1768
- package/components/u-action-sheet/types.ts +52 -52
- package/components/u-action-sheet/u-action-sheet.vue +196 -196
- package/components/u-action-sheet-item/types.ts +35 -35
- package/components/u-action-sheet-item/u-action-sheet-item.vue +85 -85
- package/components/u-alert-tips/types.ts +49 -49
- package/components/u-alert-tips/u-alert-tips.vue +239 -239
- package/components/u-avatar/types.ts +44 -44
- package/components/u-avatar/u-avatar.vue +218 -218
- package/components/u-avatar-cropper/types.ts +23 -23
- package/components/u-avatar-cropper/u-avatar-cropper.vue +299 -299
- package/components/u-avatar-cropper/weCropper.d.ts +62 -62
- package/components/u-avatar-cropper/weCropper.js +1281 -1281
- package/components/u-avatar-cropper/weCropper.ts +1276 -1276
- package/components/u-back-top/types.ts +44 -44
- package/components/u-back-top/u-back-top.vue +141 -141
- package/components/u-badge/types.ts +46 -46
- package/components/u-badge/u-badge.vue +153 -153
- package/components/u-button/types.ts +76 -76
- package/components/u-button/u-button.vue +608 -608
- package/components/u-calendar/types.ts +126 -126
- package/components/u-calendar/u-calendar.vue +1243 -1243
- package/components/u-car-keyboard/types.ts +22 -22
- package/components/u-car-keyboard/u-car-keyboard.vue +263 -263
- package/components/u-card/types.ts +69 -69
- package/components/u-card/u-card.vue +210 -210
- package/components/u-cell-group/types.ts +27 -27
- package/components/u-cell-group/u-cell-group.vue +60 -60
- package/components/u-cell-item/types.ts +64 -64
- package/components/u-cell-item/u-cell-item.vue +221 -221
- package/components/u-checkbox/types.ts +45 -45
- package/components/u-checkbox/u-checkbox.vue +363 -363
- package/components/u-checkbox-group/types.ts +45 -45
- package/components/u-checkbox-group/u-checkbox-group.vue +172 -172
- package/components/u-circle-progress/types.ts +63 -63
- package/components/u-circle-progress/u-circle-progress.vue +299 -299
- package/components/u-city-select/types.ts +30 -30
- package/components/u-city-select/u-city-select.vue +281 -281
- package/components/u-col/types.ts +40 -40
- package/components/u-col/u-col.vue +142 -142
- package/components/u-collapse/types.ts +41 -41
- package/components/u-collapse/u-collapse.vue +190 -190
- package/components/u-collapse-item/types.ts +35 -35
- package/components/u-collapse-item/u-collapse-item.vue +291 -291
- package/components/u-column-notice/types.ts +58 -58
- package/components/u-column-notice/u-column-notice.vue +223 -223
- package/components/u-config-provider/types.ts +53 -53
- package/components/u-config-provider/u-config-provider.vue +185 -185
- package/components/u-count-down/types.ts +52 -52
- package/components/u-count-down/u-count-down.vue +288 -288
- package/components/u-count-to/types.ts +42 -42
- package/components/u-count-to/u-count-to.vue +266 -266
- package/components/u-divider/types.ts +41 -41
- package/components/u-divider/u-divider.vue +146 -146
- package/components/u-dropdown/types.ts +67 -67
- package/components/u-dropdown/u-dropdown.vue +436 -436
- package/components/u-dropdown-item/types.ts +40 -40
- package/components/u-dropdown-item/u-dropdown-item.vue +124 -124
- package/components/u-empty/types.ts +46 -46
- package/components/u-empty/u-empty.vue +109 -109
- package/components/u-fab/types.ts +83 -83
- package/components/u-fab/u-fab.vue +330 -330
- package/components/u-field/types.ts +81 -81
- package/components/u-field/u-field.vue +398 -398
- package/components/u-form/types.ts +39 -39
- package/components/u-form/u-form.vue +175 -135
- package/components/u-form-item/types.ts +95 -95
- package/components/u-form-item/u-form-item.vue +563 -563
- package/components/u-full-screen/types.ts +26 -26
- package/components/u-full-screen/u-full-screen.vue +100 -100
- package/components/u-gap/types.ts +28 -28
- package/components/u-gap/u-gap.vue +50 -50
- package/components/u-grid/types.ts +29 -29
- package/components/u-grid/u-grid.vue +91 -91
- package/components/u-grid-item/types.ts +24 -24
- package/components/u-grid-item/u-grid-item.vue +130 -130
- package/components/u-icon/types.ts +69 -69
- package/components/u-icon/u-icon.vue +301 -301
- package/components/u-image/types.ts +61 -61
- package/components/u-image/u-image.vue +245 -245
- package/components/u-index-anchor/types.ts +24 -24
- package/components/u-index-anchor/u-index-anchor.vue +120 -120
- package/components/u-index-list/types.ts +44 -44
- package/components/u-index-list/u-index-list.vue +346 -346
- package/components/u-input/types.ts +165 -165
- package/components/u-input/u-input.vue +453 -453
- package/components/u-keyboard/types.ts +40 -40
- package/components/u-keyboard/u-keyboard.vue +201 -201
- package/components/u-lazy-load/types.ts +37 -37
- package/components/u-lazy-load/u-lazy-load.vue +246 -246
- package/components/u-line/types.ts +44 -44
- package/components/u-line/u-line.vue +68 -68
- package/components/u-line-progress/types.ts +58 -58
- package/components/u-line-progress/u-line-progress.vue +131 -131
- package/components/u-link/types.ts +54 -54
- package/components/u-link/u-link.vue +100 -100
- package/components/u-loading/types.ts +45 -45
- package/components/u-loading/u-loading.vue +106 -106
- package/components/u-loading-popup/types.ts +26 -26
- package/components/u-loading-popup/u-loading-popup.vue +254 -254
- package/components/u-loadmore/types.ts +88 -88
- package/components/u-loadmore/u-loadmore.vue +170 -170
- package/components/u-mask/types.ts +48 -48
- package/components/u-mask/u-mask.vue +113 -113
- package/components/u-message-input/types.ts +90 -90
- package/components/u-message-input/u-message-input.vue +283 -283
- package/components/u-modal/service.ts +48 -48
- package/components/u-modal/types.ts +139 -139
- package/components/u-modal/u-modal.vue +465 -465
- package/components/u-navbar/types.ts +104 -104
- package/components/u-navbar/u-navbar.vue +268 -268
- package/components/u-no-network/image.ts +2 -2
- package/components/u-no-network/types.ts +29 -29
- package/components/u-no-network/u-no-network.vue +313 -313
- package/components/u-notice-bar/types.ts +111 -111
- package/components/u-notice-bar/u-notice-bar.vue +191 -191
- package/components/u-number-box/types.ts +42 -42
- package/components/u-number-box/u-number-box.vue +322 -322
- package/components/u-number-keyboard/types.ts +26 -26
- package/components/u-number-keyboard/u-number-keyboard.vue +189 -189
- package/components/u-pagination/types.ts +38 -38
- package/components/u-pagination/u-pagination.vue +102 -102
- package/components/u-picker/types.ts +140 -140
- package/components/u-picker/u-picker.vue +854 -854
- package/components/u-popup/types.ts +64 -64
- package/components/u-popup/u-popup.vue +427 -427
- package/components/u-radio/types.ts +39 -39
- package/components/u-radio/u-radio.vue +349 -349
- package/components/u-radio-group/types.ts +40 -40
- package/components/u-radio-group/u-radio-group.vue +96 -96
- package/components/u-rate/types.ts +50 -50
- package/components/u-rate/u-rate.vue +250 -250
- package/components/u-read-more/types.ts +46 -46
- package/components/u-read-more/u-read-more.vue +182 -182
- package/components/u-root-portal/u-root-portal.vue +55 -55
- package/components/u-row/types.ts +30 -30
- package/components/u-row/u-row.vue +105 -105
- package/components/u-row-notice/types.ts +49 -49
- package/components/u-row-notice/u-row-notice.vue +257 -257
- package/components/u-safe-bottom/types.ts +19 -19
- package/components/u-safe-bottom/u-safe-bottom.vue +55 -55
- package/components/u-search/u-search.vue +297 -297
- package/components/u-section/types.ts +42 -42
- package/components/u-section/u-section.vue +156 -156
- package/components/u-select/types.ts +56 -56
- package/components/u-select/u-select.vue +447 -447
- package/components/u-skeleton/types.ts +89 -89
- package/components/u-skeleton/u-skeleton.vue +253 -253
- package/components/u-slider/types.ts +55 -55
- package/components/u-slider/u-slider.vue +422 -422
- package/components/u-status-bar/types.ts +21 -21
- package/components/u-status-bar/u-status-bar.vue +64 -64
- package/components/u-step/types.ts +37 -37
- package/components/u-step/u-step.vue +292 -292
- package/components/u-steps/types.ts +39 -39
- package/components/u-steps/u-steps.vue +105 -105
- package/components/u-sticky/types.ts +33 -33
- package/components/u-sticky/u-sticky.vue +177 -177
- package/components/u-subsection/types.ts +46 -46
- package/components/u-subsection/u-subsection.vue +358 -358
- package/components/u-swipe-action/types.ts +60 -60
- package/components/u-swipe-action/u-swipe-action.vue +276 -276
- package/components/u-swiper/types.ts +57 -57
- package/components/u-swiper/u-swiper.vue +308 -308
- package/components/u-switch/types.ts +39 -39
- package/components/u-switch/u-switch.vue +212 -212
- package/components/u-tabbar/types.ts +57 -57
- package/components/u-tabbar/u-tabbar.vue +480 -480
- package/components/u-table/types.ts +35 -35
- package/components/u-table/u-table.vue +67 -67
- package/components/u-tabs/types.ts +64 -64
- package/components/u-tabs/u-tabs.vue +328 -328
- package/components/u-tabs-swiper/types.ts +64 -64
- package/components/u-tabs-swiper/u-tabs-swiper.vue +407 -407
- package/components/u-tag/types.ts +47 -47
- package/components/u-tag/u-tag.vue +276 -276
- package/components/u-td/types.ts +22 -22
- package/components/u-td/u-td.vue +65 -65
- package/components/u-text/types.ts +80 -80
- package/components/u-text/u-text.vue +355 -355
- package/components/u-textarea/types.ts +105 -105
- package/components/u-textarea/u-textarea.vue +450 -450
- package/components/u-th/types.ts +22 -22
- package/components/u-th/u-th.vue +63 -63
- package/components/u-time-line/u-time-line.vue +64 -64
- package/components/u-time-line-item/types.ts +24 -24
- package/components/u-time-line-item/u-time-line-item.vue +89 -89
- package/components/u-toast/service.ts +40 -40
- package/components/u-toast/types.ts +54 -54
- package/components/u-toast/u-toast.vue +385 -385
- package/components/u-top-tips/types.ts +25 -25
- package/components/u-top-tips/u-top-tips.vue +130 -130
- package/components/u-tr/types.ts +19 -19
- package/components/u-tr/u-tr.vue +39 -39
- package/components/u-transition/types.ts +43 -43
- package/components/u-transition/u-transition.vue +437 -437
- package/components/u-upload/types.ts +171 -171
- package/components/u-upload/u-upload.vue +1605 -1605
- package/components/u-verification-code/types.ts +32 -32
- package/components/u-verification-code/u-verification-code.vue +183 -183
- package/components/u-waterfall/types.ts +26 -26
- package/components/u-waterfall/u-waterfall.vue +188 -188
- package/iconfont.css +913 -913
- package/index.scss +26 -26
- package/libs/config/color.ts +9 -9
- package/libs/config/config.ts +59 -59
- package/libs/config/theme-tokens.ts +102 -102
- package/libs/config/zIndex.ts +32 -32
- package/libs/css/color.scss +155 -155
- package/libs/css/common.scss +183 -183
- package/libs/css/style.components.scss +16 -16
- package/libs/css/style.h5.scss +8 -8
- package/libs/css/style.mp.scss +68 -68
- package/libs/css/style.nvue.scss +15 -15
- package/libs/css/style.theme.scss +56 -56
- package/libs/css/style.vue.scss +188 -188
- package/libs/function/$parent.ts +24 -24
- package/libs/function/addUnit.ts +50 -50
- package/libs/function/clipboard.ts +73 -73
- package/libs/function/color.ts +28 -28
- package/libs/function/colorGradient.ts +139 -139
- package/libs/function/debounce.ts +28 -28
- package/libs/function/deepClone.ts +39 -39
- package/libs/function/deepMerge.ts +35 -35
- package/libs/function/getParent.ts +63 -63
- package/libs/function/getRect.ts +26 -26
- package/libs/function/guid.ts +42 -42
- package/libs/function/md5.ts +403 -403
- package/libs/function/parent.ts +21 -21
- package/libs/function/queryParams.ts +64 -64
- 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 +289 -289
- package/libs/function/throttle.ts +31 -31
- package/libs/function/timeFormat.ts +55 -55
- 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 +38 -38
- package/libs/hooks/index.ts +10 -10
- package/libs/hooks/useColor.ts +61 -61
- package/libs/hooks/useCompRelation.ts +424 -424
- package/libs/hooks/useDebounce.ts +15 -15
- package/libs/hooks/useEmitter.ts +79 -79
- package/libs/hooks/useLocale.ts +34 -34
- package/libs/hooks/useModal.ts +131 -131
- package/libs/hooks/useRect.ts +40 -40
- package/libs/hooks/useRouter.ts +173 -173
- package/libs/hooks/useTheme.ts +173 -173
- package/libs/hooks/useThrottle.ts +16 -16
- package/libs/hooks/useToast.ts +115 -115
- package/libs/index.ts +349 -349
- package/libs/request/auto-http.ts +76 -76
- package/libs/request/index.ts +301 -301
- package/libs/store/index.ts +88 -88
- package/libs/util/async-validator.d.ts +75 -75
- package/libs/util/async-validator.js +1 -1
- package/libs/util/calendar.d.ts +57 -57
- package/libs/util/canvas-2d.ts +182 -182
- package/libs/util/config-provider.ts +804 -804
- package/libs/util/emitter.ts +112 -112
- package/libs/util/mitt.ts +118 -118
- package/libs/util/system-theme.ts +25 -25
- package/locale/index.ts +2 -2
- package/locale/lang/en-US.ts +136 -136
- package/locale/lang/zh-CN.ts +136 -136
- package/package.json +1 -1
- package/plugins/root/page.ts +77 -77
- package/plugins/root/root.ts +53 -53
- package/theme.scss +149 -149
- package/types/components.d.ts +105 -105
- package/types/global.d.ts +470 -470
- package/types/ignore-errors.d.ts +30 -30
- package/types/index.d.ts +15 -15
- package/types/uni-app.d.ts +63 -63
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
// padStart 的 polyfill,因为某些机型或情况,还无法支持es7的padStart,比如电脑版的微信小程序
|
|
2
|
-
// 所以这里做一个兼容polyfill的兼容处理
|
|
3
|
-
if (!String.prototype.padStart) {
|
|
4
|
-
// 为了方便表示这里 fillString 用了ES6 的默认参数,不影响理解
|
|
5
|
-
String.prototype.padStart = function (this: string, maxLength: number, fillString: string = ' '): string {
|
|
6
|
-
if (Object.prototype.toString.call(fillString) !== '[object String]')
|
|
7
|
-
throw new TypeError('fillString must be String');
|
|
8
|
-
let str = this;
|
|
9
|
-
if (str.length >= maxLength) return String(str);
|
|
10
|
-
let fillLength = maxLength - str.length,
|
|
11
|
-
times = Math.ceil(fillLength / fillString.length);
|
|
12
|
-
while ((times >>= 1)) {
|
|
13
|
-
fillString += fillString;
|
|
14
|
-
if (times === 1) {
|
|
15
|
-
fillString += fillString;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
return fillString.slice(0, fillLength) + str;
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* 时间格式化
|
|
24
|
-
* @param dateTime 时间戳、Date对象或null,默认当前时间
|
|
25
|
-
* @param fmt 格式化字符串,默认 'yyyy-mm-dd'
|
|
26
|
-
* @returns 格式化后的时间字符串
|
|
27
|
-
*/
|
|
28
|
-
function timeFormat(dateTime: number | string | Date | null = null, fmt: string = 'yyyy-mm-dd'): string {
|
|
29
|
-
// 如果为null,则格式化当前时间
|
|
30
|
-
if (!dateTime) dateTime = Number(new Date());
|
|
31
|
-
// 如果dateTime长度为10或者13,则为秒和毫秒的时间戳,如果超过13位,则为其他的时间格式
|
|
32
|
-
if (typeof dateTime === 'number' || typeof dateTime === 'string') {
|
|
33
|
-
if (dateTime.toString().length == 10) dateTime = Number(dateTime) * 1000;
|
|
34
|
-
}
|
|
35
|
-
const date = new Date(dateTime);
|
|
36
|
-
let ret: RegExpExecArray | null;
|
|
37
|
-
const opt: Record<string, string> = {
|
|
38
|
-
'y+': date.getFullYear().toString(), // 年
|
|
39
|
-
'm+': (date.getMonth() + 1).toString(), // 月
|
|
40
|
-
'd+': date.getDate().toString(), // 日
|
|
41
|
-
'h+': date.getHours().toString(), // 时
|
|
42
|
-
'M+': date.getMinutes().toString(), // 分
|
|
43
|
-
's+': date.getSeconds().toString() // 秒
|
|
44
|
-
// 有其他格式化字符需求可以继续添加,必须转化成字符串
|
|
45
|
-
};
|
|
46
|
-
for (const k in opt) {
|
|
47
|
-
ret = new RegExp('(' + k + ')').exec(fmt);
|
|
48
|
-
if (ret) {
|
|
49
|
-
fmt = fmt.replace(ret[1], ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, '0'));
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
return fmt;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
export default timeFormat;
|
|
1
|
+
// padStart 的 polyfill,因为某些机型或情况,还无法支持es7的padStart,比如电脑版的微信小程序
|
|
2
|
+
// 所以这里做一个兼容polyfill的兼容处理
|
|
3
|
+
if (!String.prototype.padStart) {
|
|
4
|
+
// 为了方便表示这里 fillString 用了ES6 的默认参数,不影响理解
|
|
5
|
+
String.prototype.padStart = function (this: string, maxLength: number, fillString: string = ' '): string {
|
|
6
|
+
if (Object.prototype.toString.call(fillString) !== '[object String]')
|
|
7
|
+
throw new TypeError('fillString must be String');
|
|
8
|
+
let str = this;
|
|
9
|
+
if (str.length >= maxLength) return String(str);
|
|
10
|
+
let fillLength = maxLength - str.length,
|
|
11
|
+
times = Math.ceil(fillLength / fillString.length);
|
|
12
|
+
while ((times >>= 1)) {
|
|
13
|
+
fillString += fillString;
|
|
14
|
+
if (times === 1) {
|
|
15
|
+
fillString += fillString;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
return fillString.slice(0, fillLength) + str;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* 时间格式化
|
|
24
|
+
* @param dateTime 时间戳、Date对象或null,默认当前时间
|
|
25
|
+
* @param fmt 格式化字符串,默认 'yyyy-mm-dd'
|
|
26
|
+
* @returns 格式化后的时间字符串
|
|
27
|
+
*/
|
|
28
|
+
function timeFormat(dateTime: number | string | Date | null = null, fmt: string = 'yyyy-mm-dd'): string {
|
|
29
|
+
// 如果为null,则格式化当前时间
|
|
30
|
+
if (!dateTime) dateTime = Number(new Date());
|
|
31
|
+
// 如果dateTime长度为10或者13,则为秒和毫秒的时间戳,如果超过13位,则为其他的时间格式
|
|
32
|
+
if (typeof dateTime === 'number' || typeof dateTime === 'string') {
|
|
33
|
+
if (dateTime.toString().length == 10) dateTime = Number(dateTime) * 1000;
|
|
34
|
+
}
|
|
35
|
+
const date = new Date(dateTime);
|
|
36
|
+
let ret: RegExpExecArray | null;
|
|
37
|
+
const opt: Record<string, string> = {
|
|
38
|
+
'y+': date.getFullYear().toString(), // 年
|
|
39
|
+
'm+': (date.getMonth() + 1).toString(), // 月
|
|
40
|
+
'd+': date.getDate().toString(), // 日
|
|
41
|
+
'h+': date.getHours().toString(), // 时
|
|
42
|
+
'M+': date.getMinutes().toString(), // 分
|
|
43
|
+
's+': date.getSeconds().toString() // 秒
|
|
44
|
+
// 有其他格式化字符需求可以继续添加,必须转化成字符串
|
|
45
|
+
};
|
|
46
|
+
for (const k in opt) {
|
|
47
|
+
ret = new RegExp('(' + k + ')').exec(fmt);
|
|
48
|
+
if (ret) {
|
|
49
|
+
fmt = fmt.replace(ret[1], ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, '0'));
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
return fmt;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
export default timeFormat;
|
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
import timeFormat from './timeFormat';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* 时间戳转为多久之前
|
|
5
|
-
* @param dateTime 时间戳、Date对象或null,默认当前时间
|
|
6
|
-
* @param format 时间格式字符串或false,超出范围时返回指定格式,否则返回多久以前
|
|
7
|
-
* @returns 格式化后的时间字符串
|
|
8
|
-
*/
|
|
9
|
-
function timeFrom(dateTime: number | string | Date | null = null, format: string | false = 'yyyy-mm-dd'): string {
|
|
10
|
-
// 如果为null,则格式化当前时间
|
|
11
|
-
if (!dateTime) dateTime = Number(new Date());
|
|
12
|
-
// 如果dateTime长度为10或者13,则为秒和毫秒的时间戳,如果超过13位,则为其他的时间格式
|
|
13
|
-
if (typeof dateTime === 'number' || typeof dateTime === 'string') {
|
|
14
|
-
if (dateTime.toString().length == 10) dateTime = Number(dateTime) * 1000;
|
|
15
|
-
}
|
|
16
|
-
const timestamp = +new Date(Number(dateTime));
|
|
17
|
-
const timer = (Number(new Date()) - timestamp) / 1000;
|
|
18
|
-
// 如果小于5分钟,则返回"刚刚",其他以此类推
|
|
19
|
-
let tips = '';
|
|
20
|
-
switch (true) {
|
|
21
|
-
case timer < 300:
|
|
22
|
-
tips = '刚刚';
|
|
23
|
-
break;
|
|
24
|
-
case timer >= 300 && timer < 3600:
|
|
25
|
-
tips = parseInt(String(timer / 60)) + '分钟前';
|
|
26
|
-
break;
|
|
27
|
-
case timer >= 3600 && timer < 86400:
|
|
28
|
-
tips = parseInt(String(timer / 3600)) + '小时前';
|
|
29
|
-
break;
|
|
30
|
-
case timer >= 86400 && timer < 2592000:
|
|
31
|
-
tips = parseInt(String(timer / 86400)) + '天前';
|
|
32
|
-
break;
|
|
33
|
-
default:
|
|
34
|
-
// 如果format为false,则无论什么时间戳,都显示xx之前
|
|
35
|
-
if (format === false) {
|
|
36
|
-
if (timer >= 2592000 && timer < 365 * 86400) {
|
|
37
|
-
tips = parseInt(String(timer / (86400 * 30))) + '个月前';
|
|
38
|
-
} else {
|
|
39
|
-
tips = parseInt(String(timer / (86400 * 365))) + '年前';
|
|
40
|
-
}
|
|
41
|
-
} else {
|
|
42
|
-
tips = timeFormat(timestamp, format as string);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
return tips;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
export default timeFrom;
|
|
1
|
+
import timeFormat from './timeFormat';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 时间戳转为多久之前
|
|
5
|
+
* @param dateTime 时间戳、Date对象或null,默认当前时间
|
|
6
|
+
* @param format 时间格式字符串或false,超出范围时返回指定格式,否则返回多久以前
|
|
7
|
+
* @returns 格式化后的时间字符串
|
|
8
|
+
*/
|
|
9
|
+
function timeFrom(dateTime: number | string | Date | null = null, format: string | false = 'yyyy-mm-dd'): string {
|
|
10
|
+
// 如果为null,则格式化当前时间
|
|
11
|
+
if (!dateTime) dateTime = Number(new Date());
|
|
12
|
+
// 如果dateTime长度为10或者13,则为秒和毫秒的时间戳,如果超过13位,则为其他的时间格式
|
|
13
|
+
if (typeof dateTime === 'number' || typeof dateTime === 'string') {
|
|
14
|
+
if (dateTime.toString().length == 10) dateTime = Number(dateTime) * 1000;
|
|
15
|
+
}
|
|
16
|
+
const timestamp = +new Date(Number(dateTime));
|
|
17
|
+
const timer = (Number(new Date()) - timestamp) / 1000;
|
|
18
|
+
// 如果小于5分钟,则返回"刚刚",其他以此类推
|
|
19
|
+
let tips = '';
|
|
20
|
+
switch (true) {
|
|
21
|
+
case timer < 300:
|
|
22
|
+
tips = '刚刚';
|
|
23
|
+
break;
|
|
24
|
+
case timer >= 300 && timer < 3600:
|
|
25
|
+
tips = parseInt(String(timer / 60)) + '分钟前';
|
|
26
|
+
break;
|
|
27
|
+
case timer >= 3600 && timer < 86400:
|
|
28
|
+
tips = parseInt(String(timer / 3600)) + '小时前';
|
|
29
|
+
break;
|
|
30
|
+
case timer >= 86400 && timer < 2592000:
|
|
31
|
+
tips = parseInt(String(timer / 86400)) + '天前';
|
|
32
|
+
break;
|
|
33
|
+
default:
|
|
34
|
+
// 如果format为false,则无论什么时间戳,都显示xx之前
|
|
35
|
+
if (format === false) {
|
|
36
|
+
if (timer >= 2592000 && timer < 365 * 86400) {
|
|
37
|
+
tips = parseInt(String(timer / (86400 * 30))) + '个月前';
|
|
38
|
+
} else {
|
|
39
|
+
tips = parseInt(String(timer / (86400 * 365))) + '年前';
|
|
40
|
+
}
|
|
41
|
+
} else {
|
|
42
|
+
tips = timeFormat(timestamp, format as string);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
return tips;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
export default timeFrom;
|
package/libs/function/toast.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 显示无图标的 Toast 提示
|
|
3
|
-
* @param title 提示文本
|
|
4
|
-
* @param option 显示时长(毫秒)默认1500 /显示图标,默认为none,
|
|
5
|
-
*/
|
|
6
|
-
function toast(title: string, option: number | string | Record<string, any> = 1500): void {
|
|
7
|
-
uni.showToast({
|
|
8
|
-
title: title,
|
|
9
|
-
icon: typeof option === 'string' ? option : typeof option === 'object' ? option.icon || 'none' : 'none',
|
|
10
|
-
duration: typeof option === 'number' ? option : typeof option === 'object' ? option.duration || '1500' : 1500
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export default toast;
|
|
1
|
+
/**
|
|
2
|
+
* 显示无图标的 Toast 提示
|
|
3
|
+
* @param title 提示文本
|
|
4
|
+
* @param option 显示时长(毫秒)默认1500 /显示图标,默认为none,
|
|
5
|
+
*/
|
|
6
|
+
function toast(title: string, option: number | string | Record<string, any> = 1500): void {
|
|
7
|
+
uni.showToast({
|
|
8
|
+
title: title,
|
|
9
|
+
icon: typeof option === 'string' ? option : typeof option === 'object' ? option.icon || 'none' : 'none',
|
|
10
|
+
duration: typeof option === 'number' ? option : typeof option === 'object' ? option.duration || '1500' : 1500
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export default toast;
|
package/libs/function/trim.ts
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 去除字符串空格
|
|
3
|
-
* @param str 输入字符串
|
|
4
|
-
* @param pos 去除位置,'both' | 'left' | 'right' | 'all',默认'both'
|
|
5
|
-
* @returns 去除空格后的字符串
|
|
6
|
-
*/
|
|
7
|
-
function trim(str: string, pos: 'both' | 'left' | 'right' | 'all' = 'both'): string {
|
|
8
|
-
if (pos === 'both') {
|
|
9
|
-
return str.replace(/^\s+|\s+$/g, '');
|
|
10
|
-
} else if (pos === 'left') {
|
|
11
|
-
return str.replace(/^\s*/, '');
|
|
12
|
-
} else if (pos === 'right') {
|
|
13
|
-
return str.replace(/(\s*$)/g, '');
|
|
14
|
-
} else if (pos === 'all') {
|
|
15
|
-
return str.replace(/\s+/g, '');
|
|
16
|
-
} else {
|
|
17
|
-
return str;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export default trim;
|
|
1
|
+
/**
|
|
2
|
+
* 去除字符串空格
|
|
3
|
+
* @param str 输入字符串
|
|
4
|
+
* @param pos 去除位置,'both' | 'left' | 'right' | 'all',默认'both'
|
|
5
|
+
* @returns 去除空格后的字符串
|
|
6
|
+
*/
|
|
7
|
+
function trim(str: string, pos: 'both' | 'left' | 'right' | 'all' = 'both'): string {
|
|
8
|
+
if (pos === 'both') {
|
|
9
|
+
return str.replace(/^\s+|\s+$/g, '');
|
|
10
|
+
} else if (pos === 'left') {
|
|
11
|
+
return str.replace(/^\s*/, '');
|
|
12
|
+
} else if (pos === 'right') {
|
|
13
|
+
return str.replace(/(\s*$)/g, '');
|
|
14
|
+
} else if (pos === 'all') {
|
|
15
|
+
return str.replace(/\s+/g, '');
|
|
16
|
+
} else {
|
|
17
|
+
return str;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export default trim;
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import type { ThemeType } from '../../types/global';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* 根据主题type值,获取对应的图标
|
|
5
|
-
* @param type 主题名称, primary|info|error|warning|success,默认success
|
|
6
|
-
* @param fill 是否使用fill填充实体的图标,默认false
|
|
7
|
-
* @returns 图标名称字符串
|
|
8
|
-
*/
|
|
9
|
-
function type2icon(type: ThemeType = 'success', fill: boolean = false): string {
|
|
10
|
-
// 如果非预置值,默认为success
|
|
11
|
-
if (!['primary', 'info', 'error', 'warning', 'success'].includes(type)) type = 'success';
|
|
12
|
-
let iconName = '';
|
|
13
|
-
// 目前(2019-12-12),info和primary使用同一个图标
|
|
14
|
-
switch (type) {
|
|
15
|
-
case 'primary':
|
|
16
|
-
iconName = 'info-circle';
|
|
17
|
-
break;
|
|
18
|
-
case 'info':
|
|
19
|
-
iconName = 'info-circle';
|
|
20
|
-
break;
|
|
21
|
-
case 'error':
|
|
22
|
-
iconName = 'close-circle';
|
|
23
|
-
break;
|
|
24
|
-
case 'warning':
|
|
25
|
-
iconName = 'error-circle';
|
|
26
|
-
break;
|
|
27
|
-
case 'success':
|
|
28
|
-
iconName = 'checkmark-circle';
|
|
29
|
-
break;
|
|
30
|
-
default:
|
|
31
|
-
iconName = 'checkmark-circle';
|
|
32
|
-
}
|
|
33
|
-
// 是否是实体类型,加上-fill,在icon组件库中,实体的类名是后面加-fill的
|
|
34
|
-
if (fill) iconName += '-fill';
|
|
35
|
-
return iconName;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
export default type2icon;
|
|
1
|
+
import type { ThemeType } from '../../types/global';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 根据主题type值,获取对应的图标
|
|
5
|
+
* @param type 主题名称, primary|info|error|warning|success,默认success
|
|
6
|
+
* @param fill 是否使用fill填充实体的图标,默认false
|
|
7
|
+
* @returns 图标名称字符串
|
|
8
|
+
*/
|
|
9
|
+
function type2icon(type: ThemeType = 'success', fill: boolean = false): string {
|
|
10
|
+
// 如果非预置值,默认为success
|
|
11
|
+
if (!['primary', 'info', 'error', 'warning', 'success'].includes(type)) type = 'success';
|
|
12
|
+
let iconName = '';
|
|
13
|
+
// 目前(2019-12-12),info和primary使用同一个图标
|
|
14
|
+
switch (type) {
|
|
15
|
+
case 'primary':
|
|
16
|
+
iconName = 'info-circle';
|
|
17
|
+
break;
|
|
18
|
+
case 'info':
|
|
19
|
+
iconName = 'info-circle';
|
|
20
|
+
break;
|
|
21
|
+
case 'error':
|
|
22
|
+
iconName = 'close-circle';
|
|
23
|
+
break;
|
|
24
|
+
case 'warning':
|
|
25
|
+
iconName = 'error-circle';
|
|
26
|
+
break;
|
|
27
|
+
case 'success':
|
|
28
|
+
iconName = 'checkmark-circle';
|
|
29
|
+
break;
|
|
30
|
+
default:
|
|
31
|
+
iconName = 'checkmark-circle';
|
|
32
|
+
}
|
|
33
|
+
// 是否是实体类型,加上-fill,在icon组件库中,实体的类名是后面加-fill的
|
|
34
|
+
if (fill) iconName += '-fill';
|
|
35
|
+
return iconName;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export default type2icon;
|
package/libs/hooks/index.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export * from './useEmitter';
|
|
2
|
-
export * from './useRect';
|
|
3
|
-
export * from './useCompRelation';
|
|
4
|
-
export * from './useTheme';
|
|
5
|
-
export * from './useColor';
|
|
6
|
-
export * from './useLocale';
|
|
7
|
-
export * from './useDebounce';
|
|
8
|
-
export * from './useThrottle';
|
|
9
|
-
export * from './useToast';
|
|
10
|
-
export * from './useModal';
|
|
1
|
+
export * from './useEmitter';
|
|
2
|
+
export * from './useRect';
|
|
3
|
+
export * from './useCompRelation';
|
|
4
|
+
export * from './useTheme';
|
|
5
|
+
export * from './useColor';
|
|
6
|
+
export * from './useLocale';
|
|
7
|
+
export * from './useDebounce';
|
|
8
|
+
export * from './useThrottle';
|
|
9
|
+
export * from './useToast';
|
|
10
|
+
export * from './useModal';
|
package/libs/hooks/useColor.ts
CHANGED
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 响应式颜色管理 composable
|
|
3
|
-
* 提供响应式的颜色访问,支持主题切换和暗黑模式
|
|
4
|
-
*
|
|
5
|
-
* 使用方式:
|
|
6
|
-
* const { color, getColor } = useColor()
|
|
7
|
-
* // color 是响应式的,可以直接在模板中使用
|
|
8
|
-
* // getColor('primary') 返回响应式的颜色值
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
import { computed, type ComputedRef } from 'vue';
|
|
12
|
-
import type { ColorType } from '../../types/global';
|
|
13
|
-
import configProvider from '../util/config-provider';
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* 响应式颜色 composable
|
|
17
|
-
* 返回响应式的颜色对象和获取颜色的方法
|
|
18
|
-
*/
|
|
19
|
-
export function useColor() {
|
|
20
|
-
// 从 configProvider 获取当前主题的响应式引用
|
|
21
|
-
const currentTheme = configProvider.currentThemeRef;
|
|
22
|
-
const darkModeRef = configProvider.darkModeRef;
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* 获取当前激活模式下的颜色对象(响应式)
|
|
26
|
-
*/
|
|
27
|
-
const color = computed(() => {
|
|
28
|
-
const theme = currentTheme.value;
|
|
29
|
-
if (!theme) return {} as Record<ColorType, string>;
|
|
30
|
-
|
|
31
|
-
const isDark = configProvider.isInDarkMode();
|
|
32
|
-
const palette =
|
|
33
|
-
isDark && theme.darkColor && Object.keys(theme.darkColor).length ? theme.darkColor : theme.color || {};
|
|
34
|
-
|
|
35
|
-
// 合并默认值,确保所有颜色都有值
|
|
36
|
-
const defaultPalette = isDark
|
|
37
|
-
? (configProvider as any).baseDarkColorTokens || {}
|
|
38
|
-
: (configProvider as any).baseColorTokens || {};
|
|
39
|
-
|
|
40
|
-
return {
|
|
41
|
-
...defaultPalette,
|
|
42
|
-
...palette
|
|
43
|
-
} as Record<ColorType, string>;
|
|
44
|
-
});
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* 获取指定颜色(响应式)
|
|
48
|
-
* @param name 颜色名称
|
|
49
|
-
* @returns 颜色值
|
|
50
|
-
*/
|
|
51
|
-
const getColor = (name: ColorType): ComputedRef<string> => {
|
|
52
|
-
return computed(() => {
|
|
53
|
-
return color.value[name] || '';
|
|
54
|
-
});
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
return {
|
|
58
|
-
color,
|
|
59
|
-
getColor
|
|
60
|
-
};
|
|
61
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* 响应式颜色管理 composable
|
|
3
|
+
* 提供响应式的颜色访问,支持主题切换和暗黑模式
|
|
4
|
+
*
|
|
5
|
+
* 使用方式:
|
|
6
|
+
* const { color, getColor } = useColor()
|
|
7
|
+
* // color 是响应式的,可以直接在模板中使用
|
|
8
|
+
* // getColor('primary') 返回响应式的颜色值
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
import { computed, type ComputedRef } from 'vue';
|
|
12
|
+
import type { ColorType } from '../../types/global';
|
|
13
|
+
import configProvider from '../util/config-provider';
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* 响应式颜色 composable
|
|
17
|
+
* 返回响应式的颜色对象和获取颜色的方法
|
|
18
|
+
*/
|
|
19
|
+
export function useColor() {
|
|
20
|
+
// 从 configProvider 获取当前主题的响应式引用
|
|
21
|
+
const currentTheme = configProvider.currentThemeRef;
|
|
22
|
+
const darkModeRef = configProvider.darkModeRef;
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* 获取当前激活模式下的颜色对象(响应式)
|
|
26
|
+
*/
|
|
27
|
+
const color = computed(() => {
|
|
28
|
+
const theme = currentTheme.value;
|
|
29
|
+
if (!theme) return {} as Record<ColorType, string>;
|
|
30
|
+
|
|
31
|
+
const isDark = configProvider.isInDarkMode();
|
|
32
|
+
const palette =
|
|
33
|
+
isDark && theme.darkColor && Object.keys(theme.darkColor).length ? theme.darkColor : theme.color || {};
|
|
34
|
+
|
|
35
|
+
// 合并默认值,确保所有颜色都有值
|
|
36
|
+
const defaultPalette = isDark
|
|
37
|
+
? (configProvider as any).baseDarkColorTokens || {}
|
|
38
|
+
: (configProvider as any).baseColorTokens || {};
|
|
39
|
+
|
|
40
|
+
return {
|
|
41
|
+
...defaultPalette,
|
|
42
|
+
...palette
|
|
43
|
+
} as Record<ColorType, string>;
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* 获取指定颜色(响应式)
|
|
48
|
+
* @param name 颜色名称
|
|
49
|
+
* @returns 颜色值
|
|
50
|
+
*/
|
|
51
|
+
const getColor = (name: ColorType): ComputedRef<string> => {
|
|
52
|
+
return computed(() => {
|
|
53
|
+
return color.value[name] || '';
|
|
54
|
+
});
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
return {
|
|
58
|
+
color,
|
|
59
|
+
getColor
|
|
60
|
+
};
|
|
61
|
+
}
|