resolver-egretimp-plus 0.1.113 → 0.1.115

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

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

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

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

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

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