resolver-egretimp-plus 0.1.119 → 0.1.121

package/src-bak/utils/render.jsx

@@ -1,1138 +0,0 @@
-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
-  }
-}