resolver-egretimp-plus 0.1.119 → 0.1.121

package/src-bak/components/packages-H5/CustomComponentFormLayoutH5.vue

@@ -1,54 +0,0 @@
-<template>
-  <cmi-form v-bind="formProps" :ref="refFn">
-    <Renderer :config="pmPageMetaList" v-model="val"></Renderer>
-  </cmi-form>
-</template>
-<script setup>
-import Renderer from '../../renderer.jsx'
-import { computed, inject, onMounted, reactive, ref, watch } from "vue"
-
-const emits = defineEmits(['update:modelValue'])
-const props = defineProps({
-  config: {
-    type: Object,
-    default: () => null
-  },
-  // 这个组件通过v-model进行数据的绑定
-  modelValue: {
-    // type: [String, Number, Object],
-    default: null
-  },
-})
-
-const val = computed({
-  get() {
-    return props.modelValue
-  },
-  set(val) {
-    emits('update:modelValue', val)
-  }
-})
-const rootForm = inject('rootForm')
-const refFn = e => {
-  if (props.config?.rootForm) {
-    rootForm.value = e
-    rootForm?.value?.setModel?.(val);
-  }
-}
-const formProps = computed(() => {
-  return {
-    validatefirst: props.config?.validatefirst == '1' ? true : false,
-    hidemessage: props.config?.hidemessage == '1' ? true : false,
-    hideasterisk: props.config?.hideasterisk == '1' ? true : false,
-    labelwidth: props.config?.labelwidth,
-    labelsuffix: props.config?.labelsuffix,
-    labelposition: props.config?.labelposition,
-  }
-})
-
-const pmPageMetaList = computed(() => props.config.pmPageMetaList)
-
-defineExpose({
-  val
-})
-</script>

package/src-bak/components/packages-H5/CustomComponentTabPaneH5.vue

@@ -1,38 +0,0 @@
-<script setup>
-import { computed, inject, useAttrs } from 'vue'
-import Renderer from '../../renderer.jsx'
-import { commonPropsType } from '../../utils/index.js'
-import { useConfigLoad } from '../../hooks/configLoad.js'
-const lang = inject('lang')
-const props = defineProps({
-  ...commonPropsType,
-})
-useConfigLoad(props.config)
-const attrs = useAttrs()
-const tabProps = computed(() => {
-  return {
-    label: lang.value.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn,
-    // label: props?.config?.hidden == '1' ?
-    //   '' :
-    //   lang.value.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn,
-    name: props.config?.metaCode,
-    disabled: props.config?.editFlag == '0'
-    // disabled: props?.config?.hidden == '1' ?
-    //   true :
-    //   props.config?.editFlag == '0'
-  }
-})
-const modelValue = defineModel()
-const pmPageMetaList = computed(() => {
-  return (props.config.pmPageMetaList || [])
-})
-
-</script>
-
-<template>
-  <cmi-tab-content v-bind="{...attrs, ...tabProps}" :style="props.config?.style">
-    <slot>
-      <Renderer :config="pmPageMetaList" v-model="modelValue"></Renderer>
-    </slot>
-  </cmi-tab-content>
-</template>

package/src-bak/components/packages-H5/CustomComponentTableH5.vue

