resolver-egretimp-plus 0.0.4

package/src/index.jsx

@@ -0,0 +1,140 @@
+import { provide, toRef, watch, computed, ref, defineExpose, reactive, getCurrentInstance } from "vue"
+import Renderer from './renderer.jsx'
+// import './style/index.scss'
+import { usePageConfig } from './hooks/pageConfig'
+import { toValidate } from './utils/valid.js'
+import { MODE } from "./utils/const.js"
+import { generateRequester } from "./utils/request.js"
+
+export default {
+  name: 'Resolver',
+  props: {
+    // 传入的自定义组件
+    components: {
+      type: Object,
+      default: () => ({})
+    },
+    // 当前模式；操作：operate（默认）、详情：detail、日志：log
+    mode: {
+      type: String,
+      default: MODE.OPERATE, // 操作：operate（默认）、详情：detail、日志：log
+    },
+    config: {
+      type: [Object],
+      default: () => null
+    },
+    // 下拉所需要用到的枚举值
+    selects: {
+      type: Object,
+      default: () => ({})
+    },
+    // 这个组件通过v-model进行数据的绑定
+    modelValue: {
+      // type: [String, Number, Object],
+      default: null
+    },
+    // 是否可以开始执行规则初始化
+    dataLoad: {
+      type: Boolean,
+      default: false
+    },
+    // 按钮的工作集合
+    buttonActions: {
+      type: Object,
+      default: () => ({})
+    },
+    lang: {
+      type: String,
+      default: 'zh'
+    },
+    // 请求方法的实列
+    axiosInstance: {
+      type: [Object, Function],
+      default: () => null
+    },
+    // config的额外属性配置
+    polyfillConfigs: {
+      type: Object,
+      default: () => ({})
+    },
+    // 输入弹框组件中弹框中的组件
+    dialogComponents: {
+      type: Object,
+      default: () => ({})
+    },
+    axiosConfig: {
+      type: Object,
+      default: null
+    },
+    isH5: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, { emit, attrs, expose }) {
+    let axiosInstance = ref(props.axiosInstance)
+    watch(() => {
+      return props.axiosConfig
+    }, (val) => {
+      if (val) {
+        axiosInstance.value = generateRequester(val)
+      } else {
+        axiosInstance.value = props.axiosInstance
+      }
+    }, {
+      immediate: true
+    })
+    const instance = getCurrentInstance()
+    const { initPageConfig, pageConfigRef, mapCompRef, hireRelatMapRulesRef } = usePageConfig()
+    initPageConfig(props.config, props.lang, props.polyfillConfigs, instance, props.isH5)
+
+    watch(toRef(props, 'config'), () => {
+      initPageConfig(props.config, props.lang, props.polyfillConfigs, instance, props.isH5)
+    })
+    provide('pageConfig', pageConfigRef)
+    const dynamicMapComp = reactive({})
+    provide('_axiosInstance', axiosInstance)
+    provide('dynamicMapComp', dynamicMapComp)
+    provide('_mapComp', mapCompRef)
+    provide('hireRelatMapRules', hireRelatMapRulesRef) // 组件对应的规则集合
+
+    provide('buttonActions', props.buttonActions)
+    provide('components', toRef(props, 'components'))
+    provide('selects', toRef(props, 'selects'))
+    provide('rootValue', toRef(props, 'modelValue')) // 绑定进入的跟数据
+    provide('lang', toRef(props, 'lang'))
+    provide('dataLoad', toRef(props, 'dataLoad')) // 是否可以开始执行规则初始化
+    provide('dialogComponents', props.dialogComponents) // 是否可以开始执行规则初始化
+    provide('_isH5', toRef(props, 'isH5')) // 是否是H5配置
+
+    const rootForm = ref(null)
+    provide('rootForm', rootForm)
+
+    const validate = (cb) => {
+      toValidate(rootForm, cb, dynamicMapComp)
+    }
+    expose({
+      dynamicMapComp,
+      validate,
+      pageConfig: pageConfigRef,
+      rootForm
+    })
+
+    const modelValue = computed({
+      get() {
+        return props.modelValue
+      },
+      set(val) {
+        emit('update:modelValue', val)
+      }
+    })
+    return () => {
+      if (!pageConfigRef.value) {
+        return null
+      }
+      return (
+        <Renderer {...attrs} mode={props.mode} v-model={modelValue.value} config={pageConfigRef.value}></Renderer>
+      )
+    }
+  }
+}

