@lambo-design/shared 1.0.0-beta.31 → 1.0.0-beta.310

package/utils/vForm.js

@@ -0,0 +1,349 @@
+export function isNull(value) {
+  return (value === null) || (value === undefined);
+}
+
+export function isNotNull(value) {
+  return (value !== null) && (value !== undefined);
+}
+
+export function isEmptyStr(str) {
+  //return (str === undefined) || (!str) || (!/[^\s]/.test(str));
+  return (str === undefined) || (!str && (str !== 0) && (str !== '0')) || (!/[^\s]/.test(str));
+}
+
+export const generateId = function() {
+  return Math.floor(Math.random() * 100000 + Math.random() * 20000 + Math.random() * 5000);
+};
+
+export const deepClone = function (origin) {
+  if (origin === undefined) {
+    return undefined
+  }
+
+  return JSON.parse(JSON.stringify(origin))
+}
+
+export const overwriteObj = function(obj1, obj2) {
+  Object.keys(obj2).forEach(prop => {
+    obj1[prop] = obj2[prop]
+  })
+}
+
+/* 用Function对象实现eval函数功能 */
+export const evalFn = function (fn, DSV = null, VFR = null) {
+  let f = new Function('DSV', 'VFR', 'return ' + fn);
+  return f(DSV, VFR);
+};
+
+export const addWindowResizeHandler = function (handler) {
+  let oldHandler = window.onresize
+  if (typeof window.onresize != 'function') {
+    window.onresize = handler
+  } else {
+    window.onresize = function () {
+      oldHandler()
+      handler()
+    }
+  }
+}
+
+const createStyleSheet = function() {
+  let head = document.head || document.getElementsByTagName('head')[0];
+  let style = document.createElement('style');
+  style.type = 'text/css';
+  head.appendChild(style);
+  return style.sheet;
+}
+
+export const insertCustomCssToHead = function (cssCode, formId = '') {
+  let head = document.getElementsByTagName('head')[0]
+  let oldStyle = document.getElementById('vform-custom-css')
+  if (!!oldStyle) {
+    head.removeChild(oldStyle)  //先清除后插入！！
+  }
+  if (!!formId) {
+    oldStyle = document.getElementById('vform-custom-css' + '-' + formId)
+    !!oldStyle && head.removeChild(oldStyle)  //先清除后插入！！
+  }
+
+  let newStyle = document.createElement('style')
+  newStyle.type = 'text/css'
+  newStyle.rel = 'stylesheet'
+  newStyle.id = !!formId ? 'vform-custom-css' + '-' + formId : 'vform-custom-css'
+  try {
+    newStyle.appendChild(document.createTextNode(cssCode))
+  } catch(ex) {
+    newStyle.styleSheet.cssText = cssCode
+  }
+
+  head.appendChild(newStyle)
+}
+
+export const insertGlobalFunctionsToHtml = function (functionsCode, formId = '') {
+  let bodyEle = document.getElementsByTagName('body')[0]
+  let oldScriptEle = document.getElementById('v_form_global_functions')
+  !!oldScriptEle && bodyEle.removeChild(oldScriptEle)  //先清除后插入！！
+  if (!!formId) {
+    oldScriptEle = document.getElementById('v_form_global_functions' + '-' + formId)
+    !!oldScriptEle && bodyEle.removeChild(oldScriptEle)  //先清除后插入！！
+  }
+
+  let newScriptEle = document.createElement('script')
+  newScriptEle.id = !!formId ? 'v_form_global_functions' + '-' + formId : 'v_form_global_functions'
+  newScriptEle.type = 'text/javascript'
+  newScriptEle.innerHTML = functionsCode
+  bodyEle.appendChild(newScriptEle)
+}
+
+export const optionExists = function(optionsObj, optionName) {
+  if (!optionsObj) {
+    return false
+  }
+
+  return Object.keys(optionsObj).indexOf(optionName) > -1
+}
+
+export const loadRemoteScript = function(srcPath, callback) {  /*加载远程js，加载成功后执行回调函数*/
+  let sid = encodeURIComponent(srcPath)
+  let oldScriptEle = document.getElementById(sid)
+
+  if (!oldScriptEle) {
+    let s = document.createElement('script')
+    s.src = srcPath
+    s.id = sid
+    document.body.appendChild(s)
+
+    s.onload = s.onreadystatechange = function (_, isAbort) { /* 借鉴自ace.js */
+      if (isAbort || !s.readyState || s.readyState === "loaded" || s.readyState === "complete") {
+        s = s.onload = s.onreadystatechange = null
+        if (!isAbort) {
+          callback()
+        }
+      }
+    }
+  }
+}
+
+export function traverseFieldWidgets(widgetList, handler, parent = null) {
+  if (!widgetList) {
+    return
+  }
+
+  widgetList.forEach(w => {
+    if (w.formItemFlag) {
+      handler(w, parent)
+    } else if (w.type === 'grid') {
+      w.cols.forEach(col => {
+        traverseFieldWidgets(col.widgetList, handler, w)
+      })
+    } else if (w.type === 'table') {
+      w.rows.forEach(row => {
+        row.cols.forEach(cell => {
+          traverseFieldWidgets(cell.widgetList, handler, w)
+        })
+      })
+    } else if (w.type === 'tab') {
+      w.tabs.forEach(tab => {
+        traverseFieldWidgets(tab.widgetList, handler, w)
+      })
+    } else if (w.category === 'container') {  //自定义容器
+      traverseFieldWidgets(w.widgetList, handler, w)
+    }
+  })
+}
+
+export function traverseContainerWidgets(widgetList, handler) {
+  if (!widgetList) {
+    return
+  }
+
+  widgetList.forEach(w => {
+    if (w.category === 'container') {
+      handler(w)
+    }
+
+    if (w.type === 'grid') {
+      w.cols.forEach(col => {
+        traverseContainerWidgets(col.widgetList, handler)
+      })
+    } else if (w.type === 'table') {
+      w.rows.forEach(row => {
+        row.cols.forEach(cell => {
+          traverseContainerWidgets(cell.widgetList, handler)
+        })
+      })
+    } else if (w.type === 'tab') {
+      w.tabs.forEach(tab => {
+        traverseContainerWidgets(tab.widgetList, handler)
+      })
+    } else if (w.category === 'container') {  //自定义容器
+      traverseContainerWidgets(w.widgetList, handler)
+    }
+  })
+}
+
+export function traverseAllWidgets(widgetList, handler) {
+  if (!widgetList) {
+    return
+  }
+
+  widgetList.forEach(w => {
+    handler(w)
+
+    if (w.type === 'grid') {
+      w.cols.forEach(col => {
+        handler(col)
+        traverseAllWidgets(col.widgetList, handler)
+      })
+    } else if (w.type === 'table') {
+      w.rows.forEach(row => {
+        row.cols.forEach(cell => {
+          handler(cell)
+          traverseAllWidgets(cell.widgetList, handler)
+        })
+      })
+    } else if (w.type === 'tab') {
+      w.tabs.forEach(tab => {
+        traverseAllWidgets(tab.widgetList, handler)
+      })
+    } else if (w.type === 'sub-form') {
+      traverseAllWidgets(w.widgetList, handler)
+    } else if (w.category === 'container') {  //自定义容器
+      traverseAllWidgets(w.widgetList, handler)
+    }
+  })
+}
+
+function handleWidgetForTraverse(widget, handler) {
+  if (!!widget.category) {
+    traverseFieldWidgetsOfContainer(widget, handler)
+  } else if (widget.formItemFlag) {
+    handler(widget)
+  }
+}
+
+/**
+ * 遍历容器内的字段组件
+ * @param con
+ * @param handler
+ */
+export function traverseFieldWidgetsOfContainer(con, handler) {
+  if (con.type === 'grid') {
+    con.cols.forEach(col => {
+      col.widgetList.forEach(cw => {
+        handleWidgetForTraverse(cw, handler)
+      })
+    })
+  } else if (con.type === 'table') {
+    con.rows.forEach(row => {
+      row.cols.forEach(cell => {
+        cell.widgetList.forEach(cw => {
+          handleWidgetForTraverse(cw, handler)
+        })
+      })
+    })
+  } else if (con.type === 'tab') {
+    con.tabs.forEach(tab => {
+      tab.widgetList.forEach(cw => {
+        handleWidgetForTraverse(cw, handler)
+      })
+    })
+  } else if (con.type === 'sub-form') {
+    con.widgetList.forEach(cw => {
+      handleWidgetForTraverse(cw, handler)
+    })
+  } else if (con.category === 'container') {  //自定义容器
+    con.widgetList.forEach(cw => {
+      handleWidgetForTraverse(cw, handler)
+    })
+  }
+}
+
+/**
+ * 获取所有字段组件
+ * @param widgetList
+ * @returns {[]}
+ */
+export function getAllFieldWidgets(widgetList) {
+  if (!widgetList) {
+    return []
+  }
+
+  let result = []
+  // TODO 表单项formKey有没有影响 需不需要修改
+  let handlerFn = (w) => {
+    result.push({
+      type: w.type,
+      name: w.options.name || w.formKey,
+      field: w
+    })
+  }
+  traverseFieldWidgets(widgetList, handlerFn)
+
+  return result
+}
+
+/**
+ * 获取所有容器组件
+ * @param widgetList
+ * @returns {[]}
+ */
+export function getAllContainerWidgets(widgetList) {
+  if (!widgetList) {
+    return []
+  }
+
+  let result = []
+  // TODO 表单项formKey有没有影响 需不需要修改
+  let handlerFn = (w) => {
+    result.push({
+      type: w.type,
+      name: w.options.name,
+      container: w
+    })
+  }
+  traverseContainerWidgets(widgetList, handlerFn)
+
+  return result
+}
+
+
+export function getQueryParam(variable) {
+  let query = window.location.search.substring(1);
+  let vars = query.split("&")
+  for (let i=0; i<vars.length; i++) {
+    let pair = vars[i].split("=")
+    if(pair[0] == variable) {
+      return pair[1]
+    }
+  }
+
+  return undefined;
+}
+
+export function getDefaultFormConfig() {
+  return {
+    modelName: 'formData',
+    refName: 'vForm',
+    rulesName: 'rules',
+    labelWidth: 80,
+    labelPosition: 'left',
+    size: '',
+    labelAlign: 'label-left-align',
+    cssCode: '',
+    customClass: [],
+    functions: '',
+    layoutType: 'PC',
+
+    onFormCreated: '',
+    onFormMounted: '',
+    onFormDataChange: '',
+  }
+}
+
+export function buildDefaultFormJson() {
+  return {
+    widgetList: [],
+    formConfig: deepClone( getDefaultFormConfig() )
+  }
+}