@@ -1,352 +0,0 @@
-<script setup>
-import { commonPropsType, formatDate, formatAmount, getConfigOptions, hasOwn, isPlainObject } from '../../utils/index.js'
-import { computed, inject, onMounted, reactive, ref, useAttrs, watch } from 'vue'
-
-defineOptions({
-  inheritAttrs: false
-})
-
-const attrs = useAttrs()
-const lang = inject('lang')
-const selects = inject('selects')
-const tableRef = ref(null)
-const props = defineProps({
-  ...commonPropsType,
-})
-const modelValue = defineModel()
-// 是否配置分页功能     ====== start======
-const pageable = computed(() => {
-  return props.config?.pageable == '1'
-})
-// 移动端默认前端分页
-const isFrontPage = computed(() => {
-  return hasOwn(props.config, 'frontPageFlag') ? props.config?.frontPageFlag == '1' : true
-})
-const tableProps = computed(() => {
-  return {
-    stripe: props.config?.stripe == '1',
-    card: props.config?.displayType == 'card',
-    display: props.config?.display,
-    open: props.config?.defaultOpenFlag == '1',
-    showlandscape: props.config?.showLandscape == '1',
-    rowkey: props.config?.rowkey,
-    height: props.config?.height,
-    compatible: props.config?.compatible
-  }
-})
-const page = reactive({
-  pageNum: 1,
-  pageSize: props.config?.pageSize || 3,
-  total: 0,
-})
-
-const normalTableData = computed(() => {
-  const orgList = !isFrontPage.value ?
-    (modelValue.value || []) :
-      pageable.value ? 
-        (modelValue.value?.slice?.((page.pageNum - 1) * page.pageSize, page.pageNum * page.pageSize) || []) :
-        (modelValue.value || [])
-  return orgList.map(row => {
-    return normalTableRowValue(row)
-  })
-})
-
-const normalPageTotal = computed(() => {
-  return !isFrontPage.value ? page.total : (modelValue.value?.length || 0)
-})
-
-const paginationProps = computed(() => {
-  return {
-    pagesizes: props.config?.pagesizes || [3, 10, 20, 50],
-    showHomeEnd: hasOwn(props.config, 'showHomeEnd') ? props.config.showHomeEnd == '1' : hasOwn(props.config, 'show-home-end') ? props.config['show-home-end'] == '1' : false,
-  }
-})
-const pagenationEvents = computed(() => {
-  const ret = {
-    onSizeChange: (e) => {
-      if (attrs.onSizeChange) {
-        attrs.onSizeChange?.(e)
-      }
-      page.pageSize = e?.detail?.value || 3
-    },
-    onCurrentChange: (e) => {
-      if (attrs.onCurrentChange) {
-        attrs.onCurrentChange?.(e)
-      }
-      page.pageNum = e?.detail?.value || 1
-    }
-  }
-  return ret
-})
-const tableEvents = computed(() => {
-  const ret = {
-    onRowclick: (e) => {
-      if (attrs.onRowclick) {
-        attrs.onRowclick?.(e)
-      }
-    },
-    onTogglelandscape: (e) => {
-      if (attrs.onTogglelandscape) {
-        attrs.onTogglelandscape?.(e)
-      }
-    }
-  }
-  return ret
-})
-
-const pageAlign = computed(() => {
-  return props.config?.pageAlign
-})
-const PAGE_LEFT = 'left'
-const PAGE_CENTER = 'center'
-const PAGE_RIGHT = 'right'
-const pageAlignEnmu = {
-  [PAGE_LEFT]: 'flex-start',
-  [PAGE_RIGHT]: 'flex-end',
-  [PAGE_CENTER]: 'center'
-}
-// 页码变动
-watch(() => page.pageNum, (val) => {
-  const fn = props.config?.currentChange
-  const ret = fn && fn(val, props, page)
-  if (ret) {
-    if (isPromise(ret)) {
-      ret.then((res) => {
-        res && (modelValue.value = res)
-      })
-    } else {
-      modelValue.value = ret
-    }
-  }
-  
-  // 以下是配置的点击事件服务所绑定的调用方法 ==== start ======
-  const serviceFn = props.config?.serviceCurrentChange
-  serviceFn?.(val, props, page)
-  // 以下是配置的点击事件服务所绑定的调用方法 ==== end ======
-})
-// 页面大小变动
-watch(() => page.pageSize, (val) => {
-  const fn = props.config?.sizeChange
-  const ret = fn && fn(val, props, page)
-  if (ret) {
-    if (isPromise(ret)) {
-      ret.then((res) => {
-        res && (modelValue.value = res)
-      })
-    } else {
-      modelValue.value = ret
-    }
-  }
-  
-  // 以下是配置的点击事件服务所绑定的调用方法 ==== start ======
-  const serviceFn = props.config?.serviceSizeChange
-  serviceFn?.(val, props, page)
-  // 以下是配置的点击事件服务所绑定的调用方法 ==== end ======
-})
-
-const pmPageMetaList = computed(() => {
-  return (props.config.pmPageMetaList || []).filter(config => config.hidden != '1')
-})
-
-const getTableColumnProps = (config) => {
-  let label = lang?.value?.indexOf('zh') > -1 ? config.metaNameZh : config.metaNameEn
-  if (typeof config.titleFormatter === "function") {
-    label = config.titleFormatter(label, config, props)
-  }
-  return {
-    label,
-    prop: config.metaCode,
-    width: config.columnWidth || props.config.columnWidth,
-    ellipsis: config.ellipsis == '1',
-    showexpand: config.showexpand == '1',
-    fixed: config.fixed,
-  }
-}
-const tableKey = computed(() => {
-  return `${tableProps.value.card}${tableProps.value.display}${!tableProps.value.card ? page.pageNum : 0}`
-})
-
-// 统计行定义 ====start======
-const totalMetaCodes = computed(() => {
-  return props.config?.totalMetaCodes || []
-})
-const normalTotalCodes = computed(() => {
-  return totalMetaCodes.value.map(code => {
-    if (typeof code === 'string') {
-      return {
-        code,
-        totalFn: defaultTotalFn,
-        totalFormatter: defaultTotalFormatter
-      }
-    } else {
-      if (isPlainObject(code) && hasOwn(code, 'code')) {
-        code.totalFn = typeof code.totalFn === 'function' ? code.totalFn : defaultTotalFn
-        code.totalFormatter = typeof code.totalFormatter === 'function' ? code.totalFormatter : defaultTotalFormatter
-        return code
-      }
-      return null
-    }
-  }).filter(codeInfo => !!codeInfo)
-})
-const totalCodeFormatters = (row) => {
-  if (!row?.length) {
-    return []
-  }
-  const totalObj = {
-    [pmPageMetaList.value?.[0]?.metaCode]: lang.value.indexOf('zh') > -1 ? '总计' : 'Total',
-    ...row[0]
-  }
-  normalTotalCodes.value.map((codeInfo) => {
-    const { code, totalFormatter } = codeInfo
-    if (totalFormatter && typeof totalFormatter === 'function') {
-      totalObj[code] = totalFormatter(totalObj[code], totalObj, code)
-    }    
-  })
-  return [totalObj]
-}
-const defaultTotalFormatter = (val, total, code) => {
-  let codeConfig = pmPageMetaList.value?.find(item => item.metaCode == code)
-  if (codeConfig) {
-    normalResult(total, codeConfig)
-    return total[code]
-  }
-  return val
-}
-const defaultTotalFn = (total, val, row) => {
-  if (val === undefined || val === null) {
-    val = !isNaN(Number(val)) ? 0 : ''
-  } else {
-    val = val.toString().replace(/[^\d\.\-]/g, '')
-  }
-  const numFlag = !isNaN(Number(val))
-  if (total === null || total === undefined) {
-    total = numFlag ? 0 : ''
-  }
-  return total + (numFlag ? Number(val) : val)
-}
-const totalRow = computed(() => {
-  if (!normalTableData.value?.length || !totalMetaCodes.value.length || !normalTotalCodes.value.length) {
-    return []
-  }
-  // 进行统计的计算
-  const row = (normalTableData.value || []).reduce((total, row) => {
-    normalTotalCodes.value.forEach(codeInfo => {
-      const { code, totalFn } = codeInfo
-      total[code] = totalFn(total[code], row[code], row)
-    })
-    return total
-  }, { totalFlag: true })
-  return [row]
-})
-// 统计行定义 ====end======
-
-onMounted(() => {
-  watch(() => {
-    return {
-      val: normalTableData.value,
-      pageNum: page.pageNum,
-      collapseHidden: props?.config?.collapseHidden
-    }
-  }, ({ val }) => {
-    try {
-      // 这边有的时候会报错
-      tableRef.value?.setTableData([])
-    } catch (error) {
-    }
-    setTimeout(() => {
-      try {
-        // 这边有的时候会报错
-        tableRef.value?.setTableData([...val,...totalCodeFormatters(totalRow.value)])
-      } catch (error) {
-      }
-    }, 100);
-  }, {
-    immediate: true
-  })
-})
-
-// 这个的监听是因为 table正常形态的时候，改变分页，行高会越来越高，所以就设置了key
-// 设置key之后需要重新setTableData
-// watch(() => {
-//   return `${tableProps.value.card}${tableProps.value.display}${!tableProps.value.card ? page.pageNum : 0}`
-// }, () => {
-//   setTimeout(() => {
-//     tableRef.value?.setTableData(normalTableData.value)
-//   }, 100);
-// })
-
-function getOptions(config) {
-  return getConfigOptions(config, selects)
-}
-
-function normalVal(val, options) {
-  const findItem = options?.find(item => item.columnValue == val)
-  if (findItem) {
-    return lang?.value?.indexOf('zh') > -1 ? findItem.columnDesc_zh : findItem.columnDesc
-  }
-  return val
-}
-
-function normalResult(ret, config) {
-  ret[config.metaCode] = normalVal(ret[config.metaCode], getOptions(config))
-  if (config?.dateFormat) {
-    ret[config.metaCode] = formatDate(ret[config.metaCode], config.dateFormat)
-  }
-  if (config?.amountFormat) {
-    ret[config.metaCode] = formatAmount(ret[config.metaCode], config.amountFormat)
-  }
-  if (typeof config?.formatter === "function") {
-    ret[config.metaCode] = config.formatter(ret[config.metaCode], ret, config, props)
-  }
-}
-
-function normalTableRowValue(row) {
-  const ret = {
-    ...row
-  }
-  pmPageMetaList.value.forEach(config => {
-    if (config?.defaultValue) {
-      if (ret[config.metaCode] === "" || ret[config.metaCode] === undefined || ret[config.metaCode] === null) {
-        ret[config.metaCode] = config.defaultValue
-        row[config.metaCode] = config.defaultValue
-      }
-    }
-    normalResult(ret, config)
-  })
-  return ret
-}
-
-defineExpose({
-  page,
-  changePage: (val, key) => {
-    page[key || 'pageNum'] = val
-  },
-})
-
-</script>
-<template>
-  <div>
-    <cmi-table ref="tableRef" :key="tableKey" v-bind="tableProps" @rowclick="tableEvents.onRowclick" @togglelandscape="tableEvents.onTogglelandscape">
-      <cmi-table-column
-        v-for="column in pmPageMetaList" :key="column.metaCode"
-        v-bind="{
-          ...attrs,
-          ...getTableColumnProps(column)
-        }"
-      >
-      </cmi-table-column>
-    </cmi-table>
-    <div v-if="pageable && normalPageTotal > 3" :style="{'display': 'flex', 'justify-content': pageAlignEnmu[pageAlign || PAGE_CENTER]}" style="margin-bottom: 12px;">
-      <cmi-pagination
-        :key="normalPageTotal"
-        style="border-radius: 8px;border: 1px solid rgba(219,219,219,1);"
-        v-bind="{...paginationProps, ...pagenationEvents}"
-        @sizeChange="pagenationEvents.onSizeChange"
-        @currentChange="pagenationEvents.onCurrentChange"
-        :total="normalPageTotal"
-        :pagesize="page.pageSize"
-        :current="page.pageNum"
-      />
-    </div>
-  </div>
-</template>

