resolver-egretimp-plus 0.1.110 → 0.1.111

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "resolver-egretimp-plus",
-  "version": "0.1.110",
+  "version": "0.1.111",
   "description": "交付体验渲染",
   "main": "./dist/web/index.js",
   "module": "./dist/web/index.js",

package/src/components/helper/FormPolyfill.jsx

@@ -0,0 +1,25 @@
+import { formContextKey } from "element-plus"
+import { inject } from "vue"
+
+export default {
+  name: 'FormPolyfill',
+  props: {
+    form: Object
+  },
+  setup(props, { slots }) {
+    const formContext = inject(formContextKey, undefined)
+    formContext.removeField = (field) => {
+      const fields = props.form?.fields
+      if (field.prop && fields) {
+        const idx = fields.indexOf(field)
+        if (idx !== -1) {
+          fields.splice(idx, 1)
+        }
+      }
+    }
+
+    return () => {
+      return slots?.default?.() || null
+    }
+  }
+}

package/src/components/helper/table.jsx

@@ -27,44 +27,70 @@ export async function tableValidate({
   lang,
   rootValue,
   dynamicMapComp,
-  messageInstance
+  messageInstance,
+  isFrontPage,
+  page
 }) {
+  // 如果没有开启前端分页功能，不需进行表格校验处理
+  if (!isFrontPage) {
+    return true
+  }
   const multiPmPageMetaList = props.config.multiPmPageMetaList || []
   const list = (data || [])
+  const currentStart = (page.pageNum - 1) * page.pageSize
+  const currentEnd = page.pageNum * page.pageSize
   for (let index = 0; index < list.length; index++) {
-    const row = list[index];
-    const configColumns = multiPmPageMetaList[index]
-    const rowScope = {row, $index: index}
-    for (let j = 0; j < configColumns.length; j++) {
-      const columnConfig = configColumns[j];
-      const renderProps = getItemRenderProps(columnConfig, props, rowScope)
-      const params = {
-        lang,
-        rootValue,
-        dynamicMapComp,
-        props: renderProps,
-        messageInstance
-      }
-      const compProps = {
-        disabled: calcDisable(columnConfig, props.mode)
+    if (index < currentStart || index >= currentEnd) {
+      const row = list[index];
+      const configColumns = multiPmPageMetaList[index] || multiPmPageMetaList[index % page.pageSize]
+      const rowScope = {row, $index: index}
+      for (let j = 0; j < configColumns.length; j++) {
+        const columnConfig = configColumns[j];
+        const renderProps = getItemRenderProps(columnConfig, props, rowScope)
+        const params = {
+          lang,
+          rootValue,
+          dynamicMapComp,
+          props: renderProps,
+          messageInstance
+        }
+        const compProps = {
+          disabled: calcDisable(columnConfig, props.mode)
+        }
+        const rules = getFormItemRule(columnConfig, lang, params, compProps, true)
+        const validator = new AsyncValidator({
+          [columnConfig.dynamicHireRelat]: rules
+        })
+        
+        async function toValidate() {
+          try {
+            await validator.validate({[columnConfig.dynamicHireRelat]: row[columnConfig.metaCode]})
+          } catch (error) {
+            return new Promise((resolve, inject) => {
+              setTimeout(() => {
+                let failPageNum = 0
+                if (index) {
+                  failPageNum = parseInt((index + 1) / page.pageSize)
+                  if ((index + 1) % page.pageSize) {
+                    failPageNum ++
+                  }
+                }
+                page.pageNum = failPageNum
+                inject({})
+              });
+            })
+          }
+          return true
+        }
+        await toValidate()
       }
-      const rules = getFormItemRule(columnConfig, lang, params, compProps)
-      const validator = new AsyncValidator({
-        [props.config.metaCode]: rules
-        // validator: (rule, value, callback) => {
-        //   callback(new Error('test error'))
-        //   return
-        // }
-      })
-      const a = await validator.validate({[columnConfig.metaCode]: row[columnConfig.metaCode]})
-      debugger
     }
   }
-  
+  return true
 }
 
 function getItemRenderProps(itemConfig, tableProps, rowScope) {
-  const {row } = rowScope
+  const { row } = rowScope
   return {
     config: itemConfig,
     modelValue: row[itemConfig.metaCode],

package/src/components/packages-web/CustomComponentFormLayout.vue

@@ -1,15 +1,17 @@
 <template>
   <ElForm v-bind="formProps" :ref="refFn" :model="props.modelValue">
-    <ElRow v-bind="rowProps">
-      <Renderer :config="pmPageMetaList" v-model="val"></Renderer>
-    </ElRow>
+    <FormPolyfill :form="rootForm">
+      <ElRow v-bind="rowProps">
+        <Renderer :config="pmPageMetaList" v-model="val"></Renderer>
+      </ElRow>
+    </FormPolyfill>
   </ElForm>
 </template>
 <script setup>
 import Renderer from '../../renderer.jsx'
 import { computed, inject } from "vue"
 import { ElForm, ElRow } from 'element-plus'
-
+import FormPolyfill from '../helper/FormPolyfill.jsx'
 
 const emits = defineEmits(['update:modelValue'])
 const props = defineProps({

package/src/components/packages-web/CustomComponentTable.jsx

@@ -36,9 +36,9 @@ export default {
     const isFrontPage = computed(() => {
       return props.config?.frontPageFlag == '1'
     })
-    // 是否配置分页功能     ====== start======
+    // 是否开启分页功能     ====== start======
     const pageable = computed(() => {
-      return props.config?.pageable == '1'
+      return isFrontPage.value || props.config?.pageable == '1'
     })
     // 分页器布局模式
     const pageAlign = computed(() => {
@@ -554,22 +554,20 @@ export default {
     }, {})
 
     function validate() {
-      // lang,
-      // rootValue,
-      // dynamicMapComp,
-      // props,
-      // messageInstance: messageInstance?.value
       return tableValidate({
         props,
         data: unref(modelValue),
-        lang,
+        lang: unref(lang),
         rootValue,
         dynamicMapComp,
-        messageInstance: messageInstance?.value
+        messageInstance: messageInstance?.value,
+        isFrontPage: unref(isFrontPage),
+        page,
       })
     }
 
     const context = reactive({
+      prop: props.config.dynamicHireRelat,
       // ...toRefs(props),
       // $el: formItemRef,
       // size: _size,
@@ -586,7 +584,7 @@ export default {
       validate,
     })
     onMounted(() => {
-      // formContext?.addField(context)
+      formContext?.addField(context)
     })
 
     // 是否配置分页功能     ====== end======

package/src/utils/render.jsx

@@ -417,6 +417,7 @@ export function getComponentForConfig({messageInstance, config, disabled, getNat
   if (config.isCustom) {
     return () => loadModule(generateVuePath(config.fileId), loadModuleCache, messageInstance)
   }
+  
   // 表格中中的列，是否需要转换为普通形式
   if (isPlainColumn(config, disabled)) {
     return CustomComponentPlain
@@ -809,7 +810,7 @@ function getFormItemExtendProps(config, lang, params, compProps) {
   }
 }
 
-export function getFormItemRule(config, lang, params, compProps) {
+export function getFormItemRule(config, lang, params, compProps, fromCustValid) {
   const required = config.requiredFlag == '1'
   const onlyRequiredFlag = config.onlyRequiredFlag
   let trigger = ['blur', 'change']
@@ -828,7 +829,10 @@ export function getFormItemRule(config, lang, params, compProps) {
         callback()
         return
       }
-      const val = config?.refValue
+      let val = config?.refValue
+      if (fromCustValid) {
+        val = value
+      }
       const message = lang.indexOf('zh') > -1 ? `${config.metaNameZh || ''}不能为空` : `${config.metaNameEn || ''} can not be empty`
       if (!onlyRequiredFlag && required) {
         if (val === '' || val === null || val === undefined || (Array.isArray(val) && !val.length)) {
@@ -879,6 +883,9 @@ export function getFormItemRule(config, lang, params, compProps) {
           return
         }
         const bingdValue = config?.refValue
+        if (fromCustValid) {
+          val = value
+        }
         const val = (bingdValue === null || bingdValue === undefined) ? '' : bingdValue
         if (!val) callback() // 为空不进行正则校验
         for (let i = 0; i < regexPattern.length; i++) {