sh-tools 1.2.2 → 1.2.5

package/packages/utils/other.js

@@ -0,0 +1,311 @@
+import XEUtils from 'xe-utils'
+
+export default {
+	toDateDiffText(date) {
+		let currDate = 1544407800000 // '2018-12-10 10:10:00'
+		let dateDiff = XEUtils.getDateDiff(date, currDate)
+		if (dateDiff.done) {
+			if (dateDiff.time < 31536000000) {
+				if (dateDiff.time < 2592000000) {
+					if (dateDiff.time < 86400000) {
+						if (dateDiff.time < 360000) {
+							if (dateDiff.time < 60000) {
+								if (dateDiff.time < 10000) {
+									return '刚刚'
+								}
+								return `${dateDiff.ss}秒之前`
+							}
+							return `${dateDiff.mm}分钟之前`
+						}
+						return `${dateDiff.HH}小时之前`
+					}
+					return `${dateDiff.dd}天之前`
+				}
+				return `${dateDiff.MM}个月之前`
+			}
+			return `${dateDiff.yyyy}年之前`
+		}
+		return '错误类型'
+	},
+	ioToFile(io, fileName = 'download', type = 'blob') {
+		return new Promise((resolve, reject) => {
+			try {
+				if ('download' in document.createElement('a')) {
+					// 非IE下载
+					const elink = document.createElement('a')
+					const url = window.URL || window.webkitURL || window.moxURL
+					elink.style.display = 'none'
+					elink.href = url.createObjectURL(io)
+					elink.download = fileName
+					elink.click()
+					url.revokeObjectURL(elink.href)
+				} else {
+					// IE10+下载
+					navigator.msSaveBlob(io, fileName)
+				}
+				resolve()
+			} catch (e) {
+				reject(e)
+			}
+		})
+	},
+	// 数字金额转大写
+	toMoneyChies(val, option = {}) {
+		let { upcase = true } = option
+		//汉字的数字
+		var cnNums = upcase ? ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'] : ['零', '一', '二', '三', '四', '伍', '六', '七', '八', '九']
+		//基本单位
+		var cnIntRadice = ['', '拾', '佰', '仟']
+		//对应整数部分扩展单位
+		var cnIntUnits = ['', '万', '亿', '兆']
+		//对应小数部分单位
+		var cnDecUnits = ['角', '分', '毫', '厘']
+		//整数金额时后面跟的字符
+		var cnInteger = '整'
+		//整型完以后的单位
+		var cnIntLast = '元'
+		//最大处理的数字
+		var maxNum = 999999999999999.9999
+		//金额整数部分
+		var integerNum
+		//金额小数部分
+		var decimalNum
+		//输出的中文金额字符串
+		var chineseStr = ''
+		//分离金额后用的数组，预定义
+		var parts
+		if (val === '') return val
+		val = parseFloat(val)
+		if (val >= maxNum) {
+			//超出最大处理数字
+			return ''
+		}
+		if (val === 0) {
+			chineseStr = cnNums[0] + cnIntLast + cnInteger
+			return chineseStr
+		}
+		//转换为字符串
+		val = val.toString()
+		if (val.indexOf('.') === -1) {
+			integerNum = val
+			decimalNum = ''
+		} else {
+			parts = val.split('.')
+			integerNum = parts[0]
+			decimalNum = parts[1].substr(0, 4)
+		}
+		//获取整型部分转换
+		if (parseInt(integerNum, 10) > 0) {
+			var zeroCount = 0
+			var IntLen = integerNum.length
+			for (let i = 0; i < IntLen; i++) {
+				let n = integerNum.substr(i, 1)
+				var p = IntLen - i - 1
+				var q = p / 4
+				var m = p % 4
+				if (n === '0') {
+					zeroCount++
+				} else {
+					if (zeroCount > 0) {
+						chineseStr += cnNums[0]
+					}
+					//归零
+					zeroCount = 0
+					chineseStr += cnNums[parseInt(n)] + cnIntRadice[m]
+				}
+				if (m === 0 && zeroCount < 4) {
+					chineseStr += cnIntUnits[q]
+				}
+			}
+			chineseStr += cnIntLast
+		}
+		//小数部分
+		if (decimalNum !== '') {
+			var decLen = decimalNum.length
+			for (var i = 0; i < decLen; i++) {
+				var n = decimalNum.substr(i, 1)
+				if (n !== '0') {
+					chineseStr += cnNums[Number(n)] + cnDecUnits[i]
+				}
+			}
+		}
+		if (chineseStr === '') {
+			chineseStr += cnNums[0] + cnIntLast + cnInteger
+		} else if (decimalNum === '') {
+			chineseStr += cnInteger
+		}
+		return chineseStr
+	},
+	// 补全金额位数，返回字符串
+	formatMoneyPad(value) {
+		//基本单位
+		let cnIntRadice = ['亿', '千', '百', '十', '万', '千', '百', '十', '元']
+		// 小数单位
+		let cnDecUnits = ['角', '分', '毫', '厘']
+		let intValue = String(value).split('.')[0] || ''
+		let decValue = String(value).split('.')[1] || ''
+		let intFixed = intValue.padStart(cnIntRadice.length, ' ')
+		let decFixed = decValue.padEnd(cnDecUnits.length, '0')
+		return intFixed + '.' + decFixed
+	},
+	// 封装 系统内对渲染器格式化方法
+	formatRender(value, key, rowData, renderName, renderProps, renderContext, editable) {
+		// editable: 是否对返回值进行修正 默认 否
+		let rvalue, rtext, rname, iscross
+		let { $vUtils, $vxePluginNames, rform } = renderContext
+		let { min, max, formula, digits, type, multiple, split, options, format, nodeKey, moneyUnit, commafy, openValue, openLabel, closeValue, closeLabel, bill } = renderProps
+		let defaultDateFormat = {
+			date: 'yyyy-MM-dd',
+			time: 'HH:mm:ss',
+			datetime: 'yyyy-MM-dd HH:mm:ss',
+			month: 'yyyy-MM',
+			week: 'yyyy-MM-dd',
+			year: 'yyyy'
+		}
+		if (renderName === '$vRowCell') {
+			let field = rowData[key + 'field'] || key
+			rname = rowData[field + 'RenderName'] || '$vInput'
+		} else {
+			rname = renderName
+		}
+		switch (rname) {
+			case '$vInput':
+				if (formula) {
+					value = $vUtils.calculate(formula, rowData)
+				}
+				if (editable && ['integer', 'number', 'float'].includes(type) && !$vUtils.isNone(value)) {
+					if ($vUtils.isNumber(+max) && +value > +max) {
+						value = +max
+						iscross = true
+					} else if ($vUtils.isNumber(+min) && +value < +min) {
+						value = +min
+						iscross = true
+					}
+				}
+				switch (type) {
+					case 'integer':
+						rvalue = value || value === 0 ? $vUtils.toInteger(value) : ''
+						break
+					case 'number':
+					case 'float':
+						rvalue = value || value === 0 ? $vUtils.truncate(value, digits) : ''
+						break
+					default:
+						rvalue = value
+						break
+				}
+				rvalue = $vUtils.replaceNutrim(rvalue)
+				rtext = rvalue
+				break
+			case '$vTime':
+				format = format ? format.replace('YYYY', 'yyyy').replace('DD', 'dd').replace('hh', 'HH') : defaultDateFormat[type]
+				if ($vUtils.isNumber(value)) value = String(value)
+				rvalue = format ? (value ? $vUtils.toDateString(value, format) : '') : value
+				rvalue = $vUtils.replaceNutrim(rvalue)
+				if ($vUtils.isDate(value)) $vUtils.set(rowData, key, rvalue)
+				rtext = rvalue
+				break
+			case '$vTextArea':
+			case '$vCheckbox':
+			case '$vRadio':
+			case '$vHref':
+				rvalue = $vUtils.replaceNutrim(value)
+				rtext = rvalue
+				break
+			case '$vSelect':
+				if (multiple) {
+					let oriArray = Array.isArray(value) ? value : value ? value.split(split).filter(_ => _ && _ !== 'undefined') : []
+					let rns = oriArray.map(orv => {
+						return options.find(opt => String(opt.value) === String(orv)).label || ''
+					})
+					rtext = rns.join(split)
+					rvalue = oriArray
+				} else {
+					let optionObj = options.find(_ => String(_.value) === String(value))
+					rtext = optionObj ? optionObj.label : ''
+					rvalue = value
+				}
+				break
+			case '$vTree':
+				let prefixKey = key.endsWith('Id') ? String(key).replace('Id', '') : key
+				if (multiple) {
+					let oriArray = Array.isArray(value) ? value : value ? value.split(split).filter(_ => _ && _ !== 'undefined') : []
+					if (options && options.length > 0) {
+						let rns = oriArray.map(orv => options.find(opt => String(opt[nodeKey]) === String(orv)).label || '')
+						rtext = rns.join(split)
+					}
+					rvalue = oriArray
+				} else {
+					if (options && options.length > 0) {
+						let optionObj = options.find(opt => String(opt[nodeKey]) === String(value))
+						rtext = optionObj ? optionObj.label : ''
+					}
+					rvalue = value ? [value] : []
+				}
+				if (format) {
+					let dataformat = format.replace(/@/gi, prefixKey)
+					rtext = $vUtils.format(dataformat, rowData)
+				}
+				break
+			case '$vProgress':
+				rvalue = value || value === 0 ? $vUtils.truncate(value, digits) : ''
+				rtext = rvalue
+				break
+			case '$vSwitch':
+				rvalue = $vUtils.replaceNutrim(value)
+				if (String(rvalue) === openValue) {
+					rtext = openLabel
+				} else if (String(rvalue) === closeValue) {
+					rtext = closeLabel
+				}
+				break
+			case '$vMoney':
+				if (formula) {
+					value = $vUtils.calculate(formula, rowData)
+				}
+				if (editable && !$vUtils.isNone(value)) {
+					if ($vUtils.isNumber(+max) && +value > +max) {
+						value = +max
+						iscross = true
+					} else if ($vUtils.isNumber(+min) && +value < +min) {
+						value = +min
+						iscross = true
+					}
+				}
+				rvalue = value || value === 0 ? (type !== 'integer' ? $vUtils.truncate(value, digits) : $vUtils.toInteger(value)) : ''
+				rvalue = $vUtils.replaceNutrim(rvalue)
+				rtext = rvalue !== '' ? $vUtils.truncate($vUtils.divide(rvalue, moneyUnit), digits) : ''
+				if (commafy && !bill && bill !== '0') rtext = $vUtils.commafy(rtext, { digits })
+				break
+			case '$vCheckgroup':
+				let oriArray = Array.isArray(value) ? value : value ? value.split(split).filter(_ => _ && _ !== 'undefined') : []
+				let rns = oriArray.map(orv => {
+					return options.find(opt => String(opt.value) === String(orv)).label || ''
+				})
+				rtext = rns.join(split)
+				rvalue = oriArray
+				break
+			case '$vRadiogroup':
+				let optionObj = options.find(_ => String(_.value) === String(value))
+				rtext = optionObj ? optionObj.label : ''
+				rvalue = value
+				break
+			case '$vUpload':
+				rvalue = Array.isArray(value) ? value : value.split(split).filter(_ => _ && _ !== 'undefined')
+				break
+			case '$vCode':
+				rvalue = value
+				rtext = value
+				break
+			default:
+				break
+		}
+		if (formula) {
+			$vUtils.set(rowData, key, rvalue)
+		}
+		// if (!rform && $vxePluginNames.expendRenders && $vxePluginNames.expendRenders.includes(renderName)) {
+		// 	$vUtils.set(rowData, `${key}${$vxePluginNames.expendName}`, rtext)
+		// }
+		return { rvalue, rtext }
+	}
+}

