resolver-egretimp-plus 0.1.123 → 0.1.124

package/package.json

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

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

@@ -20,6 +20,7 @@
     </template>
     <ElRow>
       <Renderer
+        v-if="isLoaded($index)"
         :mode="generateModel({
           data: modelValue?.[$index],
           index: $index,
@@ -128,6 +129,15 @@ if (!OPEN_DATA_RULES) {
   })
 }
 
+const isLoaded = computed(() => {
+  return (index) => {
+    if (OPEN_DATA_RULES) {
+      return props?.config?.parent?._loadedNames?.includes(`${props.config?.metaCode}-${index}`)
+    }
+    return true
+  }
+})
+
 // 自定义渲染label方法
 const labelRenderContentFn = computed(() => {
   if (props.config?.labelRender && typeof props.config?.labelRender == 'function') {

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

@@ -6,6 +6,7 @@
     </template>
     <ElRow>
       <Renderer
+        v-if="isLoaded"
         :mode="generateModel({
             data: props.refValue.value,
             index: 0,
@@ -27,6 +28,7 @@ import { computed, inject, useAttrs, useSlots } from 'vue'
 import { commonPropsType } from '../../utils/index.js'
 import { TabPane } from '../tabs'
 import { h } from 'vue'
+import { OPEN_DATA_RULES } from '../../config.js'
 
 const slots = useSlots()
 const props = defineProps({
@@ -64,6 +66,13 @@ const tabPaneProps = computed(() => {
   return ret
 })
 
+const isLoaded = computed(() => {
+  if (OPEN_DATA_RULES) {
+    return props?.config?.parent?._loadedNames?.includes(props.config?.metaCode)
+  }
+  return true
+})
+
 // 自定义渲染label方法
 const labelRenderContent = computed(() => {
   const context = props.config?.labelRender?.(getLableRenderParams())
@@ -73,6 +82,7 @@ const labelRenderContent = computed(() => {
     return context
   }
 })
+
 function getLableRenderParams() {
   return {
     config: props.config,

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

@@ -12,6 +12,8 @@ import Tabs from '../tabs'
 import Renderer from '../../renderer.jsx'
 import { computed, useAttrs, useSlots } from 'vue'
 import { commonPropsType, hasOwn } from '../../utils/index.js'
+import { watch } from 'vue'
+import { OPEN_DATA_RULES } from '../../config.js'
 
 // import * as lib from 'element-plus/es/utils/index.mjs'
 
@@ -114,6 +116,17 @@ const tabsClass = computed(() => {
   }
 })
 
+if (OPEN_DATA_RULES) {
+  watch(activeNames, (val) => {
+    !props.config._loadedNames && (props.config._loadedNames = [])
+    if (!props.config._loadedNames.some(name => name === val)) {
+      props.config._loadedNames.push(val)
+    }
+  }, {
+    immediate: true
+  })
+}
+
 function assertMetaType(config, metaType) {
   return config.renderby === metaType || config.metaType === metaType
 }

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, extend, getPathVal, cloneDeep, generateUniqueId} from './common.js'
-import { resolveComponent, inject, watch, unref, markRaw, reactive } from 'vue'
+import { resolveComponent, inject, watch, unref, markRaw, reactive, h, toRaw } from 'vue'
 import CustomComponentColH5 from '../components/packages-H5/CustomComponentColH5.vue'
 import {
   commonPropsType,
@@ -36,7 +36,6 @@ import infoIcon from '../components/icons/info.vue'
 import { dispatchClickEvent, dispatchClickEvents, getTableConfig } from '../components/helper/eventOrchestration.js'
 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'
 import { useVmodels } from '../hooks/reactive.js'
@@ -253,8 +252,9 @@ export function normalConfig({
     hireRelat,
     parent: null, // 这个是执行过程中，动态获取的
   }
-
-  if (OPEN_DATA_RULES) {
+  if (!OPEN_DATA_RULES) {
+    extendNativeObj.dynamicHireRelat = ''
+  } else {
     if (changeConfig) {
       // 设置multiPmPageMetaList的时候，如果数组变了，如果数组中的值变换了位置，需要对dynamicMapComp设置正确的映射
       correctConfigDynamicMap(dynamicMapComp, dynamicHireRelat)
@@ -324,7 +324,7 @@ export function normalConfig({
     }
 
     mapComp[hireRelat] = pageConfig
-    parsePolyfillConfigs({ polyfillConfigs, instance, parentRootValue, parentDynamicMapComp }, pageConfig)
+    parsePolyfillConfigs({ polyfillConfigs, instance, parentRootValue, parentDynamicMapComp }, toRaw(pageConfig))
   }
   
   if (!OPEN_DATA_RULES) {
@@ -423,7 +423,7 @@ export function normalConfig({
                 return retColumnConfigs
               }
             })
-            config.multiPmPageMetaList = reactive(pageMetaList)
+            config.multiPmPageMetaList = pageMetaList
             cbFns.forEach(cb => cb())
             
             const mapKeys = config._rowColumnConfgsMap.keys()