package/src-bak/components/packages-H5/CustomComponentTabsH5.vue

@@ -1,170 +0,0 @@
-<script setup>
-import { computed, inject, nextTick, onMounted, ref, useAttrs, watch } from 'vue'
-import { commonPropsType, getUuid, hasOwn } from '../../utils/index.js'
-import Renderer from '../../renderer.jsx'
-import CustomComponentTabPaneH5 from './CustomComponentTabPaneH5.vue'
-
-const props = defineProps({
-  ...commonPropsType,
-})
-
-const uuid = getUuid()
-const lang = inject('lang')
-const attrs = useAttrs()
-const modelValue = defineModel()
-const tabpanes = computed(() => {
-  return props.config.pmPageMetaList || []
-})
-const tabpanesOfHidden = computed(() => {
-  return tabpanes.value?.map(item => item.hidden)
-})
-
-const activeNameModel = ref(null)
-const activeNames = computed({
-  get() {
-    const showTabpanes = tabpanes.value.filter(item => item.hidden != '1')
-    const currentTab = showTabpanes.find(tab => tab.defaultShowFlag == '1')
-    const currentCycleTab = showTabpanes.find(tab => tab.currentCode)
-    if (currentTab) {
-      return currentTab?.isCycle == '1' ? `${currentTab.metaCode}-0` : currentTab.metaCode
-    }
-    if (currentCycleTab) {
-      return currentCycleTab.currentCode
-    }
-    if (showTabpanes[0]) {
-      if (assertMetaType(showTabpanes[0], 'CustomComponentCycleTabPaneH5') || showTabpanes[0]?.isCycle == '1') {
-        return `${showTabpanes[0].metaCode}-0`
-      } else {
-        return showTabpanes[0].metaCode
-      }
-    }
-  },
-  set(val) {
-    tabpanes.value.forEach(tab => {
-      if (assertMetaType(tab, 'CustomComponentCycleTabPaneH5') || tab?.isCycle == '1') {
-        if (/^cycleTabpane-(\d+)$/.test(val)) {
-          tab.currentCode = val
-        } else {
-          tab.currentCode = ''
-        }
-      } else if (tab.metaType === 'CustomComponentTabPaneH5') {
-        if (tab.metaCode === val) {
-          tab.defaultShowFlag = '1'
-        } else {
-          tab.defaultShowFlag = '0'
-        }
-      }
-      
-    })
-  }
-})
-const tabProps = computed(() => {
-  return {
-    activekey: activeNameModel.value || activeNames.value,
-    sticky: props.config?.sticky == '1',
-    offsettop: (props.config?.offsetTop || '0') + 'vw',
-    type: props.config.displayType || props.config.tabType,
-    title: lang.value?.indexOf('zh') > -1 ? props.config.metaNameZh : props.config.metaNameEn,
-    stopSlide: props.config?.stopSlide ?? true
-  }
-})
-
-const getValue = (code) => {
-  return modelValue.value?.[code]
-}
-const onUpdateModelValue = (val, code) => {
-  if (!modelValue.value) {
-    modelValue.value = {
-      [code]: val
-    }
-  } else {
-    modelValue.value[code] = val
-  }
-}
-
-const gap = computed(() => {
-  return props.config.gap ?? '1'
-})
-
-const customClass = computed(() => {
-  return {
-    "custom-component-tabs-h5": true,
-    "--gap": gap.value == '1'
-  }
-})
-
-function assertMetaType(config, metaType) {
-  return config.renderby === metaType || config.metaType === metaType
-}
-
-onMounted(() => {
-  // 控制 nav 头 可以支持设置hidden的时候的效果 ====start====
-  watch(() => props.config._componentLoad, (val) => {
-    setTimeout(() => {
-      if (val) {
-        watch(tabpanesOfHidden, (hids) => {
-          const navList = document.getElementById(uuid)?.shadowRoot?.querySelectorAll('cmi-tab-nav')
-          hids?.forEach((hidden, idx) => {
-            if (navList?.[idx]?.style) {
-              if (hidden == '1') {
-                navList[idx].style.display = 'none'
-              } else {
-                navList[idx].style.display = 'inline-flex'
-              }
-            }
-          })
-
-          activeNameModel.value = 'void'
-          nextTick(() => {
-            activeNameModel.value = null
-          })
-        }, {
-          immediate: true
-        })
-      }
-    }, 300);
-  }, {
-    immediate: true
-  })
-  // 控制 nav 头 可以支持设置hidden的时候的效果 ====end====
-})
-</script>
-
-<template>
-  <cmi-tabs :id="uuid" :class="customClass" v-bind="{...attrs, ...tabProps}">
-    <!-- <Renderer :config="tabpanes" v-model="modelValue"></Renderer> -->
-     <!-- 只能用下面这种方式写，移动端这个组件 内容嵌套多层级，就显示不出来 -->
-    <CustomComponentTabPaneH5 v-for="tabpane in tabpanes" :config="tabpane" :key="tabpane.metaId">
-      <Renderer :config="tabpane?.pmPageMetaList || []" :additionConfigs="[tabpane]" :modelValue="getValue(tabpane.metaCode)" @update:modelValue="(val) => { onUpdateModelValue(val, tabpane.metaCode) }"></Renderer>
-    </CustomComponentTabPaneH5>
-  </cmi-tabs>
-</template>
-
-<style lang="scss" scoped>
-.custom-component-tabs-h5 {
-  // &.cmi-tabs {
-  //   --cmi-tab-item-min-width: 90px;
-  // }
-}
-</style>
-
-<style lang="scss">
-.CustomComponentTabsH5 {
-  margin-bottom: 16px;
-  &:last-child {
-    margin-bottom: 0;
-  }
-  .CustomComponentCollapseH5 {
-    margin-bottom: 0;
-  }
-  .--gap {
-    --cmi-tabs-background-color: transparent;
-    .CustomComponentCollapseH5 {
-      margin-bottom: 16px;
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-}
-</style>

package/src-bak/components/packages-web/CustomComponentCard.vue

@@ -1,40 +0,0 @@
-<template>
-  <ElCard class="standard-wrap" v-bind="cardProps">
-    <ElRow>
-      <Renderer :config="pmPageMetaList" v-model="modelValue"></Renderer>
-    </ElRow>
-  </ElCard>
-</template>
-<script setup>
-import { ElCard, ElRow } from 'element-plus'
-import { commonPropsType, hasOwn } from '../../utils/index.js'
-import Renderer from '../../renderer.jsx'
-import { computed } from 'vue'
-
-const modelValue = defineModel()
-const props = defineProps({
-  ...ElCard.props,
-  ...commonPropsType,
-})
-
-const cardProps = computed(() => {
-  const ret = Object.keys(ElCard.props).reduce((ret, key) => {
-    ret[key] = props[key]
-    return ret
-  }, {})
-  if (!hasOwn(ret, 'shadow')) {
-    ret.shadow = 'never'
-  }
-  return ret
-})
-
-const pmPageMetaList = computed(() => {
-  return props.config?.pmPageMetaList?.filter(item => !item.collapseSlot) || []
-})
-</script>
-<style lang="scss">
-// .custom-component-card {
-//   width: 100%;
-//   box-sizing: border-box
-// }
-</style>