imatrix-ui 0.2.5-up → 0.2.7-up

package/packages/super-grid/src/formValidatorUtil.js

@@ -1,300 +1,300 @@
-import Validator from 'async-validator'
-import store from './store'
-import * as Vue from 'vue'
-import { isDisableEdit } from './utils'
-import { getI18n } from '../../../src/utils/util'
-
-function setObjectPropRule(editField, rules, leafRule) {
-  const rule = {}
-  const prop = editField.prop
-  if (!rules) {
-    rules = {}
-  }
-  let num = 0
-  const props = prop.split('.')
-  props.forEach((subProp) => {
-    let objectRule
-    if (num === props.length - 1) {
-      // 说明是最后一个
-      objectRule = getEndObjectRule(rule, props, subProp)
-      objectRule.fields[subProp] = leafRule
-    } else {
-      let lastObjectRule
-      if (num === 0) {
-        objectRule = rules
-      } else {
-        lastObjectRule = getLastObjectRule(rule, props, props[num - 1])
-        objectRule = lastObjectRule.fields
-      }
-      if (!objectRule[subProp]) {
-        objectRule[subProp] = {
-          type: 'object',
-          required: true,
-          fields: {},
-        }
-      }
-      if (num === 0) {
-        rule[subProp] = objectRule[subProp]
-      } else {
-        lastObjectRule.fields[subProp] = objectRule[subProp]
-      }
-    }
-    num++
-  })
-  return rule
-}
-
-function getLastObjectRule(rule, props, currentProp) {
-  let lastObjectdRule
-  for (let i = 0; i < props.length; i++) {
-    const subProp = props[i]
-    if (i === 0) {
-      lastObjectdRule = rule[subProp]
-    } else {
-      lastObjectdRule = lastObjectdRule.fields[props[i]]
-    }
-    if (subProp === currentProp) {
-      break
-    }
-  }
-  return lastObjectdRule
-}
-
-function getEndObjectRule(rule, props, currentProp) {
-  let lastObjectdRule
-  for (let i = 0; i < props.length; i++) {
-    if (i === 0) {
-      lastObjectdRule = rule[props[i]]
-    } else {
-      lastObjectdRule = lastObjectdRule.fields[props[i]]
-    }
-    if (i !== props.length - 1) {
-      const leafSubProp = props[i + 1]
-      if (leafSubProp === currentProp) {
-        break
-      }
-    }
-  }
-  return lastObjectdRule
-}
-
-/**
- * @param {editFieldInfos} Array 编辑字段信息集合
- */
-function getValidator(listCode) {
-  if (!listCode) {
-    listCode = store.get('_list_code')
-  }
-  const gridParams = store.get(listCode)
-  const editFieldInfos = gridParams.columns
-  const rules = {}
-  if (editFieldInfos) {
-    editFieldInfos.forEach((editField) => {
-      const prop = editField.prop
-      if (prop && editField.validations && !isDisableEdit(prop, listCode)) {
-        const validations = JSON.parse(editField.validations)
-        validations.forEach((item) => {
-          if (item.pattern) {
-            // 后台传递的是正则字符串，不能直接使用
-            item.pattern = new RegExp(item.pattern)
-          }
-        })
-        if (prop.indexOf('.') > 0) {
-          setObjectPropRule(editField, rules, validations)
-        } else {
-          if (validations && validations.length > 0) {
-            rules[prop] = [...validations]
-          }
-        }
-      }
-    })
-  }
-  // console.log('rules', rules)
-  return rules
-}
-/**
- * 验证实体
- * @param {*} entity 实体记录
- * @param {*} listCode 列表编码
- * @param {*} $index 当前行下标
- * @param {*} rules 验证规则
- * @param {*} isSubTableShowPage 表单子表是否显示分页区域
- * @param {*} pageNum  当前记录在子表中的第几页
- * @returns void
- */
-
-function validator(
-  entity,
-  listCode,
-  $index,
-  rules,
-  isSubTableShowPage,
-  pageNum,
-  pageRowIndex
-) {
-  return validatorEntity(
-    entity,
-    listCode,
-    $index,
-    rules,
-    true,
-    isSubTableShowPage,
-    pageNum,
-    pageRowIndex
-  )
-}
-
-function validatorEntity(
-  entity,
-  listCode,
-  $index,
-  rules,
-  isShouldRepeateValdate,
-  isSubTableShowPage,
-  pageNum,
-  pageRowIndex
-) {
-  let result = false
-  let validateRules
-  if (rules) {
-    validateRules = rules
-  } else {
-    validateRules = getValidator(listCode)
-  }
-  const validator = new Validator(validateRules)
-  if (!listCode) {
-    listCode = store.get('_list_code')
-  }
-
-  const gridParams = store.get(listCode)
-  validator.validate(
-    entity,
-    {
-      first: true,
-    },
-    (errors, fields) => {
-      let fieldName
-      if (errors) {
-        const message = errors[0]['message']
-        fieldName = errors[0]['field']
-        if (
-          $index !== null &&
-          $index !== undefined &&
-          gridParams.gridData.length > $index
-        ) {
-          gridParams.gridData[$index]['validateErrorField'] = errors[0]['field']
-          if (
-            isSubTableShowPage !== undefined &&
-            isSubTableShowPage &&
-            pageNum !== undefined &&
-            pageRowIndex !== undefined
-          ) {
-            // 表示表单子表验证时
-            result =
-              getI18n().t('superGrid.pageRecordLine', {
-                pageNum: pageNum,
-                row: pageRowIndex,
-              }) +
-              '，' +
-              message
-          } else {
-            // 表示列表记录验证时
-            result =
-              getI18n().t('superGrid.recordLine', {
-                row: $index + 1,
-              }) +
-              '，' +
-              message
-          }
-        } else if (
-          gridParams.$rowIndex !== null &&
-          gridParams.$rowIndex !== undefined &&
-          gridParams.gridData.length > gridParams.$rowIndex
-        ) {
-          gridParams.gridData[gridParams.$rowIndex]['validateErrorField'] =
-            errors[0]['field']
-          result =
-            getI18n().t('superGrid.recordLine', {
-              row: gridParams.$rowIndex + 1,
-            }) +
-            '，' +
-            message
-        }
-      } else {
-        // 验证成功后，将最后验证失败的字段置空
-        if (
-          $index !== null &&
-          $index !== undefined &&
-          gridParams.gridData.length > $index
-        ) {
-          if (isSubTableShowPage !== undefined && isSubTableShowPage) {
-            gridParams.subTableData[$index]['validateErrorField'] = ''
-          } else {
-            gridParams.gridData[$index]['validateErrorField'] = ''
-          }
-        } else if (
-          gridParams.$rowIndex !== null &&
-          gridParams.$rowIndex !== undefined &&
-          gridParams.gridData.length > gridParams.$rowIndex
-        ) {
-          gridParams.gridData[gridParams.$rowIndex]['validateErrorField'] = ''
-        } else if (
-          $index !== null &&
-          $index !== undefined &&
-          isSubTableShowPage !== undefined &&
-          isSubTableShowPage &&
-          gridParams.gridData.length <= $index
-        ) {
-          // 表示可能是子表分页时，清空子表的
-          gridParams.subTableData[$index]['validateErrorField'] = ''
-        }
-
-        result = true
-      }
-      if (fieldName && isShouldRepeateValdate === true) {
-        // 将实体中字段名改为大写，然后再验证一次该字段是否已填值。因为mysql中jdbc获得实体记录字段名是小写的，但是验证规则中字段名是大写的，所以会导致字段验证失败
-        const reg1 = /[A-Z]+/ // 大写字母
-        if (
-          result !== undefined &&
-          result + '' !== 'true' &&
-          result + '' !== 'false' &&
-          gridParams.isSql !== undefined &&
-          gridParams.isSql === true &&
-          reg1.test(fieldName) &&
-          entity[fieldName.toLowerCase()] !== undefined
-        ) {
-          // 表示验证失败，需要重新验证一次
-          const copyEntity = JSON.parse(JSON.stringify(entity))
-          copyEntity[fieldName.toUpperCase()] = entity[fieldName.toLowerCase()]
-          delete copyEntity[fieldName.toLowerCase()]
-          result = validatorEntity(copyEntity, listCode, $index, rules, false)
-        }
-        if (
-          result !== undefined &&
-          result + '' !== 'true' &&
-          result + '' !== 'false'
-        ) {
-          // 表示验证失败
-          if (gridParams.showValidateError) {
-            gridParams.showValidateError = false
-            window.$vueApp.config.globalProperties.$message({
-              showClose: true,
-              message: result,
-              type: 'warning',
-              onClose: (messageEle) => {
-                gridParams.showValidateError = true
-              },
-            })
-          }
-        }
-      }
-    }
-  )
-
-  return result
-}
-
-export default {
-  validator,
-  getValidator,
-}
+import Validator from 'async-validator'
+import store from './store'
+import * as Vue from 'vue'
+import { isDisableEdit } from './utils'
+import { getI18n } from '../../../src/utils/util'
+
+function setObjectPropRule(editField, rules, leafRule) {
+  const rule = {}
+  const prop = editField.prop
+  if (!rules) {
+    rules = {}
+  }
+  let num = 0
+  const props = prop.split('.')
+  props.forEach((subProp) => {
+    let objectRule
+    if (num === props.length - 1) {
+      // 说明是最后一个
+      objectRule = getEndObjectRule(rule, props, subProp)
+      objectRule.fields[subProp] = leafRule
+    } else {
+      let lastObjectRule
+      if (num === 0) {
+        objectRule = rules
+      } else {
+        lastObjectRule = getLastObjectRule(rule, props, props[num - 1])
+        objectRule = lastObjectRule.fields
+      }
+      if (!objectRule[subProp]) {
+        objectRule[subProp] = {
+          type: 'object',
+          required: true,
+          fields: {},
+        }
+      }
+      if (num === 0) {
+        rule[subProp] = objectRule[subProp]
+      } else {
+        lastObjectRule.fields[subProp] = objectRule[subProp]
+      }
+    }
+    num++
+  })
+  return rule
+}
+
+function getLastObjectRule(rule, props, currentProp) {
+  let lastObjectdRule
+  for (let i = 0; i < props.length; i++) {
+    const subProp = props[i]
+    if (i === 0) {
+      lastObjectdRule = rule[subProp]
+    } else {
+      lastObjectdRule = lastObjectdRule.fields[props[i]]
+    }
+    if (subProp === currentProp) {
+      break
+    }
+  }
+  return lastObjectdRule
+}
+
+function getEndObjectRule(rule, props, currentProp) {
+  let lastObjectdRule
+  for (let i = 0; i < props.length; i++) {
+    if (i === 0) {
+      lastObjectdRule = rule[props[i]]
+    } else {
+      lastObjectdRule = lastObjectdRule.fields[props[i]]
+    }
+    if (i !== props.length - 1) {
+      const leafSubProp = props[i + 1]
+      if (leafSubProp === currentProp) {
+        break
+      }
+    }
+  }
+  return lastObjectdRule
+}
+
+/**
+ * @param {editFieldInfos} Array 编辑字段信息集合
+ */
+function getValidator(listCode) {
+  if (!listCode) {
+    listCode = store.get('_list_code')
+  }
+  const gridParams = store.get(listCode)
+  const editFieldInfos = gridParams.columns
+  const rules = {}
+  if (editFieldInfos) {
+    editFieldInfos.forEach((editField) => {
+      const prop = editField.prop
+      if (prop && editField.validations && !isDisableEdit(prop, listCode)) {
+        const validations = JSON.parse(editField.validations)
+        validations.forEach((item) => {
+          if (item.pattern) {
+            // 后台传递的是正则字符串，不能直接使用
+            item.pattern = new RegExp(item.pattern)
+          }
+        })
+        if (prop.indexOf('.') > 0) {
+          setObjectPropRule(editField, rules, validations)
+        } else {
+          if (validations && validations.length > 0) {
+            rules[prop] = [...validations]
+          }
+        }
+      }
+    })
+  }
+  // console.log('rules', rules)
+  return rules
+}
+/**
+ * 验证实体
+ * @param {*} entity 实体记录
+ * @param {*} listCode 列表编码
+ * @param {*} $index 当前行下标
+ * @param {*} rules 验证规则
+ * @param {*} isSubTableShowPage 表单子表是否显示分页区域
+ * @param {*} pageNum  当前记录在子表中的第几页
+ * @returns void
+ */
+
+function validator(
+  entity,
+  listCode,
+  $index,
+  rules,
+  isSubTableShowPage,
+  pageNum,
+  pageRowIndex
+) {
+  return validatorEntity(
+    entity,
+    listCode,
+    $index,
+    rules,
+    true,
+    isSubTableShowPage,
+    pageNum,
+    pageRowIndex
+  )
+}
+
+function validatorEntity(
+  entity,
+  listCode,
+  $index,
+  rules,
+  isShouldRepeateValdate,
+  isSubTableShowPage,
+  pageNum,
+  pageRowIndex
+) {
+  let result = false
+  let validateRules
+  if (rules) {
+    validateRules = rules
+  } else {
+    validateRules = getValidator(listCode)
+  }
+  const validator = new Validator(validateRules)
+  if (!listCode) {
+    listCode = store.get('_list_code')
+  }
+
+  const gridParams = store.get(listCode)
+  validator.validate(
+    entity,
+    {
+      first: true,
+    },
+    (errors, fields) => {
+      let fieldName
+      if (errors) {
+        const message = errors[0]['message']
+        fieldName = errors[0]['field']
+        if (
+          $index !== null &&
+          $index !== undefined &&
+          gridParams.gridData.length > $index
+        ) {
+          gridParams.gridData[$index]['validateErrorField'] = errors[0]['field']
+          if (
+            isSubTableShowPage !== undefined &&
+            isSubTableShowPage &&
+            pageNum !== undefined &&
+            pageRowIndex !== undefined
+          ) {
+            // 表示表单子表验证时
+            result =
+              getI18n().t('superGrid.pageRecordLine', {
+                pageNum: pageNum,
+                row: pageRowIndex,
+              }) +
+              '，' +
+              message
+          } else {
+            // 表示列表记录验证时
+            result =
+              getI18n().t('superGrid.recordLine', {
+                row: $index + 1,
+              }) +
+              '，' +
+              message
+          }
+        } else if (
+          gridParams.$rowIndex !== null &&
+          gridParams.$rowIndex !== undefined &&
+          gridParams.gridData.length > gridParams.$rowIndex
+        ) {
+          gridParams.gridData[gridParams.$rowIndex]['validateErrorField'] =
+            errors[0]['field']
+          result =
+            getI18n().t('superGrid.recordLine', {
+              row: gridParams.$rowIndex + 1,
+            }) +
+            '，' +
+            message
+        }
+      } else {
+        // 验证成功后，将最后验证失败的字段置空
+        if (
+          $index !== null &&
+          $index !== undefined &&
+          gridParams.gridData.length > $index
+        ) {
+          if (isSubTableShowPage !== undefined && isSubTableShowPage) {
+            gridParams.subTableData[$index]['validateErrorField'] = ''
+          } else {
+            gridParams.gridData[$index]['validateErrorField'] = ''
+          }
+        } else if (
+          gridParams.$rowIndex !== null &&
+          gridParams.$rowIndex !== undefined &&
+          gridParams.gridData.length > gridParams.$rowIndex
+        ) {
+          gridParams.gridData[gridParams.$rowIndex]['validateErrorField'] = ''
+        } else if (
+          $index !== null &&
+          $index !== undefined &&
+          isSubTableShowPage !== undefined &&
+          isSubTableShowPage &&
+          gridParams.gridData.length <= $index
+        ) {
+          // 表示可能是子表分页时，清空子表的
+          gridParams.subTableData[$index]['validateErrorField'] = ''
+        }
+
+        result = true
+      }
+      if (fieldName && isShouldRepeateValdate === true) {
+        // 将实体中字段名改为大写，然后再验证一次该字段是否已填值。因为mysql中jdbc获得实体记录字段名是小写的，但是验证规则中字段名是大写的，所以会导致字段验证失败
+        const reg1 = /[A-Z]+/ // 大写字母
+        if (
+          result !== undefined &&
+          result + '' !== 'true' &&
+          result + '' !== 'false' &&
+          gridParams.isSql !== undefined &&
+          gridParams.isSql === true &&
+          reg1.test(fieldName) &&
+          entity[fieldName.toLowerCase()] !== undefined
+        ) {
+          // 表示验证失败，需要重新验证一次
+          const copyEntity = JSON.parse(JSON.stringify(entity))
+          copyEntity[fieldName.toUpperCase()] = entity[fieldName.toLowerCase()]
+          delete copyEntity[fieldName.toLowerCase()]
+          result = validatorEntity(copyEntity, listCode, $index, rules, false)
+        }
+        if (
+          result !== undefined &&
+          result + '' !== 'true' &&
+          result + '' !== 'false'
+        ) {
+          // 表示验证失败
+          if (gridParams.showValidateError) {
+            gridParams.showValidateError = false
+            window.$vueApp.config.globalProperties.$message({
+              showClose: true,
+              message: result,
+              type: 'warning',
+              onClose: (messageEle) => {
+                gridParams.showValidateError = true
+              },
+            })
+          }
+        }
+      }
+    }
+  )
+
+  return result
+}
+
+export default {
+  validator,
+  getValidator,
+}