resolver-egretimp-plus 0.1.113 → 0.1.115

package/src-bak/utils/render.jsx

@@ -0,0 +1,1138 @@
+import { getCodeMapRules } from '../rules/rulesDriver.js'
+import SimpleFormItemPc from '../components/simpleFormItemPc'
+import { resolveAssetComponents, findComponent, compareComponet, normalPixel, isPlainObject, hasOwn, isFnStr, normalCapitalizeComponent, capitalize, camelize, formatDate, definePrivatelyProp, getPathVal, cloneDeep, generateUniqueId} from './common.js'
+import { resolveComponent, inject, watch, unref } from 'vue'
+import CustomComponentColH5 from '../components/packages-H5/CustomComponentColH5.vue'
+import {
+  commonPropsType,
+  FORM_META_TYPE,
+  FORM_META_TYPE_H5,
+  NOT_NEED_FORM_ITEM_META_TYPE,
+  SPECIAL_SET_FULL_WIDTH_ITEM_META_TYPE,
+  NOT_NEED_COL_ITEM_META_TYPE,
+  MULTI_PAGE_META_LIST_TYPES,
+  REPLACE_PREFIX_FLAG,
+  PREFIX_FLAG,
+  ARG_FLAGS,
+  PLAIN_TYPE_COLUMNS,
+  PLAIN_TYPE_OPTIONS_COLUMNS,
+  META_TYPE_MAP,
+  H5_REPLACE_PREFIX_FLAG,
+  H5_PREFIX_FLAG,
+  PLAIN_TYPE_ALONG_COLUMNS,
+  TRANS_CELL_COMPONETS,
+  MODE,
+  isHidden,
+  CYCLE_COMPONETS
+} from './const.js'
+import { preserveCheck } from './preserveFunc.js'
+import { isArray, isFunction, isString } from './is.js'
+import CustomComponentPlain from '../components/packages-web/CustomComponentPlain.vue'
+// import QuestionFilled from '../components/icons/question-filled.vue'
+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'
+
+export const COFNGI_KEY_EVENT_FLAG = /^on[A-Z]/
+
+// 解析配置中的defStyle属性
+export function parseDefStyle(defStyle) {
+  try {
+    return JSON.parse(defStyle)
+  } catch (error) {
+    return {}
+  }
+}
+
+// 解析extendAttr中方法
+function deepParseFnStr(obj, refVal) {
+  if (isPlainObject(obj) || Array.isArray(obj)) {
+    Object.keys(obj).forEach(key => {
+      if (isPlainObject(obj[key]) || Array.isArray(obj[key])) {
+        deepParseFnStr(obj[key])
+      } else if (isFnStr(obj[key])) {
+        obj[key] = eval(`(${obj[key]})`)
+      } else {
+        if (isString(obj[key])) {
+          if (obj[key] === ARG_FLAGS.REF_VAL) {
+            obj[key] = refVal || ''
+          } else if (obj[key] === ARG_FLAGS.CURRENT_DATE) {
+            obj[key] = formatDate(new Date(), 'yyyy-MM-dd')
+          } else if (obj[key] === ARG_FLAGS.CURRENT_DATE_EXCLUDE) {
+            obj[key] = dayjs(new Date()).add(1, 'day').format('YYYY-MM-DD')
+          } else {
+            const { checked, val } = preserveCheck(key, obj[key])
+            if (checked) {
+              obj[key] = val
+            }
+          }
+        }
+      }
+    })
+  }
+}
+
+// 解析配置中的extendAttr属性
+export function parseExtendAttr(config, refVal) {
+  if (config.extendAttr) {
+    try {
+      // return JSON.parse(config.extendAttr, (k, v) => {
+      //   if (isFnStr(v)) {
+      //     return eval(`(${v})`)
+      //   }
+      //   return v
+      // }) || {}
+      let obj = eval('(' + config.extendAttr+ ')') || {}
+      deepParseFnStr(obj, refVal)
+      return obj
+    } catch (error) {
+      console.log(config.metaCode, '\n===JSON parse err, err==:', error, '\nextendAttr==:', config.extendAttr)
+      return {}
+    }
+  }
+  return {}
+  
+}
+
+// 目前所有的配置都是在form表单下面，但是现在的配置数据没有form配置项，所有我们自己手动增加
+function generateFormConfig(lang = 'zh', isH5) {
+  return {
+    metaType: isH5 ? FORM_META_TYPE_H5 : FORM_META_TYPE,
+    displayType: '1',
+    span: 24,
+    labelWidth: lang.indexOf('zh') > -1 ? '84px' : '120px',
+    'label-position': 'right',
+    rootForm: true,
+    inline: true
+  }
+}
+
+/**
+ * 
+ * @param {*} config 通过接口获取的配置对象
+ */
+export function parsePageConfig({
+  requestTraceId,
+  dialogReq,
+  mode,
+  route,
+  router,
+  config, lang, polyfillConfigs, instance, isH5,
+  rootValue,
+  parentRootValue,
+  parentDynamicMapComp,
+  axiosInstance,
+  messageInstance,
+  messageCb
+}) {
+  if (!config) return {}
+  const formConfig = generateFormConfig(lang, isH5)
+  const hireRelatMapRules = getCodeMapRules(config)
+  formConfig.pmPageMetaList = config.pmPageMetaList
+  const cbs = []
+  let { pageConfig, mapComp } = normalConfig({
+    requestTraceId,
+    dialogReq,
+    lang,
+    mode,
+    route,
+    router,
+    polyfillConfigs,
+    instance,
+    cbs,
+    rootValue,
+    axiosInstance,
+    messageInstance,
+    messageCb,
+    parentRootValue,
+    parentDynamicMapComp,
+  }, formConfig)
+  cbs.forEach((cb) => {
+    cb()
+  })
+  return {
+    pageConfig,
+    mapComp,
+    hireRelatMapRules
+  }
+}
+/**
+ * {
+ *  children: [], // 子元素
+ *  bindValue: '', // 配置项对应的绑定值
+ * }
+ * @param {*} config 
+ */
+export function normalConfig({
+  requestTraceId,
+  dialogReq,
+  lang,
+  mode,
+  polyfillConfigs,
+  instance,
+  cbs = [],
+  rootValue,
+  axiosInstance,
+  messageInstance,
+  messageCb,
+  parentRootValue,
+  parentDynamicMapComp,
+}, config, hireRelat = '', mapComp = {}, needformItem = false, dynamicHireRelat = '', unWatchsList = []) {
+  const metaCode = config.metaCode || ''
+  hireRelat += hireRelat ? `->${metaCode}` : metaCode
+  dynamicHireRelat += dynamicHireRelat ? `->${metaCode}` : metaCode
+
+  const metaType = normalMetaType(config.metaType)
+
+  // 这个对象是不可以被配置进行覆盖
+  const extendNativeObj = {
+    metaType,
+    eventInit: false, // 初始渲染的时候，配置项对应的事件是否执行了
+    bindValue: '', // 这个是对应组件绑定的值
+    vmIsBind: false,
+    vm: null, // 具体渲染的组件
+    wrapVm: null, // 当前组件的实例（也就是analysisComponent）
+    hireRelat,
+    parent: null, // 这个是执行过程中，动态获取的
+    dynamicHireRelat, // 这个也是执行过程中，动态获取的层级
+    _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,
+    needformItem: (findComponent(NOT_NEED_FORM_ITEM_META_TYPE, extendAttrObj.renderby) !== -1 || findComponent(NOT_NEED_FORM_ITEM_META_TYPE, metaType) !== -1) ? false : needformItem, // 表示这个配置项对应的渲染组件是否需要formItem进行包装 移动端是cmi-form-item
+  }
+  if (config.defStyle) {
+    extendObj.style = parseDefStyle(config.defStyle)
+  }
+  // 组件是根据数据进行动态循环渲染，这边需要进行特殊处理，确保config配置项独立
+  if (findComponent(MULTI_PAGE_META_LIST_TYPES, extendAttrObj.renderby) !== -1 || findComponent(MULTI_PAGE_META_LIST_TYPES, metaType) !== -1) {
+    extendObj.multiPmPageMetaList = []
+  }
+  let pageConfig = {
+    ...extendObj,
+    ...config,
+    ...extendAttrObj,
+    ...extendNativeObj,
+  }
+  if (config.metaType == 'textarea') {
+    pageConfig.type = 'textarea'
+  }
+  if (config.metaType == 'time-range') {
+    pageConfig['isRange'] = true
+  }
+  if (config.metaType == 'date-range') {
+    pageConfig.type = 'daterange'
+  }
+  if (config.metaType == 'card' && !hasOwn(pageConfig, 'needWrap')) {
+    pageConfig.needWrap = '1'
+  }
+  // 在详情的情况下，配置组件是否显示
+  if (mode === MODE.DETAIL) {
+    if (pageConfig.detailExtendAttr) {
+      const detailExtendAttrObj = parseExtendAttr({
+        extendAttr: typeof pageConfig.detailExtendAttr === 'string' ? pageConfig.detailExtendAttr : JSON.stringify(pageConfig.detailExtendAttr),
+        metaCode: `detail-${pageConfig.metaCode}`
+      })
+      pageConfig = {
+        ...pageConfig,
+        ...detailExtendAttrObj
+      }
+    }
+    pageConfig.hidden = pageConfig.detailHidden || pageConfig.hidden
+  }
+  // 在日志的情况下，配置组件是否显示
+  if (mode === MODE.LOG) {
+    if (pageConfig.logExtendAttr) {
+      const logExtendAttrObj = parseExtendAttr({
+        extendAttr: typeof pageConfig.logExtendAttr === 'string' ? pageConfig.logExtendAttr : JSON.stringify(pageConfig.logExtendAttr),
+        metaCode: `log-${pageConfig.metaCode}`
+      })
+      pageConfig = {
+        ...pageConfig,
+        ...logExtendAttrObj
+      }
+    }
+    pageConfig.hidden = pageConfig.logHidden || pageConfig.hidden
+  }
+  mapComp[hireRelat] = pageConfig
+  parsePolyfillConfigs({ polyfillConfigs, instance, parentRootValue, parentDynamicMapComp }, pageConfig)
+
+  // 如果有子项，需要进行递归遍历
+  if (pageConfig.pmPageMetaList && pageConfig.pmPageMetaList.length) {
+    normalPmPageMetaList(pageConfig)
+  }
+
+  function normalPmPageMetaList(config) {
+    const isCycleFlag = isCycleConfig(config)
+    if (isCycleFlag) {
+      config._rowColumnConfgsMap = new Map()
+      config.multiPmPageMetaList = []
+      config._unPageMetaListWatch?.() // 删除当前的监听
+      const unWatch = watch(() => getPathVal(unref(config._rootValue), config.dynamicHireRelat, '->')?.length, (val) => {
+        config?._unWatchs?.forEach(un => un?.()) // 删除子级的PmPageMetaList监听
+        if (config.metaId == "366008") {
+          debugger
+        }
+        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
+              })
+              return columnsCgs
+            } else {
+              let retColumnConfigs = config.pmPageMetaList.map((itemConfig, relIdx) => {
+                const ret = cloneDeep(itemConfig)
+                if (ret.width && !ret.columnWidth) {
+                  ret.columnWidth = ret.width
+                  delete ret.width
+                }
+                ret.columnId = generateUniqueId()
+                ret.rowIndex = idx
+                ret.isColumn = true
+                ret.refConfig = config.pmPageMetaList?.[relIdx]
+                ret.parent = config // 这边手动设置一下，防止组件复用的时候不会刷新，造成parent的丢失
+                return ret
+              })
+              simpleNormalPmPageMetaList(retColumnConfigs, `${dynamicHireRelat}[${idx}]`, [...unWatchsList])
+              config._rowColumnConfgsMap.set(row, retColumnConfigs)
+              return retColumnConfigs
+            }
+          })
+        }
+      }, {
+        immediate: true
+      })
+      // 这边先执行，因为当前的_unWatchs里面只放子级的watch
+      unWatchsList?.forEach(list => {
+        list?.push(unWatch)
+      })
+      config._unPageMetaListWatch = unWatch
+      config._unWatchs = []
+      unWatchsList?.push(config._unWatchs)
+      
+    } else {
+      config.pmPageMetaList = simpleNormalPmPageMetaList(config.pmPageMetaList, dynamicHireRelat)
+    }
+
+    function simpleNormalPmPageMetaList(pmPageMetaList, dynamicHireRelat, unWatchsList) {
+      return 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), dynamicHireRelat, unWatchsList)
+        return pageConfig
+      })?.sort((a, b) => a.seqNo - b.seqNo)
+    }
+  }
+
+  return {
+    mapComp,
+    pageConfig
+  }
+}
+
+
+function isCycleConfig(config) {
+  return findComponent(CYCLE_COMPONETS, config.renderby) !== -1 || findComponent(CYCLE_COMPONETS, config.metaType) !== -1
+}
+
+function parsePolyfillConfigs({ polyfillConfigs, instance, parentRootValue, parentDynamicMapComp}, config) {
+  const hireRelat = config.hireRelat
+  const findKeys = Object.keys(polyfillConfigs || {}).filter(key => hireRelat.endsWith(key))
+  if (!findKeys.length) {
+    return
+  }
+  // 层级写的越明确，就使用更明确的层级配置
+  const findKey = findKeys.reduce((ret, key) => (hireRelat.lastIndexOf(ret) < hireRelat.lastIndexOf(key) ? ret : key))
+  const polyObj = polyfillConfigs[findKey] && polyfillConfigs[findKey](config, instance, {parentRootValue, parentDynamicMapComp,})
+  polyObj && Object.keys(polyObj).forEach(key => {
+    config[key] = polyObj[key]
+  })
+}
+
+// 配置化工具现在还是用aidesign组件库，这边进行统一替换一下
+function normalMetaType(metaType) {
+  let retType = metaType
+  if (typeof retType !== 'string') return ''
+  if (retType.startsWith(REPLACE_PREFIX_FLAG)) {
+    retType = retType.replace(REPLACE_PREFIX_FLAG, PREFIX_FLAG)
+  } else if (retType.startsWith(H5_REPLACE_PREFIX_FLAG)) {
+    retType = retType.replace(H5_REPLACE_PREFIX_FLAG, H5_PREFIX_FLAG)
+  }
+  if (META_TYPE_MAP[retType]) {
+    retType = META_TYPE_MAP[retType]
+  }
+  return retType
+}
+
+export function isPlainColumn(config, disabled) {
+  // 表格中中的列，可以根据配置进行转换为普通形式，表格原生支持的tooltip
+  if (config.isColumn && findComponent(PLAIN_TYPE_ALONG_COLUMNS, config.renderby || config.metaType) !== -1) {
+    return true
+  }
+  if (config.isColumn && disabled) {
+    if (config.plainColumn) {
+      return true
+    }
+    // 有些标签，在没有plainColumn属性的时候，默认表示会直接进行普通形式的转换
+    if (
+        !hasOwn(config, 'plainColumn') &&
+        (
+          findComponent([...PLAIN_TYPE_COLUMNS, ...PLAIN_TYPE_OPTIONS_COLUMNS], config.renderby || config.metaType) !== -1 ||
+          (
+            // 这边是在日期组件中，日过valueFormat属性跟format属性值一样的时候，就可以直接展示
+            findComponent(['ElDatePicker'], config?.renderby || config?.metaType) !== -1 &&
+            (
+              (config.valueFormat || 'YYYY-MM-DD') == (config.format || 'YYYY-MM-DD') ||
+              (config['value-format'] || 'YYYY-MM-DD') == (config.format || 'YYYY-MM-DD')
+            )
+          )
+        )
+      ) {
+      return true
+    }
+  }
+  return false
+}
+
+export function getComponentForConfig({messageInstance, config, disabled, getNativeComps, loadModuleCache}) {
+  if (config.isCustom) {
+    return () => loadModule(generateVuePath(config.fileId), loadModuleCache, messageInstance)
+  }
+  
+  // 表格中中的列，是否需要转换为普通形式
+  if (isPlainColumn(config, disabled)) {
+    return CustomComponentPlain
+  }
+
+  const components = inject('components')
+  const { composeComponents } = getNativeComps()
+  const allComps = {
+    ...composeComponents,
+    ...components.value
+  }
+  const metaType = config.metaType
+  let component = resolveAssetComponents(allComps, metaType) //则通过传入的获取组件
+  if (!component) {
+    component = resolveComponent(metaType) // 实例上绑定的组件
+  }
+
+  let renderby = config.renderby
+  if (isTransCellMobile(config, disabled)) {
+    renderby = 'CmiCell'
+  }
+  if (renderby && typeof renderby === 'string') {
+    let renderbyComp = resolveAssetComponents(allComps, renderby) //则通过传入的获取组件
+    if (!renderbyComp) {
+      try {
+        renderbyComp = resolveComponent(renderby) // 实例上绑定的组件
+      } catch (error) {
+        console.log('resolveComponent fail, config:', config)
+        renderbyComp = <div>not component</div>
+      }
+    }
+
+    component = renderbyComp || component
+  }
+  return component
+}
+
+// 获取渲染组件的props配置数据
+export function getRenderComponentProps({ props, component, modelValue, selects, lang, vm }) {
+  if (!component) return {}
+  let config = props.config
+  if (findComponent(['CustomComponentTabs'], config.renderby || config.metaType) !== -1) {
+    // 目前tabs组件在配置平台那边，是不能进行配置大的tabs的，目前就换一种方式
+    config.pmPageMetaList?.forEach(pane => {
+      if (pane.tabExtendAttr && isPlainObject(pane.tabExtendAttr)) {
+        config = {
+          ...config,
+          ...pane.tabExtendAttr
+        }
+      }
+    })
+  }
+  const propsKeys = getComponentPropsKeys(component, config)
+  const defprops = {}
+  if (propsKeys) {
+    propsKeys.forEach(key => {
+      if (hasOwn(config, key)) {
+        if (COFNGI_KEY_EVENT_FLAG.test(key) && typeof config[key] === 'function') {
+          defprops[key] = function(...arg) {
+            return config[key](...arg, vm)
+          }
+        } else {
+          defprops[key] = config[key]
+        }
+      }
+    })
+  }
+  const commonProps = getCommonProps(config, props, modelValue, selects, lang)
+  defprops.style = {
+    ...config.style,
+    ...getRenderCompMargins(config),
+    width: commonProps.width || getBuildCompDefaultWidth(config)
+  }
+  if (isHidden({ config }) || config.hiddenContext == '1') {
+    defprops.style.display = 'none'
+  }
+  
+  const retObj = {
+    ...defprops,
+    ...commonProps
+  }
+  if (config.class) {
+    retObj.class = config.class
+  }
+  return retObj
+}
+// 一些组件并且没有占居满格
+function getBuildCompDefaultWidth(config) {
+  if (SPECIAL_SET_FULL_WIDTH_ITEM_META_TYPE.some(metaType => compareComponet(metaType, config.metaType))) {
+    return '100%'
+  }
+}
+// 获取渲染组件开放的配置props，提供给所有自定义组件
+function getCommonProps(config, props, modelValue, selects, lang) {
+  return Object.keys(commonPropsType).reduce((ret, key) => {
+    ret[key] = commonPropsType[key].getValue(config, props, modelValue, selects, lang)
+    return ret
+  }, {})
+}
+// 获取渲染组件的margin配置数据
+function getRenderCompMargins(config) {
+  const marginObj = {}
+  if (config.marginRight) {
+    marginObj.marginRight = normalPixel(config.marginRight)
+  }
+  if (config.marginLeft) {
+    marginObj.marginLeft = normalPixel(config.marginLeft)
+  }
+  if (config.marginTop) {
+    marginObj.marginTop = normalPixel(config.marginTop)
+  }
+  if (config.marginBottom) {
+    marginObj.marginBottom = normalPixel(config.marginBottom)
+  }
+
+  if (config.paddingRight) {
+    marginObj.paddingRight = normalPixel(config.paddingRight)
+  }
+  if (config.paddingLeft) {
+    marginObj.paddingLeft = normalPixel(config.paddingLeft)
+  }
+  if (config.paddingTop) {
+    marginObj.paddingTop = normalPixel(config.paddingTop)
+  }
+  if (config.paddingBottom) {
+    marginObj.paddingBottom = normalPixel(config.paddingBottom)
+  }
+  return marginObj
+}
+
+// 生成布局框（el-col）
+export function generateLayoutPolyfill(config, disabled, isH5) {
+  let isElCol = false
+  let props = {}
+  let propsKeys
+  let colComp = null
+  if (isH5) {
+    colComp = CustomComponentColH5
+  } else {
+    colComp = resolveComponent('el-col')
+    isElCol = true
+    propsKeys = getComponentPropsKeys(colComp)
+  }
+  if (propsKeys) {
+    propsKeys.forEach(key => {
+      if (config[key]) {
+        props[key] = config[key]
+      }
+    })
+  }
+  props.class = {
+    [normalCapitalizeComponent(config.renderby || config.metaType)]: true,
+  }
+  if (isElCol) {
+    props.class['is-card'] = config?.needWrap == '1', // 这个样式主要用于折叠上面，控制被卡片包裹的时候，下边距是16，没有被包裹的时候，是12
+    props = {
+      ...props,
+      ...getDefaultColProps(config),
+    }
+    
+  }
+  props = {
+    ...props,
+    ...elColSpecialProsp(config),
+  }
+  return node => {
+    // 表格中中的列，是否需要转换为普通形式
+    // if (isPlainColumn(config, disabled)) {
+    //   return node
+    // }
+    
+    if (config.removeCol) {
+      return node
+    }
+    let ret = <colComp {...props}>
+      {node}
+    </colComp>
+    if (config.isAllRow) {
+      ret = <colComp span={24}>{ret}</colComp>
+    }
+    return ret
+  }
+}
+
+// el-col 特殊的定义，目前这边进行宽度的接受
+function elColSpecialProsp (config) {
+  const style = {
+    textAlign: config.colTextAlign
+  }
+  if (isHidden({ config })) {
+    style.display = 'none'
+  } else {
+    if (hasOwn(config, 'elWidth')) {
+      if (config.elWidth === 'auto') {
+        style.flexGrow = 1
+        style.flexShrink = 1
+        style.flexBasis = 0
+        style.maxWidth = 'unset'
+        style.minWidth = 'unset'
+        style.maxWidth = '100%'
+      } else if (config.elWidth === 'self') {
+        // style.flexGrow = 0
+        // style.flexShrink = 0
+        // style.flexBasis = 0
+        // style.maxWidth = 'unset'
+        style.flex = 'unset'
+        style.minWidth = 'unset'
+        style.maxWidth = '100%'
+        // style.whiteSpace = 'nowrap'
+      } else {
+        style.flexGrow = 0
+        style.flexShrink = 0
+        style.flexBasis = 0
+        style.maxWidth = normalPixel(config.elWidth)
+        style.minWidth = normalPixel(config.elWidth)
+      }
+    }
+  }
+  return {
+    style
+  }
+}
+
+function getDefaultColProps(config) {
+  const colProps = {
+    offset: config.offset || 0
+  }
+  if (hasOwn(config, 'md') || hasOwn(config, 'lg')) {
+    colProps.md = isPlainObject(config.md) ? parseIntColProps(config.md) : parseInt(config.md, 10)
+    colProps.lg = isPlainObject(config.lg) ? parseIntColProps(config.lg) : parseInt(config.lg, 10)
+  } else if (config.span) {
+    colProps.span = config.span
+  } else {
+    colProps.md = isPlainObject(config.md) ? parseIntColProps(config.md) : parseInt(config.md || 12, 10)
+    colProps.lg = isPlainObject(config.lg) ? parseIntColProps(config.lg) : parseInt(config.lg || 8, 10)
+  }
+  return colProps
+}
+function parseIntColProps(obj) {
+  return obj
+}
+
+function generateFormItemPc (config, lang, compProps, params,) {
+  let isFormItem = false
+  let props = {}
+  let propsKeys
+  let slotName = 'default'
+  let formItemComp = resolveComponent('el-form-item')
+  if (formItemComp) {
+    isFormItem = true
+    propsKeys = getComponentPropsKeys(formItemComp)
+  }
+  if (propsKeys) {
+    propsKeys.forEach(key => {
+      if (config[key]) {
+        props[key] = config[key]
+      }
+    })
+  }
+  if (isFormItem) {
+    if (config.formItemSlot === 'label') {
+      slotName = 'label'
+    }
+    props = {
+      ...props,
+      ...getFormItemExtendProps(config, lang, params, compProps)
+    }
+    // labelWidth 需要特殊处理
+    if (hasOwn(props, 'labelWidth')) {
+      props.labelWidth = props.labelWidth && `${props.labelWidth}` !== '-1' ? props.labelWidth : undefined
+    }
+  }
+  return node => {
+    if (config.polyfillNode && typeof config.polyfillNode === 'function') {
+      node = (
+        <div style="width: 100%; line-height: 16px;">
+          {node}
+          {config.polyfillNode(h, { config, props: compProps, contextNode: node })}
+        </div>
+      )
+    }
+    // 表格中中的列，是否需要转换为普通形式
+    // if (isPlainColumn(config, compProps.disabled)) {
+    //   return node
+    // }
+    
+    let showFormItem = null
+    if (hasOwn(config, 'showFormItem')) {
+      if (typeof config.showFormItem === 'boolean') {
+        showFormItem = config.showFormItem
+      } else {
+        showFormItem = config.showFormItem == '1'
+      }
+    }
+    if (showFormItem !== null) {
+      if (!showFormItem) {
+        return node
+      }
+    } else {
+      if (!config.needformItem) {
+        return node
+      }
+    }
+
+    // 表格中的列，不需要form-item的时候，就尽可能不要，可以提升性能
+    if (!props?.rules?.length && props?.class?.['hidden-label'] && config.isColumn) {
+      return node
+    }
+
+    if (!props?.rules?.length) {
+      formItemComp = SimpleFormItemPc
+    }
+    
+    const slots = {
+      error: (info) => createFormLabelErrorTip(info, config, lang)
+    }
+    slots[slotName] = () => node
+    if (isFormItem && slotName !== 'label') {
+      slots.label = () => createFormLable(config, lang)
+    }
+    
+    return (
+      <formItemComp ref={(e) => {definePrivatelyProp(config, 'formItemVm', e)}} key={config.requiredFlag} class="custom-form-item" {...props}>{slots}</formItemComp>
+    )
+  }
+}
+
+function generateFormItemH5(config, lang, compProps, params = {}) {
+  const { messageInstance } = params
+  const props = {
+    config,
+    lang,
+    messageInstance,
+    hidemessage: config?.hidemessage == '1' ? true : false,
+    hideasterisk: config?.hideasterisk == '1' ? true : false,
+    ...getFormItemExtendProps(config, lang, params, compProps),
+  }
+  // labelWidth 需要特殊处理
+  if (hasOwn(config, 'labelWidth')) {
+    props.labelWidth = props.labelWidth && `${props.labelWidth}` !== '-1' ? props.labelWidth : undefined
+  }
+
+  return node => {
+    if (isTransCellMobile(config, compProps?.disabled)) {
+      return node
+    }
+
+    let showFormItem = null
+    if (hasOwn(config, 'showFormItem')) {
+      if (typeof config.showFormItem === 'boolean') {
+        showFormItem = config.showFormItem
+      } else {
+        showFormItem = config.showFormItem == '1'
+      }
+    }
+    if (showFormItem !== null) {
+      if (!showFormItem) {
+        return node
+      }
+    } else {
+      if (!config.needformItem) {
+        return node
+      }
+    }
+    
+    return (
+      <CmiFormItem {...props}>{node}</CmiFormItem>
+    )
+  }
+}
+
+export function generateFormItemPolyfill(config, lang, compProps, _isH5, params) {
+  if (_isH5) {
+    return generateFormItemH5(config, lang, compProps, params)
+  } else {
+    return generateFormItemPc(config, lang, compProps, params)
+  }
+}
+
+function isHiddenLable(config) {
+  return (config.labelWidth == 0 || config.labelWidth === '0px' || config.labelHidden == '1') && config.showLabel != '1'
+}
+
+function getFormItemExtendProps(config, lang, params, compProps) {
+  const prop = config.dynamicHireRelat || ''
+  // const propAttr = config.dynamicHireRelat ? config.dynamicHireRelat?.split('->') : []
+  // const prop = propAttr.join('->')
+  const style = {
+    ...getFormItemMargins(config)
+  }
+  if (isHidden({ config })) {
+    style.display = 'none'
+  }
+  return {
+    prop,
+    rules: getFormItemRule(config, lang, params, compProps),
+    class: {
+      [`vertical-${config['label-vertical'] || config['labelVertical'] || 'center'}`]: true,
+      'content-right': config.contentRight,
+      'hidden-label': isHiddenLable(config),
+      [`label-position-${config['label-position'] || config['labelPosition'] || 'right'}`]: true // label-position 支持三个值，right、left、top
+    },
+    style,
+  }
+}
+
+export function getFormItemRule(config, lang, params, compProps, fromCustValid) {
+  const required = config.requiredFlag == '1'
+  const onlyRequiredFlag = config.onlyRequiredFlag
+  let trigger = ['blur', 'change']
+  // 如果是input框并且开启了金额显示
+  if (config.showMoney && config.metaType == 'ElInput') {
+    trigger = 'blur'
+  }
+  const rules = []
+  // 是否需要去进行校验
+  const needToValid = !(
+    (compProps?.disabled || isPlainColumn(config, compProps?.disabled)) && config.alongValidate != '1' ||
+    isChainHidden({ config })
+  )
+  if (!needToValid) {
+    return rules
+  }
+  if (!onlyRequiredFlag && required) {
+    rules.push({
+      // required,
+      validator: (rule, value, callback) => {
+        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)) {
+            callback(new Error(message))
+          } else {
+            // isMatch在下来框的时候，表示当前值没有在下拉选项中匹配到，就表示没有选中值；因为后端在表字段为数字类型的时候，默认返回的是0值
+            if (hasOwn(config, 'isMatch') && !config.isMatch) {
+              callback(new Error(message))
+            } else {
+              callback()
+            }
+          }
+        } else {
+          callback()
+        }
+      },
+      trigger,
+    })
+  }
+
+  let regexPattern = []
+  if (config.regexPattern) {
+    try {
+      regexPattern = JSON.parse(config.regexPattern)
+      regexPattern = regexPattern.map(item => ({
+        reg: item?.pattern,
+        tip: item?.message,
+        tipEn: item?.messageEn,
+      }))
+
+    } catch (error) {
+      console.log(config.metaCode, '=regexPattern JSON parse fail, error==:', error)
+      regexPattern = []
+    }
+  }
+  if (config.validRegs && (Array.isArray(config.validRegs) || isPlainObject(config.validRegs)) ) {
+    const validRegs = isPlainObject(config.validRegs) ? [config.validRegs] : config.validRegs
+    regexPattern.push(...validRegs)
+  }
+
+  if (regexPattern?.length) {
+    rules.push({
+      validator: (rule, value, callback) => {
+        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++) {
+          const validInfo = regexPattern[i]
+          const { reg, tip, tipEn } = validInfo
+          const message = lang.indexOf('zh') > -1 ? tip : tipEn
+          let validFlag = true
+          if (typeof reg === 'function') {
+            validFlag = reg(val, params)
+          } else {
+            validFlag = new RegExp(reg).test(val)
+          }
+          if (!validFlag) {
+            callback(new Error(message))
+            return
+          }
+        }
+        callback()
+      },
+      trigger,
+    })
+  }
+  let validators = config.validators
+  if (validators) {
+    validators = isArray(validators) ? validators : [validators]
+    if (validators && validators.length) {
+      validators.forEach(validator => {
+        if (isFunction(validator)) {
+          rules.push({
+            validator: (rule, value, callback) => {
+              return validator(rule, config.refValue, callback, config)
+            },
+            trigger,
+          })
+        }
+      })
+    }
+  }
+  return rules
+}
+
+function getFormItemMargins(config) {
+  const marginObj = {}
+  if (config.formItemMarginRight && `${config.formItemMarginRight}` !== '-1') {
+    marginObj.marginRight = normalPixel(config.formItemMarginRight)
+  }
+  if (config.formItemMarginLeft && `${config.formItemMarginLeft}` !== '-1') {
+    marginObj.marginLeft = normalPixel(config.formItemMarginLeft)
+  }
+  if (config.formItemMarginTop && `${config.formItemMarginTop}` !== '-1') {
+    marginObj.marginTop = normalPixel(config.formItemMarginTop)
+  }
+  if (config.formItemMarginBottom && `${config.formItemMarginBottom}` !== '-1') {
+    marginObj.marginBottom = normalPixel(config.formItemMarginBottom)
+  }
+  if (config.formItemPaddingRight && `${config.formItemPaddingRight}` !== '-1') {
+    marginObj.paddingRight = normalPixel(config.formItemPaddingRight)
+  }
+  if (config.formItemPaddingLeft && `${config.formItemPaddingLeft}` !== '-1') {
+    marginObj.paddingLeft = normalPixel(config.formItemPaddingLeft)
+  }
+  if (config.formItemPaddingTop && `${config.formItemPaddingTop}` !== '-1') {
+    marginObj.paddingTop = normalPixel(config.formItemPaddingTop)
+  }
+  if (config.formItemPaddingBottom && `${config.formItemPaddingBottom}` !== '-1') {
+    marginObj.paddingBottom = normalPixel(config.formItemPaddingBottom)
+  }
+  return marginObj
+}
+
+function normalLabelTipContent(content = '') {
+  if (content) {
+    const retList = []
+    const lines = content.split('\n')
+    lines.forEach((str, idx) => {
+      retList.push(str)
+      if (idx !== lines.length - 1) {
+        retList.push(
+          <br></br>
+        )
+      }
+    })
+    return retList
+  }
+  return ''
+}
+function createFormLable(config, lang = 'zh') {
+  const ElTooltip = resolveComponent('el-tooltip')
+  const elIcon = resolveComponent('el-icon')
+  const required = config.requiredFlag == '1' && config.hiddenRequiredFlag != '1'
+  const slots = {}
+  slots.default = () => {
+    return <span class="label-tip"><elIcon size="17">
+      <infoIcon type={config?.hintType}></infoIcon>
+    </elIcon></span>
+  }
+  slots.content = () => {
+    return normalLabelTipContent(lang.indexOf('zh') > -1 ? config.hintContentZh : config.hintContentEn)
+  }
+  return (
+    <div title={lang.indexOf('zh') > -1 ? (config.labelZh || config.metaNameZh) : (config.labelEn || config.metaNameEn)} class="custom-label">
+      <span
+        onMouseenter={(e) => labelMouseEnenter(e, config, lang)}
+        onMouseleave={() => config._labelShowTip = false}
+        class={`custom-label-content ${required ? 'custom-label-require' : ''}`} style={config.labelStyle}
+        onClick={() => config.onLabelClick && config.onLabelClick?.(config)}
+      >
+        {/* {required ? <span style="color: #f5222d; margin-right: 3px">*</span> : null} */}
+        {/* {required ? '*' : null} */}
+        {lang.indexOf('zh') > -1 ? (config.labelZh || config.metaNameZh) : (config.labelEn || config.metaNameEn)}
+      </span>
+      {
+        config._labelShowTip ? 
+          <ElTooltip
+            placement="top"
+            visible={config._labelShowTip && !!config._triggerRef}
+            content={lang.indexOf('zh') > -1 ? (config.labelZh || config.metaNameZh) : (config.labelEn || config.metaNameEn)}
+            virtualTriggering
+            virtualRef={config._triggerRef}
+          ></ElTooltip>
+          : null
+      }
+      {
+        config.hintFlag == '1' ? (
+          <ElTooltip popper-class="poppper-class" effect="dark" content={lang.indexOf('zh') > -1 ? config.hintContentZh : config.hintContentEn} placement="top">
+            { slots }
+          </ElTooltip>
+        ) : null
+      }
+    </div>
+  )
+}
+function createFormLabelErrorTip(info, config, lang='zh') {
+  return (
+    <span title={info.error} class="el-form-item__error polyfill-form-item_error">{info.error}</span>
+  )
+}
+
+export function getComponentPropsKeys(comp, config) {
+  let propsKeys = []
+  if (typeof comp === 'string') {
+    propsKeys = []
+  } else {
+    propsKeys = Object.keys(comp.props || {})
+  }
+  let emitsKyes = []
+  if (config) {
+    Object.keys(config).forEach(key => {
+      if (COFNGI_KEY_EVENT_FLAG.test(key) && !['onVnodeMounted'].includes(key)) {
+        emitsKyes.push(key)
+      }
+    })
+  }
+  // if (comp?.emits) {
+  //   if (isPlainObject(comp?.emits)) {
+  //     emitsKyes = Object.keys(comp.emits)
+  //   } else if (isArray(comp.emits)) {
+  //     emitsKyes = comp.emits
+  //   }
+  // }
+  // emitsKyes = emitsKyes.filter(key => typeof key === 'string').map(key => `on${capitalize((camelize(key)))}`)
+  return [...emitsKyes, ...propsKeys]
+}
+
+function isTransCellMobile(config, disabled) {
+  return config?.alwaysNative !== '1' && disabled && findComponent(TRANS_CELL_COMPONETS, config.renderby || config.metaType) !== -1
+}
+
+// 如果父级有一个是hidden了，那就表示hidden了
+function isChainHidden({config}) {
+  if (isHidden({config})) {
+    return true
+  }
+  if (config?.parent) {
+    return isChainHidden({config: config.parent})
+  }
+  return false
+}
+
+function generateVuePath(path) {
+  class LoadModulePath extends String {
+    constructor(...arg) {
+      super(...arg)
+    }
+    toString(...arg) {
+      const ret = super.toString(...arg)
+      if (!/\.\w*$/.test(ret)) {
+        return `${ret}.vue`
+      }
+      return ret
+    }
+    originVal() {
+      return path
+    }
+  }
+  return new LoadModulePath(path)
+}
+
+export function getComponentSolt({
+  config,
+  slotKey = 'slots'
+}) {
+  const slots = config?.[slotKey]
+  if (slots) {
+    let retSlots = null
+    try {
+      retSlots = Object.keys(slots).reduce((ret, key) => {
+        ret[key] = slots[key]
+        return ret
+      }, {})
+    } catch (error) {
+      console.error('slots parse fail, error==:', error)
+    }
+    return retSlots
+  }
+  return {}
+}
+
+function labelMouseEnenter(e, config, lang) {
+  const innerText = lang.indexOf('zh') > -1 ? (config.labelZh || config.metaNameZh) : (config.labelEn || config.metaNameEn)
+  // obj为鼠标移入时的事件对象
+  // currentwidth 为文本在页面中所占的宽度，创建标签，加入到页面，获取currentwidth,最后
+  let TemporaryTag = document.createElement('span');
+  TemporaryTag.innerText = innerText
+  TemporaryTag.className = 'getTextWidth'
+  document.querySelector('body').appendChild(TemporaryTag)
+  let currentWidth = document.querySelector('.getTextWidth').offsetWidth
+  document.querySelector(".getTextWidth").remove()
+  // cellwidth为表格容器的宽度
+  // 当文本宽度小于|等于容器宽度两倍时，代表文本显示未超过两行
+  // 当前宽度小于等于(两倍单元格宽度)时，显示提示信息为假;否则，显示提示信息为真。
+  const cellWidth = e.target.offsetWidth
+  if (currentWidth <= (2 * cellWidth)) {
+    config._labelShowTip = false
+    config._triggerRef = null
+  } else {
+    config._labelShowTip = true
+    config._triggerRef = e.target
+  }
+}