resolver-egretimp-plus 0.1.124 → 0.1.125

package/src/utils/validateByData.js

@@ -0,0 +1,177 @@
+import { toRaw } from "vue"
+import { calcDisable } from "./const"
+import { getFormItemRule, isCycleConfig } from "./render"
+import AsyncValidator from 'async-validator'
+
+export async function toValidate({
+  rootConfig, rootValue, mode, lang, messageInstance,
+  formRef, cb, dynamicMapComp
+}) {
+  const flag = await validateConfig({
+    validConfig: rootConfig,
+    mode,
+    lang,
+    rootValue,
+    dynamicMapComp,
+    messageInstance
+  })
+  if (!flag) {
+    if (!cb) {
+      return formRef.value && formRef.value.validate().catch(err => {
+        validFailAction(err, dynamicMapComp)
+        return Promise.reject(err)
+      })
+    }
+    return formRef.value && formRef.value.validate((valid, errInfo) => {
+      errInfo && validFailAction(errInfo, dynamicMapComp)
+      cb && cb(valid, errInfo)
+    })
+  } else {
+    if (!cb) {
+      return Promise.resolve(true)
+    }
+    return cb?.(true)
+  }
+}
+
+// 校验的一些附加动作， 例如校验失败，tab需要聚焦到失败tab页面，组件失败，需要展开
+function validFailAction(errInfo, dynamicMapComp) {
+  const errKyes = Object.keys(errInfo)
+  if (errKyes.length) {
+    let oneKey = errKyes[0]
+    const referComps = []
+    while (oneKey.indexOf('->') > -1) {
+      let idx = -1
+      let code = ''
+      const matchs = oneKey?.match(/^(.+)\[(\d+)\]$/)
+      if (matchs) {
+        idx = parseInt(matchs[2])
+        code = matchs[1]
+      } else {
+        code = oneKey
+      }
+
+      const compInfo = dynamicMapComp[code]
+      compInfo && referComps.unshift({
+        compInfo,
+        cycleIdx: idx
+      })
+      oneKey = oneKey?.split('->')?.slice(0, -1)?.join('->') || ''
+    }
+    const compInfo = dynamicMapComp[oneKey]
+    compInfo && referComps.unshift({
+      compInfo,
+      cycleIdx: -1
+    })
+    referComps.forEach(({compInfo, cycleIdx}) => {
+      validFail(compInfo, cycleIdx)
+    })
+    // 组件对应的页面展示更新后才能获取到校验住的元素
+    setTimeout(() => {
+      const {compInfo: config} = referComps.pop()
+      const veiwEl = config?.wrapVm?.vnode?.el
+      veiwEl && veiwEl.scrollIntoView({ behavior: 'smooth' })
+
+      // const fouceErrEle = document.querySelector('.el-form-item__error')
+      // const fouceEle = fouceErrEle.parentElement
+      // fouceEle && fouceEle.scrollIntoView({ behavior: 'smooth' })
+    }, 200)
+  }
+}
+// 校验不通过的时候，需要进行一下组件配置的调整，
+// 标签组件，需要进行聚焦当前页面
+// component组件，需要打开折叠
+function validFail(config, cycleIdx) {
+  const type = config.renderby || config.metaType
+  switch (type) {
+    case 'CustomComponentTabPane':
+    case 'CustomComponentCycleTabPane':
+      config.parent && config.parent.pmPageMetaList && config.parent.pmPageMetaList.forEach(tab => {
+        if (tab.metaType === 'CustomComponentTabPane') {
+          tab.defaultShowFlag = '0'
+        }
+        if (tab.metaType === 'CustomComponentCycleTabPane' || tab?.isCycle == '1') {
+          tab.currentCode = ''
+        }
+      })
+      if (type === 'CustomComponentTabPane' && config?.isCycle != '1') {
+        config.defaultShowFlag = '1'
+      }
+      if (type === 'CustomComponentCycleTabPane' || config?.isCycle == '1') {
+        config.currentCode = `${config.metaCode}-${cycleIdx}`
+      }
+      break
+    case 'CustomComponentCollapse':
+      config.defaultOpenFlag = '1'
+      break
+    case 'CustomComponentDialog':
+      config.dialogVisible = true
+      break
+    default:
+  }
+}
+
+function validateConfig({
+  validConfig,
+  mode,
+  lang,
+  rootValue,
+  dynamicMapComp,
+  messageInstance
+}) {
+  return travelConfig(validConfig, (config) => {
+    const compProps = {
+      disabled: calcDisable(config, mode)
+    }
+    const params = {
+      lang,
+      rootValue,
+      dynamicMapComp,
+      props: {
+        config: config,
+        modelValue: toRaw(config?.refValue),
+        rowScope: config.rowScope,
+        mode: mode
+      },
+      messageInstance
+    }
+    const rules = getFormItemRule(config, lang, params, compProps, true)
+    if (rules && rules.length) {
+      const validator = new AsyncValidator({
+        [config.dynamicHireRelat]: rules
+      })
+      
+      async function toValidate() {
+        try {
+          await validator.validate({[config.dynamicHireRelat]: toRaw(config?.refValue)})
+        } catch (error) {
+          validFailAction({[config.dynamicHireRelat]: true}, dynamicMapComp)
+          return Promise.reject()
+        }
+        return true
+      }
+      return toValidate()
+    }
+  })
+}
+
+async function travelConfig(configs, cb) {
+  let travseConfigs = Array.isArray(configs) ? configs : [configs]
+  let currentConfig = null
+  while(travseConfigs.length) {
+    currentConfig = travseConfigs.shift()
+    try {
+      await cb?.(currentConfig)
+    } catch (error) {
+      return false   
+    }
+    if (isCycleConfig(currentConfig)) {
+      (currentConfig.multiPmPageMetaList || []).forEach(pmPageMetaList => {
+        [].push.apply(travseConfigs, pmPageMetaList)
+      })
+    } else if (currentConfig?.pmPageMetaList?.length) {
+      [].push.apply(travseConfigs, currentConfig.pmPageMetaList)
+    }
+  }
+  return true
+}