@longhongguo/form-create-ant-design-vue 3.2.73 → 3.2.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longhongguo/form-create-ant-design-vue",
-  "version": "3.2.73",
+  "version": "3.2.75",
   "description": "AntDesignVue版本低代码表单|FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架，适配移动端，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。",
   "main": "./dist/form-create.min.js",
   "module": "./dist/form-create.esm.js",

package/src/core/api.js

@@ -2,6 +2,7 @@ import extend from '@form-create/utils/lib/extend'
 import is from '@form-create/utils/lib/type'
 import { invoke } from '@longhongguo/form-create-core/src/frame/util'
 import toArray from '@form-create/utils/lib/toarray'
+import validator from './test'
 
 function tidyBtnProp(btn, def) {
   if (is.Boolean(btn)) btn = { show: btn }
@@ -230,6 +231,33 @@ export default function extendApi(api, h) {
           fn.call(context, ...args)
         }, delay || 0)
       }
-    }
+    },
+    /**
+     * 校验工具类
+     * 提供各种常用的校验方法
+     *
+     * @example
+     * // 校验手机号
+     * if (this.api.validator.mobile('13800138000')) {
+     *   console.log('手机号格式正确')
+     * }
+     *
+     * @example
+     * // 校验邮箱
+     * if (this.api.validator.email('test@example.com')) {
+     *   console.log('邮箱格式正确')
+     * }
+     *
+     * @example
+     * // 在自定义校验规则中使用
+     * validator: function(value, callback) {
+     *   if (!this.api.validator.mobile(value)) {
+     *     callback('请输入正确的手机号')
+     *   } else {
+     *     callback()
+     *   }
+     * }
+     */
+    validator
   }
 }

package/src/core/test.js

