resolver-egretimp-plus 0.1.119 → 0.1.121

package/src/utils/render.jsx

@@ -1,7 +1,7 @@
 import { getCodeMapRules } from '../rules/rulesDriver.js'
 import SimpleFormItemPc from '../components/simpleFormItemPc'
-import { resolveAssetComponents, findComponent, compareComponet, normalPixel, isPlainObject, hasOwn, isFnStr, normalCapitalizeComponent, capitalize, camelize, formatDate, definePrivatelyProp} from './common.js'
-import { resolveComponent, inject } from 'vue'
+import { resolveAssetComponents, findComponent, compareComponet, normalPixel, isPlainObject, hasOwn, isFnStr, normalCapitalizeComponent, capitalize, camelize, formatDate, definePrivatelyProp, extend, getPathVal, cloneDeep, generateUniqueId} from './common.js'
+import { resolveComponent, inject, watch, unref, markRaw } from 'vue'
 import CustomComponentColH5 from '../components/packages-H5/CustomComponentColH5.vue'
 import {
   commonPropsType,
@@ -38,6 +38,7 @@ import CmiFormItem from '../components/cmiFormItem'
 import loadModule from './loadModule.js'
 import { h } from 'vue'
 import dayjs from 'dayjs'
+import { OPEN_DATA_RULES } from '../config.js'
 
 export const COFNGI_KEY_EVENT_FLAG = /^on[A-Z]/
 
@@ -101,7 +102,7 @@ export function parseExtendAttr(config, refVal) {
 }
 
 // 目前所有的配置都是在form表单下面，但是现在的配置数据没有form配置项，所有我们自己手动增加
-function generateFormConfig(lang = 'zh', isH5) {
+export function generateFormConfig(lang = 'zh', isH5) {
   return {
     metaType: isH5 ? FORM_META_TYPE_H5 : FORM_META_TYPE,
     displayType: '1',
@@ -124,6 +125,7 @@ export function parsePageConfig({
   route,
   router,
   config, lang, polyfillConfigs, instance, isH5,
+  dynamicMapComp,
   rootValue,
   parentRootValue,
   parentDynamicMapComp,
@@ -132,9 +134,9 @@ export function parsePageConfig({
   messageCb
 }) {
   if (!config) return {}
-  const formConfig = generateFormConfig(lang, isH5)
-  const hireRelatMapRules = getCodeMapRules(config)
-  formConfig.pmPageMetaList = config.pmPageMetaList
+  // const formConfig = generateFormConfig(lang, isH5)
+  const hireRelatMapRules = getCodeMapRules(config._originConfig)
+  // formConfig.pmPageMetaList = config.pmPageMetaList
   const cbs = []
   let { pageConfig, mapComp } = normalConfig({
     requestTraceId,
@@ -145,6 +147,7 @@ export function parsePageConfig({
     router,
     polyfillConfigs,
     instance,
+    dynamicMapComp,
     cbs,
     rootValue,
     axiosInstance,
@@ -152,7 +155,7 @@ export function parsePageConfig({
     messageCb,
     parentRootValue,
     parentDynamicMapComp,
-  }, formConfig)
+  }, config)
   cbs.forEach((cb) => {
     cb()
   })
@@ -176,6 +179,7 @@ export function normalConfig({
   mode,
   polyfillConfigs,
   instance,
+  dynamicMapComp,
   cbs = [],
   rootValue,
   axiosInstance,
@@ -183,10 +187,13 @@ export function normalConfig({
   messageCb,
   parentRootValue,
   parentDynamicMapComp,
-}, config, hireRelat = '', mapComp = {}, needformItem = false) {
+  noParsePageMetaList,
+}, config, hireRelat = '', mapComp = {}, needformItem = false, dynamicHireRelat = '', unWatchsList = []) {
   const metaCode = config.metaCode || ''
   hireRelat += hireRelat ? `->${metaCode}` : metaCode
+  dynamicHireRelat += dynamicHireRelat ? `->${metaCode}` : metaCode
 
+  const originMetaType = config.metaType
   const metaType = normalMetaType(config.metaType)
 
   // 这个对象是不可以被配置进行覆盖
@@ -201,6 +208,14 @@ export function normalConfig({
     parent: null, // 这个是执行过程中，动态获取的
     dynamicHireRelat: '', // 这个也是执行过程中，动态获取的层级
   }
+
+  if (OPEN_DATA_RULES) {
+    extendNativeObj.dynamicHireRelat = dynamicHireRelat
+    dynamicMapComp[dynamicHireRelat] = config
+    // extendNativeObj._rootValue = rootValue
+    definePrivatelyProp(config, '_rootValue', rootValue)
+  }
+
   let extendAttrObj = parseExtendAttr(config)
   let extendObj = {
     removeCol: findComponent(NOT_NEED_COL_ITEM_META_TYPE, extendAttrObj.renderby) !== -1 || findComponent(NOT_NEED_COL_ITEM_META_TYPE, metaType) !== -1,
@@ -213,43 +228,29 @@ export function normalConfig({
   if (findComponent(MULTI_PAGE_META_LIST_TYPES, extendAttrObj.renderby) !== -1 || findComponent(MULTI_PAGE_META_LIST_TYPES, metaType) !== -1) {
     extendObj.multiPmPageMetaList = []
   }
-  // 如果有子项，需要进行递归遍历
-  if (config.pmPageMetaList && config.pmPageMetaList.length) {
-    config.pmPageMetaList = config.pmPageMetaList.map(metaItem => {
-      const { pageConfig } = normalConfig({
-        requestTraceId,
-        dialogReq,
-        lang,
-        mode,
-        cbs,
-        polyfillConfigs,
-        instance,
-        rootValue,
-        axiosInstance,
-        messageInstance ,
-        messageCb,
-        parentRootValue,
-        parentDynamicMapComp,
-      }, metaItem, hireRelat, mapComp, needformItem || [FORM_META_TYPE, FORM_META_TYPE_H5].includes(metaType))
-      return pageConfig
-    })?.sort((a, b) => a.seqNo - b.seqNo)
-  }
-  let pageConfig = {
-    ...extendObj,
-    ...config,
-    ...extendAttrObj,
-    ...extendNativeObj,
-  }
-  if (config.metaType == 'textarea') {
+  // let pageConfig = {
+  //   ...extendObj,
+  //   ...config,
+  //   ...extendAttrObj,
+  //   ...extendNativeObj,
+  // }
+
+  extend(config, extendObj, true)
+  extend(config, extendAttrObj)
+  extend(config, extendNativeObj)
+
+  let pageConfig = config
+
+  if (originMetaType == 'textarea') {
     pageConfig.type = 'textarea'
   }
-  if (config.metaType == 'time-range') {
+  if (originMetaType == 'time-range') {
     pageConfig['isRange'] = true
   }
-  if (config.metaType == 'date-range') {
+  if (originMetaType == 'date-range') {
     pageConfig.type = 'daterange'
   }
-  if (config.metaType == 'card' && !hasOwn(pageConfig, 'needWrap')) {
+  if (originMetaType == 'card' && !hasOwn(pageConfig, 'needWrap')) {
     pageConfig.needWrap = '1'
   }
   // 在详情的情况下，配置组件是否显示
@@ -259,10 +260,8 @@ export function normalConfig({
         extendAttr: typeof pageConfig.detailExtendAttr === 'string' ? pageConfig.detailExtendAttr : JSON.stringify(pageConfig.detailExtendAttr),
         metaCode: `detail-${pageConfig.metaCode}`
       })
-      pageConfig = {
-        ...pageConfig,
-        ...detailExtendAttrObj
-      }
+      extend(pageConfig, detailExtendAttrObj)
+
     }
     pageConfig.hidden = pageConfig.detailHidden || pageConfig.hidden
   }
@@ -273,65 +272,142 @@ export function normalConfig({
         extendAttr: typeof pageConfig.logExtendAttr === 'string' ? pageConfig.logExtendAttr : JSON.stringify(pageConfig.logExtendAttr),
         metaCode: `log-${pageConfig.metaCode}`
       })
-      pageConfig = {
-        ...pageConfig,
-        ...logExtendAttrObj
-      }
+      extend(pageConfig, logExtendAttrObj)
     }
     pageConfig.hidden = pageConfig.logHidden || pageConfig.hidden
   }
 
   mapComp[hireRelat] = pageConfig
   parsePolyfillConfigs({ polyfillConfigs, instance, parentRootValue, parentDynamicMapComp }, pageConfig)
-  // if(pageConfig.lcpPageServiceMapVOList?.length) {
-  //   cbs.push(() => {
-  //     const tabsServices = getTableServices(pageConfig.lcpPageServiceMapVOList, {dynamicMapComp: mapComp, dynamicMapCompKeys: Object.keys(mapComp), hireRelat})
-  //     tabsServices.forEach((({mixinServiceConfig, tableConfig, service}) => {
-  //       const orginCurrentChange = tableConfig.currentChange
-  //       tableConfig.currentChange = (val, props, page) => {
-  //         orginCurrentChange && orginCurrentChange(val, props, page)
-  //         const dynamicMapComp = props.config.dynamicMapComp
-  //         const dynamicMapCompKeys = Object.keys(dynamicMapComp)
-  //         const dynamicHireRelat = props.config.dynamicHireRelat
-  //         dispatchClickEvent(service, {
-  //           requestTraceId,
-  //           dialogReq,
-  //           mixinServiceConfig, 
-  //           lang,
-  //           dynamicMapComp,
-  //           dynamicMapCompKeys,
-  //           dynamicHireRelat,
-  //           rootValue,
-  //           messageCb,
-  //           compConfig: pageConfig,
-  //           axiosInstance,
-  //           messageInstance
-  //         })
-  //       }
-  //       const orginSizeChange = tableConfig.sizeChange
-  //       tableConfig.sizeChange = (val, props, page) => {
-  //         orginSizeChange && orginSizeChange(val, props, page)
-  //         const dynamicMapComp = props.config.dynamicMapComp
-  //         const dynamicMapCompKeys = Object.keys(dynamicMapComp)
-  //         const dynamicHireRelat = props.config.dynamicHireRelat
-  //         dispatchClickEvent(service, {
-  //           requestTraceId,
-  //           dialogReq,
-  //           mixinServiceConfig, 
-  //           lang,
-  //           dynamicMapComp,
-  //           dynamicMapCompKeys,
-  //           dynamicHireRelat,
-  //           rootValue,
-  //           messageCb,
-  //           compConfig: pageConfig,
-  //           axiosInstance,
-  //           messageInstance
-  //         })
-  //       }
-  //     }))
-  //   })
-  // }
+  
+  if (!OPEN_DATA_RULES) {
+    // 如果有子项，需要进行递归遍历
+    if (pageConfig.pmPageMetaList && pageConfig.pmPageMetaList.length) {
+      pageConfig.pmPageMetaList = pageConfig.pmPageMetaList.map(metaItem => {
+        const { pageConfig } = normalConfig({
+          requestTraceId,
+          dialogReq,
+          lang,
+          mode,
+          cbs,
+          polyfillConfigs,
+          instance,
+          dynamicMapComp,
+          rootValue,
+          axiosInstance,
+          messageInstance ,
+          messageCb,
+          parentRootValue,
+          parentDynamicMapComp,
+        }, metaItem, hireRelat, mapComp, needformItem || [FORM_META_TYPE, FORM_META_TYPE_H5].includes(metaType))
+        return pageConfig
+      })?.sort((a, b) => a.seqNo - b.seqNo)
+    }
+  } else {
+    // 如果有子项，需要进行递归遍历
+    if (pageConfig.pmPageMetaList && pageConfig.pmPageMetaList.length && !noParsePageMetaList) {
+      normalPmPageMetaList(pageConfig)
+    }
+  
+    function normalPmPageMetaList(config) {
+      const isCycleFlag = isCycleConfig(config)
+      config.pmPageMetaList = simpleNormalPmPageMetaList(config.pmPageMetaList, dynamicHireRelat, unWatchsList, isCycleFlag)
+
+      definePrivatelyProp(config, '_rowColumnConfgsMap', markRaw(new Map()))
+      config._unPageMetaListWatch?.() // 删除当前的监听
+      if (isCycleFlag) {
+        const currentUnWatchsList = [...unWatchsList]
+        definePrivatelyProp(config, 'multiPmPageMetaList', [])
+
+        // 这边先执行，因为当前的_unWatchs里面只放子级的watch
+        const oldUnWatchsList = [...currentUnWatchsList]
+
+        definePrivatelyProp(config, '_unWatchs', markRaw([]))
+        currentUnWatchsList?.push(config._unWatchs)
+
+        config._unPageMetaListWatch = watch(() => getPathVal(unref(config._rootValue), config.dynamicHireRelat, '->'), (val) => {
+        // config._unPageMetaListWatch = watch(() => config._rootValue?.cycle, (val) => {
+          const list = getPathVal(unref(config._rootValue), config.dynamicHireRelat, '->')
+          if (list && list.length) {
+            config.multiPmPageMetaList = list.map((row, idx) => {
+              const columnsCgs = config._rowColumnConfgsMap.get(row)
+              if (columnsCgs) {
+                columnsCgs.forEach(config => {
+                  config.rowIndex = idx
+                  config.rowScope.$index =idx
+                })
+                return columnsCgs
+              } else {
+                let retColumnConfigs = config.pmPageMetaList.map((itemConfig, relIdx) => {
+                  const ret = cloneDeep(itemConfig)
+                  if (findComponent(['CustomComponentTable'], config.renderby) !== -1 || findComponent(['CustomComponentTable'], config.metaType) !== -1) {
+                    ret.labelHidden = '1'
+                    if (ret.width && !ret.columnWidth) {
+                      ret.columnWidth = ret.width
+                      delete ret.width
+                    }
+                    ret.isColumn = true
+                  }
+                  ret.rowScope = {$index: idx, row}
+                  ret.columnId = generateUniqueId()
+                  ret.rowIndex = idx
+                  definePrivatelyProp(ret, 'refConfig', config.pmPageMetaList?.[relIdx])
+                  definePrivatelyProp(ret, 'parent', config) // 这边手动设置一下，防止组件复用的时候不会刷新，造成parent的丢失
+                  return ret
+                })
+                simpleNormalPmPageMetaList(retColumnConfigs, `${dynamicHireRelat}[${idx}]`, currentUnWatchsList)
+                config._rowColumnConfgsMap.set(row, retColumnConfigs)
+                return retColumnConfigs
+              }
+            })
+            
+            const mapKeys = config._rowColumnConfgsMap.keys()
+            Array.from(mapKeys).forEach(row => {
+              // 如果已经没有对应的数据循环config了，删除子级的PmPageMetaList监听
+              if (!list.some(row2 => row2 === row)) {
+                config._rowColumnConfgsMap.get(row)?.forEach(unWatchConfig => {
+                  unWatchConfig?._unWatchs?.forEach(un => un?.())
+                })
+                config._rowColumnConfgsMap.delete(row)
+              }
+            })
+          }
+        }, {
+          immediate: true,
+          deep: true,
+        })
+
+        oldUnWatchsList?.forEach(list => {
+          list?.push(config._unPageMetaListWatch)
+        })
+      }
+  
+      function simpleNormalPmPageMetaList(pmPageMetaList, dynamicHireRelat, unWatchsList, noParsePageMetaList) {
+        return pmPageMetaList.map(metaItem => {
+          const { pageConfig } = normalConfig({
+            requestTraceId,
+            dialogReq,
+            lang,
+            mode,
+            cbs,
+            polyfillConfigs,
+            instance,
+            dynamicMapComp,
+            rootValue,
+            axiosInstance,
+            messageInstance ,
+            messageCb,
+            parentRootValue,
+            parentDynamicMapComp,
+            noParsePageMetaList,
+          }, metaItem, hireRelat, mapComp, needformItem || [FORM_META_TYPE, FORM_META_TYPE_H5].includes(metaType), dynamicHireRelat, unWatchsList)
+          return pageConfig
+        })?.sort((a, b) => a.seqNo - b.seqNo)
+      }
+    }
+  }
+
+
   return {
     mapComp,
     pageConfig
@@ -420,6 +496,30 @@ export function isPlainColumn(config, disabled) {
   return false
 }
 
+// 判断是否可以显示组件（需要开启数据驱动规则事件的时候）
+export function canHiddenConfig(config) {
+  let retFlag = OPEN_DATA_RULES && config.hidden == '1'
+  if (!retFlag) return false
+
+  let travseConfigs = [config]
+  let currentConfig = null
+  while(travseConfigs.length) {
+    currentConfig = travseConfigs.shift()
+    // 如果子级别中有onVnodeMounted、onMounted中一个有值，就表示需要进行渲染
+    if (config.onVnodeMounted || config.onMounted) {
+      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
+}
+
 export function getComponentForConfig({messageInstance, config, disabled, getNativeComps, loadModuleCache}) {
   if (config.isCustom) {
     return () => loadModule(generateVuePath(config.fileId), loadModuleCache, messageInstance)