package/utils/validator.js

@@ -0,0 +1,181 @@
+/**
+ * 严格校验电话号码是否正确
+ * @param val
+ * @returns {boolean}
+ */
+export function checkTel(val) {
+    let isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
+    let isMob = /^((\+?86)|(\(\+86\)))?(13[0123456789][0-9]{8}|15[012356789][0-9]{8}|18[0123456789][0-9]{8}|14[57][0-9]{8}|17[678][0-9]{8})$/;
+    if (isMob.test(val) || isPhone.test(val)) {
+        return true;
+    } else {
+        return false;
+    }
+}
+
+/**
+ * 简单校验电话号码
+ * @param str
+ * @returns {boolean}
+ */
+export const checkPhone = function (str) {
+    let reg = /^1[3456789]\d{9}$/
+    // ^1  以1开头
+    // [3456789] 第2位，使用原子表里的任意一个原子都可以
+    // \d{9}$  第三位  朝后可以是任意数字  并且最后结尾必须是数字
+    if (reg.test(str)) {
+        return true
+    } else {
+        return false
+    }
+}
+
+/**
+ * 校验身份证号码
+ * @param idcard
+ * @returns {string}
+ */
+export function checkIdCard(idcard) {
+    let Errors = new Array(
+        '验证通过!',
+        '身份证号码位数不对!',
+        '身份证号码出生日期超出范围或含有非法字符!',
+        '身份证号码校验错误!',
+        '身份证地区非法!',
+    )
+    let area = {
+        11: '北京',
+        12: '天津',
+        13: '河北',
+        14: '山西',
+        15: '内蒙古',
+        21: '辽宁',
+        22: '吉林',
+        23: '黑龙江',
+        31: '上海',
+        32: '江苏',
+        33: '浙江',
+        34: '安徽',
+        35: '福建',
+        36: '江西',
+        37: '山东',
+        41: '河南',
+        42: '湖北',
+        43: '湖南',
+        44: '广东',
+        45: '广西',
+        46: '海南',
+        50: '重庆',
+        51: '四川',
+        52: '贵州',
+        53: '云南',
+        54: '西藏',
+        61: '陕西',
+        62: '甘肃',
+        63: '青海',
+        64: '宁夏',
+        65: '新疆',
+        71: '台湾',
+        81: '香港',
+        82: '澳门',
+        91: '国外',
+    }
+    let Y, JYM
+    let S, M, ereg
+    let idcard_array = new Array()
+    idcard_array = idcard.split('')
+    //地区检验
+    if (area[parseInt(idcard.substr(0, 2))] == null) return Errors[4]
+    //身份号码位数及格式检验
+    switch (idcard.length) {
+        case 15:
+            if (
+                (parseInt(idcard.substr(6, 2)) + 1900) % 4 == 0 ||
+                ((parseInt(idcard.substr(6, 2)) + 1900) % 100 == 0 &&
+                    (parseInt(idcard.substr(6, 2)) + 1900) % 4 == 0)
+            ) {
+                ereg =
+                    /^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/ //测试出生日期的合法性
+            } else {
+                ereg =
+                    /^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/ //测试出生日期的合法性
+            }
+            if (ereg.test(idcard)) {
+                return Errors[0]
+            } else {
+                return Errors[2]
+            }
+        case 18:
+            if (
+                parseInt(idcard.substr(6, 4)) % 4 == 0 ||
+                (parseInt(idcard.substr(6, 4)) % 100 == 0 && parseInt(idcard.substr(6, 4)) % 4 == 0)
+            ) {
+                ereg =
+                    /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/ //闰年出生日期的合法性正则表达式
+            } else {
+                ereg =
+                    /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/ //平年出生日期的合法性正则表达式
+            }
+            if (ereg.test(idcard)) {
+                //测试出生日期的合法性
+                //计算校验位
+                S =
+                    (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7 +
+                    (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9 +
+                    (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10 +
+                    (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5 +
+                    (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8 +
+                    (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4 +
+                    (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2 +
+                    parseInt(idcard_array[7]) * 1 +
+                    parseInt(idcard_array[8]) * 6 +
+                    parseInt(idcard_array[9]) * 3
+                Y = S % 11
+                M = 'F'
+                JYM = '10X98765432'
+                M = JYM.substr(Y, 1) //判断校验位
+                if (M == idcard_array[17]) return Errors[0] //检测ID的校验位
+                else return Errors[3]
+            } else return Errors[2]
+        default:
+            return Errors[1]
+    }
+}
+
+/**
+ *
+ * @param a
+ * @returns {string}
+ */
+export function getBirthday(a) {
+    if (15 == a.length || 18 == a.length) {
+        let left = a.length - 12
+        let right = a.length - 4
+        let b = a.slice(left, right)
+        if (8 == b.length) {
+            return b.substring(0, 4) + '-' + b.substring(4, 6) + '-' + b.substring(6)
+        } else return '1970-01-01' //0;
+    } else return '1970-01-01' //1;
+}
+
+/**
+ * 校验车牌号
+ * @param str
+ * @returns {boolean}
+ */
+export function checkVehicleNo(str) {
+    // 新能源车
+    const newReg =
+        /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z]-(([DF]((?![IO])[a-zA-Z0-9](?![IO]))[0-9]{4})|([0-9]{5}[DF]))$/
+
+    if (newReg.test(str)) {
+        return true
+    }
+
+    // 非新能源车
+    const reg =
+        /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z]-[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]$/
+
+    return reg.test(str)
+}
+