@@ -0,0 +1,586 @@
+/**
+ * 常用校验工具类
+ * 提供各种日常校验方法
+ */
+class Validator {
+  /**
+   * 校验手机号（中国大陆）
+   * @param {string} value - 要校验的值
+   * @param {boolean} strict - 是否严格模式（11位，1开头），默认 true
+   * @returns {boolean} 校验结果
+   */
+  mobile(value, strict = false) {
+    if (!value) return false
+    const str = String(value).trim()
+    if (strict) {
+      // 严格模式：11位，1开头，第二位为3-9
+      return /^1[3-9]\d{9}$/.test(str)
+    } else {
+      // 宽松模式：1开头，10-11位数字
+      return /^1\d{10,11}$/.test(str)
+    }
+  }
+
+  /**
+   * 校验邮箱
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  email(value) {
+    if (!value) return false
+    const str = String(value).trim()
+    // 邮箱正则：支持常见邮箱格式
+    return /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test(
+      str
+    )
+  }
+
+  /**
+   * 校验身份证号（中国大陆18位）
+   * @param {string} value - 要校验的值
+   * @param {boolean} checkCode - 是否校验校验码，默认 true
+   * @returns {boolean} 校验结果
+   */
+  idCard(value, checkCode = true) {
+    if (!value) return false
+    const str = String(value).trim().toUpperCase()
+
+    // 基本格式校验：18位，前17位数字，最后一位数字或X
+    if (!/^\d{17}[\dX]$/.test(str)) {
+      return false
+    }
+
+    if (!checkCode) {
+      return true
+    }
+
+    // 校验码校验
+    const weights = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]
+    const checkCodes = ['1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2']
+
+    let sum = 0
+    for (let i = 0; i < 17; i++) {
+      sum += parseInt(str[i]) * weights[i]
+    }
+    const checkCodeIndex = sum % 11
+    return str[17] === checkCodes[checkCodeIndex]
+  }
+
+  /**
+   * 校验URL
+   * @param {string} value - 要校验的值
+   * @param {object} options - 选项
+   * @param {boolean} options.requireProtocol - 是否要求协议（http/https），默认 false
+   * @returns {boolean} 校验结果
+   */
+  url(value, options = {}) {
+    if (!value) return false
+    const str = String(value).trim()
+    const { requireProtocol = false } = options
+
+    if (requireProtocol) {
+      return /^https?:\/\/.+\..+/.test(str)
+    } else {
+      // 支持带协议或不带协议
+      return /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/.test(
+        str
+      )
+    }
+  }
+
+  /**
+   * 校验IP地址（IPv4）
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  ip(value) {
+    if (!value) return false
+    const str = String(value).trim()
+    const parts = str.split('.')
+    if (parts.length !== 4) return false
+    return parts.every((part) => {
+      const num = parseInt(part, 10)
+      return num >= 0 && num <= 255 && String(num) === part
+    })
+  }
+
+  /**
+   * 校验数字
+   * @param {string|number} value - 要校验的值
+   * @param {object} options - 选项
+   * @param {boolean} options.integer - 是否必须为整数，默认 false
+   * @param {boolean} options.positive - 是否必须为正数，默认 false
+   * @param {boolean} options.negative - 是否必须为负数，默认 false
+   * @param {number} options.min - 最小值
+   * @param {number} options.max - 最大值
+   * @returns {boolean} 校验结果
+   */
+  number(value, options = {}) {
+    if (value === null || value === undefined || value === '') return false
+    const num = Number(value)
+    if (isNaN(num)) return false
+
+    const {
+      integer = false,
+      positive = false,
+      negative = false,
+      min,
+      max
+    } = options
+
+    if (integer && !Number.isInteger(num)) return false
+    if (positive && num <= 0) return false
+    if (negative && num >= 0) return false
+    if (min !== undefined && num < min) return false
+    if (max !== undefined && num > max) return false
+
+    return true
+  }
+
+  /**
+   * 校验字符串长度
+   * @param {string} value - 要校验的值
+   * @param {object} options - 选项
+   * @param {number} options.min - 最小长度
+   * @param {number} options.max - 最大长度
+   * @param {number} options.len - 固定长度（优先级高于 min/max）
+   * @returns {boolean} 校验结果
+   */
+  length(value, options = {}) {
+    if (value === null || value === undefined) return false
+    const str = String(value)
+    const { min, max, len } = options
+
+    if (len !== undefined) {
+      return str.length === len
+    }
+
+    if (min !== undefined && str.length < min) return false
+    if (max !== undefined && str.length > max) return false
+
+    return true
+  }
+
+  /**
+   * 校验正则表达式
+   * @param {string} value - 要校验的值
+   * @param {RegExp|string} pattern - 正则表达式或正则字符串
+   * @returns {boolean} 校验结果
+   */
+  pattern(value, pattern) {
+    if (!value || !pattern) return false
+    const str = String(value)
+    let regex
+    if (pattern instanceof RegExp) {
+      regex = pattern
+    } else {
+      try {
+        regex = new RegExp(pattern)
+      } catch (e) {
+        return false
+      }
+    }
+    return regex.test(str)
+  }
+
+  /**
+   * 校验日期
+   * @param {string|Date} value - 要校验的值
+   * @param {object} options - 选项
+   * @param {string|Date} options.min - 最小日期
+   * @param {string|Date} options.max - 最大日期
+   * @param {string} options.format - 日期格式，如 'YYYY-MM-DD'，默认自动识别
+   * @returns {boolean} 校验结果
+   */
+  date(value, options = {}) {
+    if (!value) return false
+    let date
+    if (value instanceof Date) {
+      date = value
+    } else {
+      date = new Date(value)
+      if (isNaN(date.getTime())) return false
+    }
+
+    const { min, max } = options
+    if (min) {
+      const minDate = min instanceof Date ? min : new Date(min)
+      if (date < minDate) return false
+    }
+    if (max) {
+      const maxDate = max instanceof Date ? max : new Date(max)
+      if (date > maxDate) return false
+    }
+
+    return true
+  }
+
+  /**
+   * 校验是否为空
+   * @param {*} value - 要校验的值
+   * @param {boolean} trim - 是否去除空格，默认 true
+   * @returns {boolean} 是否为空
+   */
+  empty(value, trim = true) {
+    if (value === null || value === undefined) return true
+    if (typeof value === 'string') {
+      return trim ? value.trim() === '' : value === ''
+    }
+    if (Array.isArray(value)) {
+      return value.length === 0
+    }
+    if (typeof value === 'object') {
+      return Object.keys(value).length === 0
+    }
+    return false
+  }
+
+  /**
+   * 校验是否不为空（empty 的反向）
+   * @param {*} value - 要校验的值
+   * @param {boolean} trim - 是否去除空格，默认 true
+   * @returns {boolean} 是否不为空
+   */
+  notEmpty(value, trim = true) {
+    return !this.empty(value, trim)
+  }
+
+  /**
+   * 校验中文
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  chinese(value) {
+    if (!value) return false
+    return /^[\u4e00-\u9fa5]+$/.test(String(value))
+  }
+
+  /**
+   * 校验字母
+   * @param {string} value - 要校验的值
+   * @param {boolean} caseSensitive - 是否区分大小写，默认 false（不区分）
+   * @returns {boolean} 校验结果
+   */
+  alpha(value, caseSensitive = false) {
+    if (!value) return false
+    const str = String(value)
+    if (caseSensitive) {
+      return /^[a-zA-Z]+$/.test(str)
+    } else {
+      return /^[a-z]+$/i.test(str)
+    }
+  }
+
+  /**
+   * 校验字母和数字
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  alphanumeric(value) {
+    if (!value) return false
+    return /^[a-zA-Z0-9]+$/.test(String(value))
+  }
+
+  /**
+   * 校验整数
+   * @param {string|number} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  integer(value) {
+    return this.number(value, { integer: true })
+  }
+
+  /**
+   * 校验正数
+   * @param {string|number} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  positive(value) {
+    return this.number(value, { positive: true })
+  }
+
+  /**
+   * 校验负数
+   * @param {string|number} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  negative(value) {
+    return this.number(value, { negative: true })
+  }
+
+  /**
+   * 校验银行卡号（中国大陆，16-19位）
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  bankCard(value) {
+    if (!value) return false
+    const str = String(value).replace(/\s/g, '')
+    // 银行卡号通常是16-19位数字
+    return /^\d{16,19}$/.test(str)
+  }
+
+  /**
+   * 校验邮政编码（中国大陆，6位数字）
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  postcode(value) {
+    if (!value) return false
+    return /^\d{6}$/.test(String(value).trim())
+  }
+
+  /**
+   * 校验车牌号（中国大陆）
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  licensePlate(value) {
+    if (!value) return false
+    const str = String(value).trim().toUpperCase()
+    // 支持普通车牌和新能源车牌
+    return (
+      /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][A-Z0-9]{4,5}[A-Z0-9挂学警港澳]$/.test(
+        str
+      ) ||
+      /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z]((\d{5}[DF])|([DF][A-Z0-9]\d{4}))$/.test(
+        str
+      )
+    )
+  }
+
+  /**
+   * 校验统一社会信用代码（18位）
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  creditCode(value) {
+    if (!value) return false
+    const str = String(value).trim().toUpperCase()
+    // 统一社会信用代码：18位，字母数字组合
+    return /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/.test(str)
+  }
+
+  /**
+   * 校验值是否在指定范围内
+   * @param {*} value - 要校验的值
+   * @param {Array} enumList - 允许的值列表
+   * @returns {boolean} 校验结果
+   */
+  enum(value, enumList) {
+    if (!Array.isArray(enumList) || enumList.length === 0) return false
+    return enumList.includes(value)
+  }
+
+  /**
+   * 校验值是否相等
+   * @param {*} value1 - 第一个值
+   * @param {*} value2 - 第二个值
+   * @param {boolean} strict - 是否严格相等（===），默认 true
+   * @returns {boolean} 校验结果
+   */
+  equal(value1, value2, strict = false) {
+    if (strict) {
+      return value1 === value2
+    } else {
+      return value1 == value2 // eslint-disable-line eqeqeq
+    }
+  }
+
+  /**
+   * 校验值是否不相等
+   * @param {*} value1 - 第一个值
+   * @param {*} value2 - 第二个值
+   * @param {boolean} strict - 是否严格相等（===），默认 true
+   * @returns {boolean} 校验结果
+   */
+  notEqual(value1, value2, strict = true) {
+    return !this.equal(value1, value2, strict)
+  }
+
+  /**
+   * 校验是否全为大写
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  uppercase(value) {
+    if (!value) return false
+    const str = String(value)
+    return str === str.toUpperCase() && /[A-Z]/.test(str)
+  }
+
+  /**
+   * 校验是否全为小写
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  lowercase(value) {
+    if (!value) return false
+    const str = String(value)
+    return str === str.toLowerCase() && /[a-z]/.test(str)
+  }
+
+  /**
+   * 校验用户名（字母、数字、下划线，3-20位）
+   * @param {string} value - 要校验的值
+   * @param {object} options - 选项
+   * @param {number} options.min - 最小长度，默认 3
+   * @param {number} options.max - 最大长度，默认 20
+   * @returns {boolean} 校验结果
+   */
+  username(value, options = {}) {
+    if (!value) return false
+    const str = String(value).trim()
+    const { min = 3, max = 20 } = options
+    if (str.length < min || str.length > max) return false
+    return /^[a-zA-Z0-9_]+$/.test(str)
+  }
+
+  /**
+   * 校验密码强度
+   * @param {string} value - 要校验的值
+   * @param {object} options - 选项
+   * @param {number} options.min - 最小长度，默认 6
+   * @param {number} options.max - 最大长度，默认 20
+   * @param {boolean} options.requireNumber - 是否必须包含数字，默认 false
+   * @param {boolean} options.requireLetter - 是否必须包含字母，默认 false
+   * @param {boolean} options.requireSpecial - 是否必须包含特殊字符，默认 false
+   * @returns {boolean} 校验结果
+   */
+  password(value, options = {}) {
+    if (!value) return false
+    const str = String(value)
+    const {
+      min = 6,
+      max = 20,
+      requireNumber = false,
+      requireLetter = false,
+      requireSpecial = false
+    } = options
+
+    if (str.length < min || str.length > max) return false
+    if (requireNumber && !/\d/.test(str)) return false
+    if (requireLetter && !/[a-zA-Z]/.test(str)) return false
+    if (requireSpecial && !/[!@#$%^&*(),.?":{}|<>]/.test(str)) return false
+
+    return true
+  }
+
+  /**
+   * 校验十六进制颜色值
+   * @param {string} value - 要校验的值（如 #fff 或 #ffffff）
+   * @returns {boolean} 校验结果
+   */
+  hexColor(value) {
+    if (!value) return false
+    return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(String(value).trim())
+  }
+
+  /**
+   * 校验QQ号（5-11位数字）
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  qq(value) {
+    if (!value) return false
+    return /^[1-9]\d{4,10}$/.test(String(value).trim())
+  }
+
+  /**
+   * 校验微信号（6-20位，字母、数字、下划线、减号）
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  wechat(value) {
+    if (!value) return false
+    return /^[a-zA-Z0-9_-]{6,20}$/.test(String(value).trim())
+  }
+
+  /**
+   * 校验固定电话（中国大陆）
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  tel(value) {
+    if (!value) return false
+    const str = String(value).trim()
+    // 支持带区号的固定电话：010-12345678 或 01012345678
+    return /^(0\d{2,3}-?)?\d{7,8}$/.test(str)
+  }
+
+  /**
+   * 校验MAC地址
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  mac(value) {
+    if (!value) return false
+    const str = String(value).trim().toUpperCase()
+    return /^([0-9A-F]{2}:){5}[0-9A-F]{2}$/.test(str)
+  }
+
+  /**
+   * 校验Base64编码
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  base64(value) {
+    if (!value) return false
+    const str = String(value).trim()
+    if (str.length % 4 !== 0) return false
+    try {
+      return btoa(atob(str)) === str
+    } catch (e) {
+      return false
+    }
+  }
+
+  /**
+   * 校验JSON字符串
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  json(value) {
+    if (!value) return false
+    try {
+      JSON.parse(String(value))
+      return true
+    } catch (e) {
+      return false
+    }
+  }
+
+  /**
+   * 校验数字字符串（纯数字组成）
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  numeric(value) {
+    if (value === null || value === undefined) return false
+    return /^\d+$/.test(String(value))
+  }
+
+  /**
+   * 校验URL路径（不含协议和域名）
+   * @param {string} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  path(value) {
+    if (!value) return false
+    return /^\/[^\s]*$/.test(String(value).trim())
+  }
+
+  /**
+   * 校验端口号（1-65535）
+   * @param {string|number} value - 要校验的值
+   * @returns {boolean} 校验结果
+   */
+  port(value) {
+    return this.number(value, { integer: true, min: 1, max: 65535 })
+  }
+}
+
+// 创建单例实例
+const validator = new Validator()
+
+export default validator