package/src/renderer.jsx

@@ -0,0 +1,68 @@
+import { inject, ref, computed, provide, isReactive } from 'vue'
+import { DISPLAY_SHOW, getComponentForConfig, generateLayoutPolyfill, isPlainObject, hasOwn, calcDisable, DISPLAY_HIDDEN } from './utils/index.js'
+import AnalysisComponent from './analysisComponent.jsx'
+
+export default {
+  name: 'Renderer',
+  inheritAttrs: false,
+  props: {
+    config: {
+      type: [Object, Array],
+      default: () => null
+    },
+    // 这个组件通过v-model进行数据的绑定
+    modelValue: {
+      // type: [String, Number, Object],
+      default: null
+    },
+    // 如果是表格中列的组件，会传入行数据，{row, $index}
+    rowScope: {
+      type: [Object],
+      default: () => null
+    },
+    // 当前模式；操作：operate（默认）、详情：detail、日志：log
+    mode: {
+      type: String,
+      default: '', // 操作：operate（默认）、详情：detail、日志：log
+    },
+    additionConfigs: {
+      type: Array,
+      default: () => []
+    },
+  },
+  emits: ['update:modelValue'],
+  setup(props, { emit, attrs }) {
+    const modelValue = computed({
+      get() {
+        return props.modelValue
+      },
+      set(val) {
+        emit('update:modelValue', val)
+      }
+    })
+    const _isH5 = inject('_isH5')
+    const injectMode = inject('injectMode', '')
+    const mode = props.mode || injectMode
+    provide('injectMode', mode)
+    
+    return () => {
+      const configs = (Array.isArray(props.config) ? props.config : [props.config])
+      if (!configs) return null
+      if (!configs.length) return null
+      // 根据配置获取到对应的组件
+      return configs.map(config => {
+        if (config?.displayType == DISPLAY_HIDDEN) {
+          return null
+        }
+        const disabled = calcDisable(config, mode)
+        const component = getComponentForConfig(config, disabled, _isH5?.value)
+        if (component) {
+          const layoutPolyfill = generateLayoutPolyfill(config, disabled, _isH5?.value) // // 生成布局框（col）的辅助函数
+          return layoutPolyfill(
+            <AnalysisComponent additionConfigs={props.additionConfigs} key={`${config.metaId}-${config.rowIndex}`} component={component} config={config} {...attrs} mode={mode} rowScope={props.rowScope} v-model={modelValue.value}></AnalysisComponent>
+          )
+        }
+      })
+    }
+  }
+}

package/src/rules/eventsSupplement.js

