1
This commit is contained in:
117
uview-plus/components/u-text/props.js
Normal file
117
uview-plus/components/u-text/props.js
Normal file
File diff suppressed because it is too large
Load Diff
39
uview-plus/components/u-text/text.js
Normal file
39
uview-plus/components/u-text/text.js
Normal file
@@ -0,0 +1,39 @@
|
||||
/*
|
||||
* @Author : LQ
|
||||
* @Description :
|
||||
* @version : 1.0
|
||||
* @Date : 2021-08-20 16:44:21
|
||||
* @LastAuthor : LQ
|
||||
* @lastTime : 2021-08-20 17:23:58
|
||||
* @FilePath : /u-view2.0/uview-ui/libs/config/props/text.js
|
||||
*/
|
||||
export default {
|
||||
// text 组件
|
||||
text: {
|
||||
type: '',
|
||||
show: true,
|
||||
text: '',
|
||||
prefixIcon: '',
|
||||
suffixIcon: '',
|
||||
mode: '',
|
||||
href: '',
|
||||
format: '',
|
||||
call: false,
|
||||
openType: '',
|
||||
bold: false,
|
||||
block: false,
|
||||
lines: '',
|
||||
color: '#303133',
|
||||
size: 15,
|
||||
iconStyle: {
|
||||
fontSize: '15px'
|
||||
},
|
||||
decoration: 'none',
|
||||
margin: 0,
|
||||
lineHeight: '',
|
||||
align: 'left',
|
||||
wordWrap: 'normal',
|
||||
flex1: true
|
||||
}
|
||||
|
||||
}
|
||||
236
uview-plus/components/u-text/u-text.vue
Normal file
236
uview-plus/components/u-text/u-text.vue
Normal file
File diff suppressed because it is too large
Load Diff
87
uview-plus/components/u-text/value.js
Normal file
87
uview-plus/components/u-text/value.js
Normal file
@@ -0,0 +1,87 @@
|
||||
import { error, priceFormat, timeFormat } from '../../libs/function/index';
|
||||
import test from '../../libs/function/test';
|
||||
export default {
|
||||
computed: {
|
||||
// 经处理后需要显示的值
|
||||
value() {
|
||||
const {
|
||||
text,
|
||||
mode,
|
||||
format,
|
||||
href
|
||||
} = this
|
||||
// 价格类型
|
||||
if (mode === 'price') {
|
||||
// 如果text不为金额进行提示
|
||||
if (!/^\d+(\.\d+)?$/.test(text)) {
|
||||
error('金额模式下,text参数需要为金额格式');
|
||||
}
|
||||
// 进行格式化,判断用户传入的format参数为正则,或者函数,如果没有传入format,则使用默认的金额格式化处理
|
||||
if (test.func(format)) {
|
||||
// 如果用户传入的是函数,使用函数格式化
|
||||
return format(text)
|
||||
}
|
||||
// 如果format非正则,非函数,则使用默认的金额格式化方法进行操作
|
||||
return priceFormat(text, 2)
|
||||
} if (mode === 'date') {
|
||||
// 判断是否合法的日期或者时间戳
|
||||
!test.date(text) && error('日期模式下,text参数需要为日期或时间戳格式')
|
||||
// 进行格式化,判断用户传入的format参数为正则,或者函数,如果没有传入format,则使用默认的格式化处理
|
||||
if (test.func(format)) {
|
||||
// 如果用户传入的是函数,使用函数格式化
|
||||
return format(text)
|
||||
} if (format) {
|
||||
// 如果format非正则,非函数,则使用默认的时间格式化方法进行操作
|
||||
return timeFormat(text, format)
|
||||
}
|
||||
// 如果没有设置format,则设置为默认的时间格式化形式
|
||||
return timeFormat(text, 'yyyy-mm-dd')
|
||||
} if (mode === 'phone') {
|
||||
// 判断是否合法的手机号
|
||||
// !test.mobile(text) && error('手机号模式下,text参数需要为手机号码格式')
|
||||
if (test.func(format)) {
|
||||
// 如果用户传入的是函数,使用函数格式化
|
||||
return format(text)
|
||||
} if (format === 'encrypt') {
|
||||
// 如果format为encrypt,则将手机号进行星号加密处理
|
||||
return `${text.substr(0, 3)}****${text.substr(7)}`
|
||||
}
|
||||
return text
|
||||
} if (mode === 'name') {
|
||||
// 判断是否合法的字符粗
|
||||
!(typeof (text) === 'string') && error('姓名模式下,text参数需要为字符串格式')
|
||||
if (test.func(format)) {
|
||||
// 如果用户传入的是函数,使用函数格式化
|
||||
return format(text)
|
||||
} if (format === 'encrypt') {
|
||||
// 如果format为encrypt,则将姓名进行星号加密处理
|
||||
return this.formatName(text)
|
||||
}
|
||||
return text
|
||||
} if (mode === 'link') {
|
||||
// 判断是否合法的字符粗
|
||||
!test.url(href) && error('超链接模式下,href参数需要为URL格式')
|
||||
return text
|
||||
}
|
||||
return text
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 默认的姓名脱敏规则
|
||||
formatName(name) {
|
||||
let value = ''
|
||||
if (name.length === 2) {
|
||||
value = name.substr(0, 1) + '*'
|
||||
} else if (name.length > 2) {
|
||||
let char = ''
|
||||
for (let i = 0, len = name.length - 2; i < len; i++) {
|
||||
char += '*'
|
||||
}
|
||||
value = name.substr(0, 1) + char + name.substr(-1, 1)
|
||||
} else {
|
||||
value = name
|
||||
}
|
||||
return value
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user