package/packages/utils/pattern.js

@@ -0,0 +1,43 @@
+export default {
+	numberReg() {
+		return {
+			number: /^[0-9]*$/, // 数字
+			numberX: /^\d{n}$/, // n位的数字
+			numberMinx: /^\d{n,}$/, // 至少n位的数字
+			numberMn: /^\d{m,n}$/, // m-n位的数字
+			numberFloat: /^(-)?\d+(\.\d{1,2})$/, // 带1-2位小数的正数或负数
+			numberC: /^(-|\+)?\d+(\.\d+)?$/, // 正数、负数、和小数
+			numberFloatZ: /^[0-9]+(\.[0-9]{2})?$/, // 有两位小数的正实数
+			numberZhengZ: /^\+?[1-9][0-9]*$/, // 非零的正整数
+			numberZhengF: /^-[1-9]\d*$/, // 非零的负整数
+			numberFix: /^(-?\d+)(\.\d+)?$/, // 浮点数
+			numberFixZ: /^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$/, // 正浮点数
+			numberFixF: /^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$/ // 负浮点数
+		}
+	},
+	stringReg() {
+		return {
+			stringChinese: /^[\u4e00-\u9fa5]{0,}$/i, // 汉字
+			stringEngNum: /^[A-Za-z0-9]+$/i, // 汉字
+			stringMn: /^.{3,20}$/i, // 长度为m-n的所有字符
+			stringEng: /^[A-Za-z]+$/i, // 字母
+			stringEngUp: /^[A-Z]+$/i, // 大写字母
+			stringEngLow: /^[a-z]+$/i // 小写字母
+		}
+	},
+	mainReg() {
+		return {
+			email: /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/, // 邮箱
+			www: /^[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+\.?/, // 域名
+			url: /^http[s]{0,1}:\/\/.+$/, // url
+			phone: /^1(?:3\d|4[4-9]|5[0-35-9]|6[67]|7[013-8]|8\d|9\d)\d{8}$/, // 手机号码
+			tel: /^([0-9]{3,4}-)?[0-9]{7,8}$/, // 固定电话
+			telphone: /^(1(?:3\d|4[4-9]|5[0-35-9]|6[67]|7[013-8]|8\d|9\d)\d{8})|(([0-9]{3,4}-)?[0-9]{7,8})$/, // 手机号码与固定电话
+			idcard: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, // 身份证号
+			postcode: /^[1-9]\d{5}(?!\d)$/, // 邮编
+			qq: /^(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)$/, // qq
+			space: /(^\s*)|(\s*$)/g, // 前后空格
+			spaceAll: /^\s+|\s+$/g // 含有空格
+		}
+	}
+}

package/packages/utils/string.js

@@ -0,0 +1,227 @@
+import XEUtils from 'xe-utils'
+
+// 数据格式化获取keys
+function getFormatKeys(format) {
+	let regR = new RegExp('({[a-zA-Z0-9_.]*})', 'ig')
+	let formatStr = String(format)
+	return (formatStr.match(regR) || []).map((key, keyIndex) => {
+		return key.replace(/{|}/gi, '')
+	})
+}
+
+// 格式化数据结构
+function format(format, data) {
+	let keys = getFormatKeys(format)
+	let formatStr = String(format)
+	keys.map((key, indexkey) => {
+		let value = XEUtils.get(data, key) || ''
+		formatStr = formatStr.replace(new RegExp('{' + key + '}', 'ig'), value)
+	})
+	return formatStr
+}
+
+// 生成随机字符串
+function randomStr(len = 32) {
+	const $chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890'
+	const maxPos = $chars.length
+	let str = ''
+	for (let i = 0; i < len; i++) {
+		str += $chars.charAt(Math.floor(Math.random() * maxPos))
+	}
+	return str
+}
+
+export default {
+	randomStr,
+	getFormatKeys,
+	format,
+	replaceNutrim(str) {
+		return String(str).replace(/null|undefined|(^\s*)|(\s*$)/gi, '')
+	},
+	replaceAll(str, from, to) {
+		// 替换全部 将str中的所有from替换为to
+		return str.replace(new RegExp(from, 'gm'), to)
+	},
+	filterTag(str) {
+		/* 过滤html代码(把<>转换字符串) */
+		let me = this
+		str = me.replaceAll(str, /&/gi, '&amp;')
+		str = me.replaceAll(str, /</gi, '&lt;')
+		str = me.replaceAll(str, />/gi, '&gt;')
+		str = me.replaceAll(str, ' ', '&nbsp;')
+		return str
+	},
+	setWaterMark(text, settings) {
+		// 生成水印 推荐 canvas
+		class WaterMark {
+			constructor(text, settings) {
+				this.settings = Object.assign(
+					{
+						container: document.body,
+						id: 'waterMark',
+						showType: 'canvas', // div 还是 canvas
+						x: 0, // 水印起始位置x轴坐标
+						y: 100, // 水印起始位置Y轴坐标
+						xSpace: 150, // 水印x轴间隔
+						ySpace: 100, // 水印y轴间隔
+						color: '#cfcccc', // 水印字体颜色
+						alpha: 0.5, // 水印透明度
+						fontsize: '15px', // 水印字体大小
+						angle: 20, // 水印倾斜度数
+						curTime: false // 是否自动拼接当前时间
+					},
+					settings || {}
+				)
+				this.globalWidth = this.settings.container.clientWidth
+				this.globalHeight = this.settings.container.clientHeight
+				this.initCanvas()
+				this.draw(text)
+				this.insertWaterMark()
+			}
+			initCanvas() {
+				this.renderCanvas = document.createElement('canvas')
+				this.renderContext = this.renderCanvas.getContext('2d')
+				this.renderCanvas.width = this.globalWidth
+				this.renderCanvas.height = this.globalHeight
+				this.div = document.createElement('div')
+				this.oldData = this.renderContext.getImageData(0, 0, this.globalWidth, this.globalHeight)
+			}
+			insertWaterMark() {
+				const { type, id, alpha, container } = this.settings
+				this.WaterMarkEl = this.renderCanvas
+				if (type === 'div') {
+					this.WaterMarkEl = this.div
+					this.WaterMarkEl.style.backgroundImage = 'url(' + this.renderCanvas.toDataURL('image/png') + ')'
+				}
+				const style = this.WaterMarkEl.style
+				style.position = 'absolute'
+				style.opacity = alpha
+				style.top = style.left = 0
+				style.zIndex = '9999'
+				style.width = this.globalWidth + 'px'
+				style.height = this.globalHeight + 'px'
+				style.pointerEvents = 'none'
+				this.WaterMarkEl.id = id
+				container.append(this.WaterMarkEl)
+			}
+			draw(waterMarkText, settings) {
+				this.settings = Object.assign(this.settings, settings || {})
+				let { x, y, xSpace, ySpace, color, fontsize, angle, curTime } = this.settings
+				let { globalWidth, globalHeight, renderContext } = this
+				let timeStr = ''
+				if (curTime) {
+					let today = new Date()
+					timeStr =
+						today.getFullYear() +
+						'-' +
+						String(today.getMonth() + 1).padStart(2, 0) +
+						'-' +
+						String(today.getDate()).padStart(2, 0) +
+						' ' +
+						String(today.getHours()).padStart(2, 0) +
+						':' +
+						String(today.getMinutes()).padStart(2, 0) +
+						':' +
+						String(today.getSeconds()).padStart(2, 0)
+				}
+				waterMarkText = waterMarkText ? waterMarkText + ' ' + timeStr : timeStr
+				renderContext.clearRect(0, 0, globalWidth, globalHeight)
+				renderContext.font = fontsize + ' microsoft yahei'
+				renderContext.fillStyle = color
+				renderContext.textAlign = 'left'
+				renderContext.textBaseline = 'Middle'
+				let measureText = renderContext.measureText(waterMarkText)
+				let width = measureText.width
+				let height = Math.ceil(width / Math.tan(angle) + 50)
+				for (let xx = x; xx < globalWidth; xx += xSpace + width) {
+					for (let yy = y; yy < globalHeight; yy += ySpace + height) {
+						// 填充文字，x 间距, y 间距
+						renderContext.save()
+						renderContext.translate(xx, yy)
+						renderContext.rotate(0 - (angle * Math.PI) / 180)
+						renderContext.fillText(waterMarkText, 0, 0)
+						renderContext.restore()
+					}
+				}
+			}
+			// 图片的像素信息里存储着 RGB 的色值，R、G、B 分别为该像素的红、绿、蓝通道，每个通道的分量值范围在 0~255，16 进制则是 00~FF。在 CSS 中经常使用其 16 进制形式，比如指定博客头部背景色为 #A9D5F4。其中 R（红色）的 16 进制值为 A9，换算成十进制为 169。这时候，对 R 分量的值 + 1，即为 170，整个像素 RGB 值为 #AAD5F4，别说你看不出差别，就连火眼金金的“ 像素眼” 设计师都察觉不出来呢。于此同时，修改 G、B 的分量值，也是我们无法察觉的。因此可以得出重要结论：RGB 分量值的小量变动，是肉眼无法分辨的，不影响对图片的识别。
+			// 有了这个结论，那就给我们了利用空间，常用手段的就是对二进制最低位进行操作，下面就用 canvas 来演示一下。
+			inVisible(ctx, newData, originalData, color = 'R') {
+				var oData = originalData.data
+				var bit, offset // offset的作用是找到alpha通道值，这里需要大家自己动动脑筋
+				switch (color) {
+					case 'R':
+						bit = 0
+						offset = 3
+						break
+					case 'G':
+						bit = 1
+						offset = 2
+						break
+					case 'B':
+						bit = 2
+						offset = 1
+						break
+				}
+				for (var i = 0; i < oData.length; i++) {
+					if (i % 4 === bit) {
+						// 只处理目标通道
+						if (newData[i + offset] === 0 && oData[i] % 2 === 1) {
+							// 没有信息的像素，该通道最低位置0，但不要越界
+							if (oData[i] === 255) {
+								oData[i]--
+							} else {
+								oData[i]++
+							}
+						} else if (newData[i + offset] !== 0 && oData[i] % 2 === 0) {
+							// // 有信息的像素，该通道最低位置1，可以想想上面的斑点效果是怎么实现的
+							oData[i]++
+						}
+					}
+				}
+				ctx.putImageData(originalData, 0, 0)
+			}
+			visible(ctx, originalData, color = 'R') {
+				var bit, offset // offset的作用是找到alpha通道值，这里需要大家自己动动脑筋
+				switch (color) {
+					case 'R':
+						bit = 0
+						offset = 3
+						break
+					case 'G':
+						bit = 1
+						offset = 2
+						break
+					case 'B':
+						bit = 2
+						offset = 1
+						break
+				}
+				var data = originalData.data
+				for (var i = 0; i < data.length; i++) {
+					if (i % 4 === bit) {
+						// 只处理目标通道
+						if (data[i] % 2 === 0) {
+							// 没有信息的像素，该通道最低位置0，但不要越界
+							if (data[i] % 2 === 0) {
+								data[i] = 0
+							} else if (i % 4 === 3) {
+								// alpha通道不做处理
+								continue
+							} else {
+								// 关闭其他分量，不关闭也不影响答案
+								data[i] = 0
+							}
+						}
+					}
+					ctx.putImageData(originalData, 0, 0)
+				}
+			}
+		}
+		return new WaterMark(text, settings)
+	},
+	removeWaterMark(container, id) {
+		const body = container || document.body
+		body.removeChild(document.getElementById(id || 'waterMark'))
+	}
+}

package/packages/utils/time.js

@@ -0,0 +1 @@
+export default {}