@@ -0,0 +1,439 @@
+/**
+ * event：
+ * {
+ *   "targetEventId":"1001",
+ *   "relId":"100000000000005",
+ *   "eventId":"0",
+ *   "eventCode":null,
+ *   "actionType":"0",
+ *   "targetObj":"xiangmuxinxi->CustomerName",
+ *   "targetObjVal":null,
+ *   "targetMsg":null,
+ *   "targetMsgEn":null,
+ *   "state":"1",
+ *   "createTime":"2023-04-13 19:32:01",
+ *   "createOperId":"72523",
+ *   "updateTime":"2023-04-13 19:32:01",
+ *   "updateOperId":"72523"
+ * }
+ */
+/* eslint-disable */
+import { 
+  getConfigValue,
+  getCurrentComp,
+  greaterThan,
+  setFormVal,
+  lessThan
+} from './ruleUtils'
+import { ARG_FLAGS, MULTI_PAGE_META_LIST_TYPES } from '../utils/const'
+
+// import { commModal } from '../../../common/components/cmi/components/comm-modal-tip/index'
+import { formatDate, hasOwn, isPlainObject, parseExtendAttr } from '../utils/index';
+const valArrTypes = [...MULTI_PAGE_META_LIST_TYPES]
+const valBooleanTypes = []
+
+const eventsMap = {
+  0: 'setHidden',
+  1: 'setRequired',
+  2: 'setDisable',
+  3: 'setClear',
+  4: 'setDefaultValue',
+  5: 'limitDataRange',
+  6: 'setPopup',
+  7: 'openThePage',
+  8: 'setShow',
+  9: 'setNoRequired',
+  10: 'setNoDisable',
+  11: 'setDisableNotEffect',
+  12: 'setRequiredNotEffect',
+  13: 'setNoRequiredNotEffect',
+  14: 'setNoDisableNotEffect',
+  16: 'setProps'
+}
+const allInitEvents = {
+  setDefaultValue(event, isInit, tabpanelCode) {
+    const { targetObj: target, targetObjVal } = event
+    if (!target) return
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    let val = ''
+    try {
+      val = JSON.parse(targetObjVal)
+    } catch (err) {
+      val = targetObjVal
+    }
+    if (typeof val === 'number') {
+      val = `${val}`
+    }
+    if (val === ARG_FLAGS.REF_VAL) {
+      const { config } = this
+      val = config?.bindValue
+    }  else {
+      const _absoluteTarget = /^_absoluteTarget:(.+)$/
+      const matchs = val.match(_absoluteTarget)
+      if (typeof val === 'string' && matchs?.[1]) {
+        const { dynamicMapComp } = this
+        const targetConfig = dynamicMapComp?.[matchs[1]]
+        val = targetConfig?.bindValue || ''
+      } else {
+        const curVal = getConfigValue.call(this, targetObj, true)
+        if (curVal || curVal == '0') {
+          val = curVal
+        }
+      }
+    }
+    setFormVal.call(this, targetObj, val)
+  },
+  setClear(event, isInit, tabpanelCode) {
+    if (isInit) {
+      return
+    }
+    const { targetObj: target } = event
+    if (!target) return
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    const configs = getCurrentComp.call(this, targetObj)
+    configs.forEach(labelInfo => {
+      if (!labelInfo) return
+      let val = ''
+      if (valArrTypes.includes(labelInfo.labelType)) {
+        val = []
+      }
+      if (valBooleanTypes.includes(labelInfo.labelType)) {
+        val = false
+      }
+      hasOwn(labelInfo, 'refValue') && (labelInfo.refValue = val)
+    })
+  },
+  setDisable(event, isInit, tabpanelCode) {
+    const { targetObj: target } = event
+    if (!target) return
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    const configs = getCurrentComp.call(this, targetObj)
+    configs.forEach(labelInfo => {
+      labelInfo && (labelInfo.editFlag = '0')
+    })
+    // 有的事件在不满足条件的情况下，需要进行恢复
+    return () => {
+      configs.forEach(labelInfo => {
+        labelInfo && (labelInfo.editFlag = '1')
+      })
+    }
+  },
+  setDisableNotEffect(event, isInit, tabpanelCode) {
+    const { targetObj: target } = event
+    if (!target) return
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    const configs = getCurrentComp.call(this, targetObj)
+    const oldEditFlags = []
+    configs.forEach(labelInfo => {
+      const oldEditFlag = labelInfo && labelInfo.editFlag
+      oldEditFlags.push(oldEditFlag)
+      labelInfo && (labelInfo.editFlag = '0')
+    })
+    // 有的事件在不满足条件的情况下，需要进行恢复
+    return () => {
+      configs.forEach((labelInfo, idx) => {
+        const oldEditFlag = oldEditFlags[idx]
+        labelInfo && (labelInfo.editFlag = oldEditFlag)
+      })
+    }
+  },
+  setRequired(event, isInit, tabpanelCode) {
+    const { targetObj: target } = event
+    if (!target) return
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    const configs = getCurrentComp.call(this, targetObj)
+    configs.forEach(labelInfo => {
+      labelInfo && (labelInfo.requiredFlag = '1')
+      labelInfo && labelInfo.refConfig && (labelInfo.refConfig.requiredFlag = '1')
+
+    })
+    // 有的事件在不满足条件的情况下，需要进行恢复
+    return () => {
+      configs.forEach(labelInfo => {
+        labelInfo && (labelInfo.requiredFlag = '0')
+        labelInfo && labelInfo.refConfig && (labelInfo.refConfig.requiredFlag = '0')
+      })
+    }
+  },
+  setRequiredNotEffect(event, isInit, tabpanelCode) {
+    const { targetObj: target } = event
+    if (!target) return
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    const configs = getCurrentComp.call(this, targetObj)
+
+    const oldRequiredFlags = []
+    configs.forEach(labelInfo => {
+      const oldRequiredFlag = labelInfo && labelInfo.requiredFlag
+      oldRequiredFlags.push(oldRequiredFlag)
+      labelInfo && (labelInfo.requiredFlag = '1')
+      labelInfo && labelInfo.refConfig && (labelInfo.refConfig.requiredFlag = '1')
+    })
+    // 有的事件在不满足条件的情况下，需要进行恢复
+    return () => {
+      configs.forEach((labelInfo, idx) => {
+        const oldRequiredFlag = oldRequiredFlags[idx]
+        labelInfo && (labelInfo.requiredFlag = oldRequiredFlag)
+        labelInfo && labelInfo.refConfig && (labelInfo.refConfig.requiredFlag = oldRequiredFlag)
+      })
+    }
+  },
+  setHidden(event, isInit, tabpanelCode) {
+    const { targetObj: target } = event
+    if (!target) return
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    const configs = getCurrentComp.call(this, targetObj)
+    // const oldDisplayTypes = []
+    // 隐藏的效果需要晚点触发，才能正常执行清空等一些列需要组件操作
+    setTimeout(() => {
+      configs.forEach(labelInfo => {
+        // const oldDisplayType = labelInfo && labelInfo.displayType
+        // oldDisplayTypes.push(oldDisplayType)
+        labelInfo && (labelInfo.displayType = '0')
+        labelInfo && labelInfo.refConfig && (labelInfo.refConfig.displayType = '0')
+      })
+    }, 0)
+    
+    // 有的事件在不满足条件的情况下，需要进行恢复
+    return () => {
+      configs.forEach((labelInfo, idx) => {
+        // const oldDisplayType = oldDisplayTypes[idx]
+        labelInfo && (labelInfo.displayType = '1')
+        labelInfo && labelInfo.refConfig && (labelInfo.refConfig.displayType = '1')
+      })
+    }
+  },
+  setShow(event, isInit, tabpanelCode, rule) {
+    const { targetObj: target } = event
+    if (!target) return
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    // if (target.indexOf('isSpecialPriceingApproval') > -1) {
+    //   console.log('rule===:', rule)
+    //   debugger
+    // }
+    const configs = getCurrentComp.call(this, targetObj)
+    // const oldDisplayTypes = []
+    // if (target.indexOf('amountBilled') > -1) {
+    //   debugger
+    // }
+    configs.forEach((labelInfo) => {
+      // const oldDisplayType = labelInfo && labelInfo.displayType
+      // oldDisplayTypes.push(oldDisplayType)
+      labelInfo && (labelInfo.displayType = '1')
+      labelInfo && labelInfo.refConfig && (labelInfo.refConfig.displayType = '1')
+    })
+    // 有的事件在不满足条件的情况下，需要进行恢复
+    return () => {
+      // 隐藏的效果需要晚点触发，才能正常执行清空等一些列需要组件操作
+      return setTimeout(() => {
+        // if (target.indexOf('isSpecialPriceingApproval') > -1) {
+        //   console.log('rule===:', rule)
+        //   debugger
+        // }
+        configs.forEach((labelInfo, idx) => {
+          // const oldDisplayType = oldDisplayTypes[idx]
+          labelInfo && (labelInfo.displayType = '0')
+          labelInfo && labelInfo.refConfig && (labelInfo.refConfig.displayType = '0')
+        })
+      }, 0)
+    }
+  },
+  setNoRequired(event, isInit, tabpanelCode) {
+    const { targetObj: target } = event
+    if (!target) return
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    const configs = getCurrentComp.call(this, targetObj)
+
+    const callFns = []
+    configs.forEach(labelInfo => {
+      if (labelInfo && labelInfo.requiredFlag != '0') {
+        labelInfo && (labelInfo.requiredFlag = '0')
+        // 有的事件在不满足条件的情况下，需要进行恢复
+        callFns.push(() => {
+          labelInfo && (labelInfo.requiredFlag = '1')
+        })
+      }
+    })
+    return () => {
+      callFns.forEach(fn => fn())
+    }
+  },
+  setNoRequiredNotEffect(event, isInit, tabpanelCode) {
+    const { targetObj: target } = event
+    if (!target) return
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    const configs = getCurrentComp.call(this, targetObj)
+
+    const oldRequiredFlags = []
+    configs.forEach(labelInfo => {
+      const oldRequiredFlag = labelInfo && labelInfo.requiredFlag
+      oldRequiredFlags.push(oldRequiredFlag)
+      labelInfo && (labelInfo.requiredFlag = '0')
+    })
+    
+    // 有的事件在不满足条件的情况下，需要进行恢复
+    return () => {
+      configs.forEach((labelInfo, idx) => {
+        const oldRequiredFlag = oldRequiredFlags[idx]
+        labelInfo && (labelInfo.requiredFlag = oldRequiredFlag)
+      })
+    }
+  },
+  setNoDisable(event, isInit, tabpanelCode) {
+    const { targetObj: target } = event
+    if (!target) return
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    const configs = getCurrentComp.call(this, targetObj)
+    configs.forEach((labelInfo) => {
+      labelInfo && (labelInfo.editFlag = '1')
+    })
+    // 有的事件在不满足条件的情况下，需要进行恢复
+    return () => {
+      configs.forEach((labelInfo) => {
+        labelInfo && (labelInfo.editFlag = '0')
+      })
+    }
+  },
+  setNoDisableNotEffect(event, isInit, tabpanelCode) {
+    const { targetObj: target } = event
+    if (!target) return
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    const configs = getCurrentComp.call(this, targetObj)
+    const oldEditFlags = []
+    configs.forEach((labelInfo) => {
+      const oldEditFlag = labelInfo && labelInfo.editFlag
+      oldEditFlags.push(oldEditFlag)
+      labelInfo && (labelInfo.editFlag = '1')
+    })
+    
+    // 有的事件在不满足条件的情况下，需要进行恢复
+    return () => {
+      configs.forEach((labelInfo, idx) => {
+        const oldEditFlag = oldEditFlags[idx]
+        labelInfo && (labelInfo.editFlag = oldEditFlag)
+      })
+    }
+  },
+  limitDataRange(event, isInit, tabpanelCode) {
+    const { targetObj: target, targetObjVal = '' } = event
+    if (!target) return
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    const range = targetObjVal.split('~')
+    if (range && range.length) {
+      const min = range[0]
+      const max = range[1]
+      const currentVal = getConfigValue.call(this, targetObj, true)
+      if (min && lessThan(currentVal, min)) {
+        setFormVal.call(this, targetObj, min)
+      }
+      if (max && greaterThan(currentVal, max)) {
+        setFormVal.call(this, targetObj, max)
+      }
+    }
+  },
+  setPopup(event, isInit, tabpanelCode) {
+    const { targetMsg, targetMsgEn } = event
+    const msg = this.lang.value.indexOf('zh') > -1 ? targetMsg : targetMsgEn
+    this.$alert(msg, '', {
+      showCancelButton: false,
+    });
+    // commModal({
+      // msg: storage.get('aid-language').indexOf('zh') !== -1 ? targetMsg : targetMsgEn
+    // })
+    // document && document.body && document.body.click()
+  },
+  openThePage(event, isInit, tabpanelCode) {
+    const { targetObjVal } = event
+    if (targetObjVal) {
+      window.open(targetObjVal, '_blank')
+    }
+  },
+  setProps(event, isInit, tabpanelCode, rule) {
+    const { targetObj: target, targetObjVal } = event
+    if (!target) return
+
+    const targetObj = `${tabpanelCode ? tabpanelCode + '->' : ''}${target}`
+    const { config } = this
+    let val = ''
+    try {
+      val = parseExtendAttr(
+        {
+          extendAttr: targetObjVal,
+          metaCode: `event setPorps code:${config.metaCode}`
+        },
+        config?.bindValue
+      )
+    } catch (err) {
+      val = ''
+    }
+    if (!isPlainObject(val)) return
+
+    const configs = getCurrentComp.call(this, targetObj)
+    const oldPorpsList = []
+    const porpsKeys = Object.keys(val)
+    // if (target.indexOf('amountBilled') > -1) {
+    //   debugger
+    // }
+    configs.forEach((labelInfo) => {
+      let updateFlag = false
+      const oldProps = {}
+      if (!labelInfo) return
+      porpsKeys.forEach(key => {
+        oldProps[key] = labelInfo[key]
+        if (!hasOwn(labelInfo, key)) {
+          // 如果有一个属性没有，就需要更新下组件，防止渲染不及时
+          updateFlag = true
+        }
+        if ((typeof val[key]) === 'string') {
+          const { config } = this
+          const bindValue = config?.bindValue
+          labelInfo[key] = val[key].replace(/\{([^}]+)\}/g, (originVal, matchVal) => {
+            if (matchVal.trimEnd().trimStart() === ARG_FLAGS.REF_VAL) {
+              return bindValue
+            }
+            if (matchVal.trimEnd().trimStart() === ARG_FLAGS.CURRENT_DATE) {
+              return formatDate(new Date(), 'yyyy-MM-dd')
+            }
+            return originVal
+          })
+        } else {
+          labelInfo[key] = val[key]
+        }
+      })
+      oldPorpsList.push(oldProps)
+      if (updateFlag) {
+        labelInfo?.wrapVm?.ctx?.$forceUpdate?.()
+      }
+    })
+    // 有的事件在不满足条件的情况下，需要进行恢复
+    return () => {
+      // 需要晚点触发，才能正常执行清空等一些列需要组件操作
+      return setTimeout(() => {
+        configs.forEach((labelInfo, idx) => {
+          const oldProps = oldPorpsList[idx]
+          if (!labelInfo) return
+          porpsKeys.forEach(key => {
+            labelInfo[key] = oldProps[key]
+          })
+        })
+      }, 0)
+    }
+  },
+}
+
+
+export default allInitEvents
+
+export function runEvent(events, isInit, tabpanelCode, rule) {
+  events = events || []
+  return events.map(event => {
+    const { eventId } = event
+    const eventCode = eventsMap[eventId]
+    // const { eventCode } = event
+    return allInitEvents[eventCode] && allInitEvents[eventCode].call(this, event, isInit, tabpanelCode, rule)
+    // return {
+    //   eventId,
+    //   cb: allInitEvents[eventCode] && allInitEvents[eventCode].call(this, event)
+    // }
+  })
+}
+