ai.touchui-vue 1.30.2 → 1.30.4

package/src/utils/validate.js

@@ -1,373 +1,373 @@
-import Vue from 'vue';
-import TooltipVue from '../../packages/tooltip/src/tooltip.vue'
-import tipInstall from '../tip/tip.js'
-import { hasClass, queryVm } from './dom.js'
-import { t } from 'ai.touchui-vue/src/locale';
-const ToTip = tipInstall()
-const Tooltip = Vue.extend(TooltipVue);
-const regs = {
-	// 基础判断
-	en: {
-		rule: /^[A-Za-z]+$/,
-		desc: t('to.validate.desc.en')
-	},
-	'en-lower': {
-		rule: /^[a-z]+$/,
-		desc: t('to.validate.desc.enLower')
-	},
-	'en-upper': {
-		rule: /^[A-Z]+$/,
-		desc: t('to.validate.desc.enUpper')
-	},
-	'en-none': {
-		rule: /^[^A-Za-z]*$/,
-		desc: t('to.validate.desc.enNone')
-	},
-	cn: {
-		rule: /^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])+$/,
-		desc: t('to.validate.desc.cn')
-	},
-	number: {
-		rule: /^[-+]?([1-9][0-9]*|0)(\.[0-9]+)?$/,
-		desc: t('to.validate.desc.number')
-	},
-	integer: {
-		rule: /^-?[0-9]\d*$/,
-		desc: t('to.validate.desc.integer')
-	},
-	'integer-p': {
-		rule: /^\+?[1-9]\d*$/,
-		desc: t('to.validate.desc.integerP')
-	},
-	'integer-n': {
-		rule: /^-[1-9]\d*$/,
-		desc: t('to.validate.desc.integerN')
-	},
-	'nature': {
-		rule: /^\d+$/,
-		desc: t('to.validate.desc.nature')
-	},
-	date: {
-		rule: /^\d{4}(-)(1[0-2]|0?\d)\1([0-2]\d|\d|30|31)$/,
-		desc: t('to.validate.desc.date')
-	},
-	time: {
-		rule: /^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/,
-		desc: t('to.validate.desc.time')
-	},
-	'time-12': {
-		rule: /^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/,
-		desc: t('to.validate.desc.time12')
-	},
-	// 基本数据格式
-	money: {
-		rule: /^-?\d+(,\d{3})*(\.\d{1,2})?$/,
-		desc: t('to.validate.desc.money')
-	},
-	ip: {
-		rule: /^((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]).){3}(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])(?::(?:[0-9]|[1-9][0-9]{1,3}|[1-5][0-9]{4}|6[0-4][0-9]{3}|65[0-4][0-9]{2}|655[0-2][0-9]|6553[0-5]))?$/,
-		desc: t('to.validate.desc.ip')
-	},
-	'ip-v6': {
-		rule: /^(?:(?:(?:[0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(([0-9A-Fa-f]{1,4}:){0,5}:((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(::([0-9A-Fa-f]{1,4}:){0,5}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|([0-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))|\[(?:(?:(?:[0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(([0-9A-Fa-f]{1,4}:){0,5}:((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(::([0-9A-Fa-f]{1,4}:){0,5}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|([0-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))\](?::(?:[0-9]|[1-9][0-9]{1,3}|[1-5][0-9]{4}|6[0-4][0-9]{3}|65[0-4][0-9]{2}|655[0-2][0-9]|6553[0-5]))?$/i,
-		desc: t('to.validate.desc.ipV6')
-	},
-	password: {
-		rule: /^\S*(?=\S{6,})(?=\S*\d)(?=\S*[A-Z])(?=\S*[a-z])(?=\S*[!@#$%^&*? ])\S*$/,
-		desc: t('to.validate.desc.password'),
-		remark: t('to.validate.remark.password')
-	},
-	username: {
-		rule: /^[a-zA-Z0-9_-]{4,16}$/,
-		desc: t('to.validate.desc.username'),
-		remark: t('to.validate.remark.username')
-	},
-	// 用户信息
-	name: {
-		rule: /^([\u4e00-\u9fa5·]{2,16}|[a-zA-Z\.\s]{1,20})$/,
-		desc: t('to.validate.desc.name')
-	},
-	'name-cn': {
-		rule: /^(?:[\u4e00-\u9fa5·]{2,16})$/,
-		desc: t('to.validate.desc.nameCn')
-	},
-	'name-en': {
-		rule: /(^[a-zA-Z]{1}[a-zA-Z\s]{0,20}[a-zA-Z]{1}$)/,
-		desc: t('to.validate.desc.nameEn')
-	},
-	email: {
-		rule: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-		desc: t('to.validate.desc.email')
-	},
-	qq: {
-		rule: /^[1-9][0-9]{4,10}$/,
-		desc: t('to.validate.desc.qq')
-	},
-	wechat: {
-		rule: /^[a-zA-Z][-_a-zA-Z0-9]{5,19}$/,
-		desc: t('to.validate.desc.wechat')
-	},
-	web: {
-		rule: /^(((ht|f)tps?):\/\/)?[\w-]+(\.[\w-]+)+([\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])?$/,
-		desc: t('to.validate.desc.web')
-	},
-	uscc: {
-		rule: /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/,
-		desc: t('to.validate.desc.uscc')
-	},
-	bank: {
-		rule: /^[1-9]\d{9,29}$/,
-		desc: t('to.validate.desc.bank')
-	},
-	phone: {
-		rule: /^1[3456789]\d{9}$/,
-		desc: t('to.validate.desc.phone')
-	},
-	telphone: {
-		rule: /^\d{3}-\d{8}$|^\d{4}-\d{7,8}$/,
-		desc: t('to.validate.desc.telphone')
-	},
-	id: {
-		rule: /^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/,
-		desc: t('to.validate.desc.id')
-	},
-	passport: {
-		rule: /(^[EeKkGgDdSsPpHh]\d{8}$)|(^(([Ee][a-fA-F])|([DdSsPp][Ee])|([Kk][Jj])|([Mm][Aa])|(1[45]))\d{7}$)/,
-		desc: t('to.validate.desc.passport')
-	},
-	mac: {
-		rule: /^((([a-f0-9]{2}:){5})|(([a-f0-9]{2}-){5}))[a-f0-9]{2}$/i,
-		desc: t('to.validate.desc.mac')
-	}
-}
-
-// 判断是否在滚动条以内
-function isHideByScroller(node) {
-	const el = node
-	while (node && !hasClass(node, 'to-scroll') && node.nodeName !== 'BODY') {
-		node = node.parentNode
-	}
-	if (node && node.nodeName !== 'BODY') {
-		const scroller = node
-		return el.getBoundingClientRect().top > scroller.getBoundingClientRect().top + scroller.offsetHeight || el.getBoundingClientRect().top + el.offsetHeight <= scroller.getBoundingClientRect().top
-	} else {
-		return false
-	}
-}
-
-// 显示提示的方法
-function showTip(formEl, desc = '') {
-	// 元素未被隐藏使用 tooltip
-	if (formEl.offsetWidth > 0 && !isHideByScroller(formEl)) {
-		let tooltip
-
-		// 创建 tooltip
-		const div = document.createElement('div')
-		tooltip = new Tooltip({
-			el: div
-		});
-		tooltip.color = 'danger'
-
-		// 创建 tooltip 的内容部分
-		const content = new Vue({
-			el: div,
-			render: function(createElement) {
-				return createElement(
-					'div',
-					{
-						domProps: {
-							innerHTML: desc
-						}
-					}
-				)
-			}
-		})
-		tooltip.$slots.default = content._vnode
-
-		// 打开 tooltip
-		tooltip.open(formEl)
-
-		// 当前元素获取焦点
-		if (formEl.getElementsByTagName('input')[0]) {
-			formEl.getElementsByTagName('input')[0].select()
-		}
-	}
-
-	// 元素被隐藏使用 floattip
-	else {
-		ToTip.danger(desc)
-	}
-}
-
-/**
- * 表单验证函数
- * 该函数用于验证网页表单中的输入是否符合规范
- * 它可以接受一个DOM元素、Vue实例或元素ID作为参数，并验证指定元素及其子元素中带有.to-validate类的元素
- * @param {string|HTMLElement|Vue} dom - 表单的DOM元素、Vue实例或元素ID
- * @param {boolean} isAll - 是否验证所有输入项，默认为false，只验证第一个不符合规则的项
- * @returns {boolean} - 如果所有验证项都通过验证，则返回true；否则返回false
- */
-const validate = function(dom, isAll = false) {
-	// 存储待验证的DOM节点
-	let nodes = []
-
-	// 标记验证是否全部通过
-	let allPass = true
-
-	// 标记是否存在校验未通过并且在可视范围内的节点
-	let hasErrorVisible = false
-
-	// 标记所有在滚动条之外的节点
-	let hiddenErrorNodes = []
-
-	/**
-	 * 标记所有在滚动条之外的节点信息
-	 * 此函数用于检查给定的表单元素是否在滚动条之外，从而决定是将其标记为可见错误还是隐藏错误
-	 * @param {HTMLElement} formEl - 需要检查的表单元素
-	 */
-	function setHiddenErrorNodes(formEl) {
-		// 如果表单元素不在滚动条之外，则设置有错误可见标志为true
-		if (!isHideByScroller(formEl)) {
-			hasErrorVisible = true
-		}
-		// 如果表单元素在滚动条之外，则将其添加到隐藏错误节点列表中
-		else {
-			hiddenErrorNodes.push(formEl)
-		}
-	}
-
-	// 根据传入参数类型获取待验证的节点列表
-	if (typeof dom === 'string' && document.getElementById(dom)) {
-		nodes = document.getElementById(dom).querySelectorAll('.to-validate')
-	} else if (dom instanceof HTMLElement) {
-		nodes = dom.querySelectorAll('.to-validate')
-	} else if (dom instanceof Vue && dom.$el) {
-		nodes = dom.$el.querySelectorAll('.to-validate')
-	}
-
-	// 如果没有找到任何待验证的节点，直接返回true
-	if (nodes.length === 0) {
-		return true
-	}
-
-	// 遍历所有待验证的节点
-	for (let i = 0; i < nodes.length; i++) {
-		const node = nodes[i]
-
-		// 获取验证规则、是否需要trim空格、描述、是否必填等属性
-		const rule = node.getAttribute('rule')
-		const trim = node.getAttribute('trim') === 'true'
-		var value = (function() {
-			if (node.getAttribute('value')) {
-				return trim ? node.getAttribute('value').trim() : node.getAttribute('value');
-			} else {
-				return ''
-			}
-		})();
-		const desc = node.getAttribute('desc')
-		const required = node.getAttribute('req') === 'true'
-		const formEl = node.parentNode
-		let formVue = formEl.__vue__
-
-		// 特殊处理ToDatePicker组件的验证
-		if (['ToDatePicker'].includes(formEl.__vue__.$options.name)) {
-			formVue = formVue.$refs.inputBox
-		}
-
-		// 根据isAll参数决定验证流程
-		if (isAll) {
-
-			// 如果值存在且有规则，则应用规则验证
-			if (value) {
-				if (rule) {
-					formVue.errorType = 'rule'
-					let reg
-					if (regs[rule] && regs[rule].rule) {
-						reg = regs[rule].rule
-						if (!reg.test(value)) {
-							formVue.errorTip = t('to.validate.tip.common', desc, `${regs[rule].desc}${regs[rule].remark ? '，' + regs[rule].remark : ''}`)
-							allPass = false
-							setHiddenErrorNodes(formEl)
-							continue
-						} else {
-							continue
-						}
-					} else {
-						reg = new RegExp(rule)
-						if (!reg.test(value)) {
-							formVue.errorTip = t('to.validate.tip.custom', desc, formVue.validateTip ? `，${formVue.validateTip}` : '')
-							allPass = false
-							setHiddenErrorNodes(formEl)
-							continue
-						} else {
-							continue
-						}
-					}
-				} else {
-					continue
-				}
-			} else if (required) {
-				formVue.errorType = 'required'
-				formVue.errorTip = t('to.validate.tip.required', desc)
-				allPass = false
-				setHiddenErrorNodes(formEl)
-				continue
-			} else {
-				continue
-			}
-
-		} else {
-
-			// 如果值存在且有规则，则应用规则验证
-			if (value) {
-				if (rule) {
-					let reg
-					if (regs[rule] && regs[rule].rule) {
-						reg = regs[rule].rule
-						if (!reg.test(value)) {
-							showTip(formEl, t('to.validate.tip.common', desc, `${regs[rule].desc}${regs[rule].remark ? '，' + regs[rule].remark : ''}`))
-							return false
-						} else {
-							continue
-						}
-					} else {
-						reg = new RegExp(rule)
-						if (!reg.test(value)) {
-							showTip(formEl, t('to.validate.tip.custom', desc, formVue.validateTip ? `，${formVue.validateTip}` : ''))
-							return false
-						} else {
-							continue
-						}
-					}
-				} else {
-					continue
-				}
-			} else if (required) {
-				showTip(formEl, t('to.validate.tip.required', desc))
-				return false
-			} else {
-				continue
-			}
-		}
-	}
-
-	// 根据isAll参数返回相应的结果
-	if (isAll) {
-		// 如果全部不通过的选项都在滚动条之外，则滚动到第一个出问题的节点上
-		if (!allPass && !hasErrorVisible) {
-			let scroller = queryVm(hiddenErrorNodes[0], 'ToScroll')
-			scroller.to(hiddenErrorNodes[0])
-		}
-		return allPass
-	} else {
-		return true
-	}
-}
-
-const validateAll = function(dom) {
-	return validate(dom, true)
-}
-export {
-	validate,
-	validateAll
-}
+import Vue from 'vue';
+import TooltipVue from '../../packages/tooltip/src/tooltip.vue'
+import tipInstall from '../tip/tip.js'
+import { hasClass, queryVm } from './dom.js'
+import { t } from 'ai.touchui-vue/src/locale';
+const ToTip = tipInstall()
+const Tooltip = Vue.extend(TooltipVue);
+const regs = {
+	// 基础判断
+	en: {
+		rule: /^[A-Za-z]+$/,
+		desc: t('to.validate.desc.en')
+	},
+	'en-lower': {
+		rule: /^[a-z]+$/,
+		desc: t('to.validate.desc.enLower')
+	},
+	'en-upper': {
+		rule: /^[A-Z]+$/,
+		desc: t('to.validate.desc.enUpper')
+	},
+	'en-none': {
+		rule: /^[^A-Za-z]*$/,
+		desc: t('to.validate.desc.enNone')
+	},
+	cn: {
+		rule: /^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])+$/,
+		desc: t('to.validate.desc.cn')
+	},
+	number: {
+		rule: /^[-+]?([1-9][0-9]*|0)(\.[0-9]+)?$/,
+		desc: t('to.validate.desc.number')
+	},
+	integer: {
+		rule: /^-?[0-9]\d*$/,
+		desc: t('to.validate.desc.integer')
+	},
+	'integer-p': {
+		rule: /^\+?[1-9]\d*$/,
+		desc: t('to.validate.desc.integerP')
+	},
+	'integer-n': {
+		rule: /^-[1-9]\d*$/,
+		desc: t('to.validate.desc.integerN')
+	},
+	'nature': {
+		rule: /^\d+$/,
+		desc: t('to.validate.desc.nature')
+	},
+	date: {
+		rule: /^\d{4}(-)(1[0-2]|0?\d)\1([0-2]\d|\d|30|31)$/,
+		desc: t('to.validate.desc.date')
+	},
+	time: {
+		rule: /^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/,
+		desc: t('to.validate.desc.time')
+	},
+	'time-12': {
+		rule: /^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/,
+		desc: t('to.validate.desc.time12')
+	},
+	// 基本数据格式
+	money: {
+		rule: /^-?\d+(,\d{3})*(\.\d{1,2})?$/,
+		desc: t('to.validate.desc.money')
+	},
+	ip: {
+		rule: /^((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]).){3}(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])(?::(?:[0-9]|[1-9][0-9]{1,3}|[1-5][0-9]{4}|6[0-4][0-9]{3}|65[0-4][0-9]{2}|655[0-2][0-9]|6553[0-5]))?$/,
+		desc: t('to.validate.desc.ip')
+	},
+	'ip-v6': {
+		rule: /^(?:(?:(?:[0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(([0-9A-Fa-f]{1,4}:){0,5}:((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(::([0-9A-Fa-f]{1,4}:){0,5}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|([0-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))|\[(?:(?:(?:[0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(([0-9A-Fa-f]{1,4}:){0,5}:((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(::([0-9A-Fa-f]{1,4}:){0,5}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|([0-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))\](?::(?:[0-9]|[1-9][0-9]{1,3}|[1-5][0-9]{4}|6[0-4][0-9]{3}|65[0-4][0-9]{2}|655[0-2][0-9]|6553[0-5]))?$/i,
+		desc: t('to.validate.desc.ipV6')
+	},
+	password: {
+		rule: /^\S*(?=\S{6,})(?=\S*\d)(?=\S*[A-Z])(?=\S*[a-z])(?=\S*[!@#$%^&*? ])\S*$/,
+		desc: t('to.validate.desc.password'),
+		remark: t('to.validate.remark.password')
+	},
+	username: {
+		rule: /^[a-zA-Z0-9_-]{4,16}$/,
+		desc: t('to.validate.desc.username'),
+		remark: t('to.validate.remark.username')
+	},
+	// 用户信息
+	name: {
+		rule: /^([\u4e00-\u9fa5·]{2,16}|[a-zA-Z\.\s]{1,20})$/,
+		desc: t('to.validate.desc.name')
+	},
+	'name-cn': {
+		rule: /^(?:[\u4e00-\u9fa5·]{2,16})$/,
+		desc: t('to.validate.desc.nameCn')
+	},
+	'name-en': {
+		rule: /(^[a-zA-Z]{1}[a-zA-Z\s]{0,20}[a-zA-Z]{1}$)/,
+		desc: t('to.validate.desc.nameEn')
+	},
+	email: {
+		rule: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+		desc: t('to.validate.desc.email')
+	},
+	qq: {
+		rule: /^[1-9][0-9]{4,10}$/,
+		desc: t('to.validate.desc.qq')
+	},
+	wechat: {
+		rule: /^[a-zA-Z][-_a-zA-Z0-9]{5,19}$/,
+		desc: t('to.validate.desc.wechat')
+	},
+	web: {
+		rule: /^(((ht|f)tps?):\/\/)?[\w-]+(\.[\w-]+)+([\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])?$/,
+		desc: t('to.validate.desc.web')
+	},
+	uscc: {
+		rule: /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/,
+		desc: t('to.validate.desc.uscc')
+	},
+	bank: {
+		rule: /^[1-9]\d{9,29}$/,
+		desc: t('to.validate.desc.bank')
+	},
+	phone: {
+		rule: /^1[3456789]\d{9}$/,
+		desc: t('to.validate.desc.phone')
+	},
+	telphone: {
+		rule: /^\d{3}-\d{8}$|^\d{4}-\d{7,8}$/,
+		desc: t('to.validate.desc.telphone')
+	},
+	id: {
+		rule: /^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/,
+		desc: t('to.validate.desc.id')
+	},
+	passport: {
+		rule: /(^[EeKkGgDdSsPpHh]\d{8}$)|(^(([Ee][a-fA-F])|([DdSsPp][Ee])|([Kk][Jj])|([Mm][Aa])|(1[45]))\d{7}$)/,
+		desc: t('to.validate.desc.passport')
+	},
+	mac: {
+		rule: /^((([a-f0-9]{2}:){5})|(([a-f0-9]{2}-){5}))[a-f0-9]{2}$/i,
+		desc: t('to.validate.desc.mac')
+	}
+}
+
+// 判断是否在滚动条以内
+function isHideByScroller(node) {
+	const el = node
+	while (node && !hasClass(node, 'to-scroll') && node.nodeName !== 'BODY') {
+		node = node.parentNode
+	}
+	if (node && node.nodeName !== 'BODY') {
+		const scroller = node
+		return el.getBoundingClientRect().top > scroller.getBoundingClientRect().top + scroller.offsetHeight || el.getBoundingClientRect().top + el.offsetHeight <= scroller.getBoundingClientRect().top
+	} else {
+		return false
+	}
+}
+
+// 显示提示的方法
+function showTip(formEl, desc = '') {
+	// 元素未被隐藏使用 tooltip
+	if (formEl.offsetWidth > 0 && !isHideByScroller(formEl)) {
+		let tooltip
+
+		// 创建 tooltip
+		const div = document.createElement('div')
+		tooltip = new Tooltip({
+			el: div
+		});
+		tooltip.color = 'danger'
+
+		// 创建 tooltip 的内容部分
+		const content = new Vue({
+			el: div,
+			render: function(createElement) {
+				return createElement(
+					'div',
+					{
+						domProps: {
+							innerHTML: desc
+						}
+					}
+				)
+			}
+		})
+		tooltip.$slots.default = content._vnode
+
+		// 打开 tooltip
+		tooltip.open(formEl)
+
+		// 当前元素获取焦点
+		if (formEl.getElementsByTagName('input')[0]) {
+			formEl.getElementsByTagName('input')[0].select()
+		}
+	}
+
+	// 元素被隐藏使用 floattip
+	else {
+		ToTip.danger(desc)
+	}
+}
+
+/**
+ * 表单验证函数
+ * 该函数用于验证网页表单中的输入是否符合规范
+ * 它可以接受一个DOM元素、Vue实例或元素ID作为参数，并验证指定元素及其子元素中带有.to-validate类的元素
+ * @param {string|HTMLElement|Vue} dom - 表单的DOM元素、Vue实例或元素ID
+ * @param {boolean} isAll - 是否验证所有输入项，默认为false，只验证第一个不符合规则的项
+ * @returns {boolean} - 如果所有验证项都通过验证，则返回true；否则返回false
+ */
+const validate = function(dom, isAll = false) {
+	// 存储待验证的DOM节点
+	let nodes = []
+
+	// 标记验证是否全部通过
+	let allPass = true
+
+	// 标记是否存在校验未通过并且在可视范围内的节点
+	let hasErrorVisible = false
+
+	// 标记所有在滚动条之外的节点
+	let hiddenErrorNodes = []
+
+	/**
+	 * 标记所有在滚动条之外的节点信息
+	 * 此函数用于检查给定的表单元素是否在滚动条之外，从而决定是将其标记为可见错误还是隐藏错误
+	 * @param {HTMLElement} formEl - 需要检查的表单元素
+	 */
+	function setHiddenErrorNodes(formEl) {
+		// 如果表单元素不在滚动条之外，则设置有错误可见标志为true
+		if (!isHideByScroller(formEl)) {
+			hasErrorVisible = true
+		}
+		// 如果表单元素在滚动条之外，则将其添加到隐藏错误节点列表中
+		else {
+			hiddenErrorNodes.push(formEl)
+		}
+	}
+
+	// 根据传入参数类型获取待验证的节点列表
+	if (typeof dom === 'string' && document.getElementById(dom)) {
+		nodes = document.getElementById(dom).querySelectorAll('.to-validate')
+	} else if (dom instanceof HTMLElement) {
+		nodes = dom.querySelectorAll('.to-validate')
+	} else if (dom instanceof Vue && dom.$el) {
+		nodes = dom.$el.querySelectorAll('.to-validate')
+	}
+
+	// 如果没有找到任何待验证的节点，直接返回true
+	if (nodes.length === 0) {
+		return true
+	}
+
+	// 遍历所有待验证的节点
+	for (let i = 0; i < nodes.length; i++) {
+		const node = nodes[i]
+
+		// 获取验证规则、是否需要trim空格、描述、是否必填等属性
+		const rule = node.getAttribute('rule')
+		const trim = node.getAttribute('trim') === 'true'
+		var value = (function() {
+			if (node.getAttribute('value')) {
+				return trim ? node.getAttribute('value').trim() : node.getAttribute('value');
+			} else {
+				return ''
+			}
+		})();
+		const desc = node.getAttribute('desc')
+		const required = node.getAttribute('req') === 'true'
+		const formEl = node.parentNode
+		let formVue = formEl.__vue__
+
+		// 特殊处理ToDatePicker组件的验证
+		if (['ToDatePicker'].includes(formEl.__vue__.$options.name)) {
+			formVue = formVue.$refs.inputBox
+		}
+
+		// 根据isAll参数决定验证流程
+		if (isAll) {
+
+			// 如果值存在且有规则，则应用规则验证
+			if (value) {
+				if (rule) {
+					formVue.errorType = 'rule'
+					let reg
+					if (regs[rule] && regs[rule].rule) {
+						reg = regs[rule].rule
+						if (!reg.test(value)) {
+							formVue.errorTip = t('to.validate.tip.common', desc, `${regs[rule].desc}${regs[rule].remark ? '，' + regs[rule].remark : ''}`)
+							allPass = false
+							setHiddenErrorNodes(formEl)
+							continue
+						} else {
+							continue
+						}
+					} else {
+						reg = new RegExp(rule)
+						if (!reg.test(value)) {
+							formVue.errorTip = t('to.validate.tip.custom', desc, formVue.validateTip ? `，${formVue.validateTip}` : '')
+							allPass = false
+							setHiddenErrorNodes(formEl)
+							continue
+						} else {
+							continue
+						}
+					}
+				} else {
+					continue
+				}
+			} else if (required) {
+				formVue.errorType = 'required'
+				formVue.errorTip = t('to.validate.tip.required', desc)
+				allPass = false
+				setHiddenErrorNodes(formEl)
+				continue
+			} else {
+				continue
+			}
+
+		} else {
+
+			// 如果值存在且有规则，则应用规则验证
+			if (value) {
+				if (rule) {
+					let reg
+					if (regs[rule] && regs[rule].rule) {
+						reg = regs[rule].rule
+						if (!reg.test(value)) {
+							showTip(formEl, t('to.validate.tip.common', desc, `${regs[rule].desc}${regs[rule].remark ? '，' + regs[rule].remark : ''}`))
+							return false
+						} else {
+							continue
+						}
+					} else {
+						reg = new RegExp(rule)
+						if (!reg.test(value)) {
+							showTip(formEl, t('to.validate.tip.custom', desc, formVue.validateTip ? `，${formVue.validateTip}` : ''))
+							return false
+						} else {
+							continue
+						}
+					}
+				} else {
+					continue
+				}
+			} else if (required) {
+				showTip(formEl, t('to.validate.tip.required', desc))
+				return false
+			} else {
+				continue
+			}
+		}
+	}
+
+	// 根据isAll参数返回相应的结果
+	if (isAll) {
+		// 如果全部不通过的选项都在滚动条之外，则滚动到第一个出问题的节点上
+		if (!allPass && !hasErrorVisible) {
+			let scroller = queryVm(hiddenErrorNodes[0], 'ToScroll')
+			scroller.to(hiddenErrorNodes[0])
+		}
+		return allPass
+	} else {
+		return true
+	}
+}
+
+const validateAll = function(dom) {
+	return validate(dom, true)
+}
+export {
+	validate,
+	validateAll
+}