resolver-egretimp-plus 0.0.4

package/src/components/packages/ElButton.vue

@@ -0,0 +1,90 @@
+<template>
+  <ElButton @click="buttonAction" v-bind="{...attrs, ...calcPorps}">
+    {{label}}
+  </ElButton>
+</template>
+<script setup>
+import { ElButton } from 'element-plus'
+import { defineProps, inject, getCurrentInstance, computed, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+import { useRoute } from 'vue-router'
+import { dispatchClickEvents } from '../helper/button.js';
+
+const appContext = getCurrentInstance()?.appContext
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElButton.props
+})
+const calcPorps = computed(() => {
+  const ret = {
+    ...props
+  }
+  if (ret.plain == '1') {
+    ret.plain = true
+  } else {
+    ret.plain = false
+  }
+
+  if (ret.circle == '1') {
+    ret.circle = true
+  } else {
+    ret.circle = false
+  }
+  if (props?.config?.rounds && props?.config?.rounds == '1') {
+    ret.round = true
+  }
+  if (props?.config?.widgetSize) {
+    ret.size = props?.config?.widgetSize
+  }
+  if (props?.config?.displayType) {
+    ret.type = props?.config?.displayType
+  }
+  return ret
+})
+
+const attrs = useAttrs()
+
+const lang = inject('lang')
+
+const label = computed(() => {
+  return lang.value.indexOf('zh') > -1 ? (props.config?.labelZh || props.config?.metaNameZh) : (props.config?.labelEn || props.config?.metaNameEn)
+})
+const route = useRoute()
+const buttonActions = inject('buttonActions', {})
+
+const dynamicMapComp = inject('dynamicMapComp')
+const hireRelatMapRules = inject('hireRelatMapRules')
+const components = inject('components')
+const selects = inject('selects')
+const rootValue = inject('rootValue')
+const dataLoad = inject('dataLoad')
+const rootForm = inject('rootForm')
+const _axiosInstance = inject('_axiosInstance')
+const routeQuery= route?.query
+
+const buttonAction = () => {
+  attrs?.onClick?.(e) // 如果配置中有点击事件
+  const actionKey = props.config?.clickActionKey || props.config?.buttonActionKey || props.config?.hireRelat
+  const actionFn = buttonActions[actionKey]
+  actionFn && actionFn(props, {
+    dynamicMapComp,
+    hireRelatMapRules,
+    components,
+    selects,
+    rootValue,
+    dataLoad,
+    rootForm,
+    routeQuery
+  }, appContext)
+  
+  const PageServiceMapVOList = props.config.lcpPageServiceMapVOList
+  if (PageServiceMapVOList?.length) {
+    dispatchClickEvents({
+      serviceList: PageServiceMapVOList,
+      axiosInstance: _axiosInstance,
+      reqData: rootValue?.value
+    })
+  }
+}
+</script>

package/src/components/packages/ElCheckbox.vue

@@ -0,0 +1,55 @@
+<template>
+  <ElCheckboxGroup v-model="modeValue" v-if="props.options && props.options.length" v-bind="{...checkboxGroupProps, ...attrs}">
+    <ElCheckbox 
+      v-bind="{...checkboxProps }"
+      v-for="option in props.options"
+      :key="option.columnValue"
+      :value="option.columnValue"
+    >
+      {{lang.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc}}
+    </ElCheckbox>
+  </ElCheckboxGroup>
+  <ElCheckbox v-else v-bind="{...checkboxProps, ...attrs}" v-model="modeValue">
+    {{ label }}
+  </ElCheckbox>
+</template>
+<script setup>
+import { ElCheckbox, ElCheckboxGroup } from 'element-plus'
+import { useAttrs, computed, inject } from 'vue'
+import { commonPropsType, hasOwn } from '../../utils/index.js'
+
+const props = defineProps({
+  ...ElCheckbox.props,
+  ...commonPropsType,
+})
+
+const lang = inject('lang')
+
+const label = computed(() => {
+  return lang.value.indexOf('zh') > -1 ? (props.config?.labelZh || props.config?.metaNameZh) : (props.config?.labelEn || props.config?.metaNameEn)
+})
+
+const checkboxGroupProps = computed(() => {
+  const ret = Object.keys(ElCheckboxGroup.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+  return ret
+})
+
+const checkboxProps = computed(() => {
+  const ret = Object.keys(ElCheckbox.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+  if (!hasOwn(props.config, 'true-value') && !hasOwn(props.config, 'trueValue')) {
+    ret['true-value'] = '1'
+  }
+  if (!hasOwn(props.config, 'false-value') && !hasOwn(props.config, 'falseValue')) {
+    ret['false-value'] = '0'
+  }
+  return ret
+})
+const attrs = useAttrs()
+const modeValue = defineModel()
+</script>

package/src/components/packages/ElDatePicker.vue

@@ -0,0 +1,58 @@
+<template>
+  <ElDatePicker v-bind="{ ...attrs, ...datePickerProps}" :disabledDate="disabledDate" v-model="modeValue"></ElDatePicker>
+</template>
+<script setup>
+import { ElDatePicker } from 'element-plus'
+import { useAttrs, computed } from 'vue'
+import { commonPropsType, formatDate, isDate } from '../../utils/index.js'
+
+const props = defineProps({
+  min: {
+    type: [Date, String],
+    default: null
+  },
+  max: {
+    type: [Date, String],
+    default: null
+  },
+  ...ElDatePicker.props,
+  ...commonPropsType,
+})
+
+const datePickerProps = computed(() => {
+  const ret = Object.keys(ElDatePicker.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+  if (!ret['value-format'] && !ret.valueFormat) {
+    ret.valueFormat = 'YYYY-MM-DD'
+  }
+  
+  return ret
+})
+const attrs = useAttrs()
+const modeValue = defineModel()
+
+
+const disabledDate = (date) => {
+  let dateTime = formatDate(date, 'yyyy-MM-dd')
+  const newDate = new Date(dateTime)
+  if (props.min) {
+    if (isDate(props.min)) {
+      return props.min.getTime() > newDate.getTime()
+    }
+    if (typeof props.min === 'string') {
+      return new Date(props.min).getTime() > newDate.getTime()
+    }
+  }
+  if (props.max) {
+    if (isDate(props.max)) {
+      return props.max.getTime() < newDate.getTime()
+    }
+    if (typeof props.max === 'string') {
+      return new Date(props.max).getTime() < newDate.getTime()
+    }
+  }
+  return false
+}
+</script>

package/src/components/packages/ElInput.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { ElInput } from 'element-plus'
+import { computed, defineProps, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElInput.props
+})
+const inputProps = computed(() => {
+  const ret = Object.keys(ElInput.props).reduce((total, key) => {
+    total[key] = props[key]
+    return total
+  }, {})
+  return ret
+})
+const attrs = useAttrs()
+const modelValue = defineModel()
+
+</script>
+<template>
+  <ElInput v-model="modelValue" v-bind="{...attrs, ...inputProps}"></ElInput>
+</template>

package/src/components/packages/ElInputNumber.vue

@@ -0,0 +1,54 @@
+<template>
+  <ElInputNumber v-bind="{...inputNumberProps, ...attrs}" @blur="normalValue" :class="[textAlignClass]" :key="updateKey" v-model="modeValue"></ElInputNumber>
+</template>
+<script setup>
+import { ElInputNumber } from 'element-plus'
+import { useAttrs, computed, ref } from 'vue'
+import { commonPropsType, isDate } from '../../utils/index.js'
+
+const props = defineProps({
+  textAlign: {
+    type: String, // left、right
+    default: ''
+  },
+  ...ElInputNumber.props,
+  ...commonPropsType,
+})
+const textAlignClass = computed(() => {
+  return props.textAlign === 'right' ? 'text-right' :
+    props.textAlign === 'left' ? 'text-left' : ''
+})
+const inputNumberProps = computed(() => {
+  const ret = Object.keys(ElInputNumber.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+  
+  return ret
+})
+const attrs = useAttrs()
+const modeValue = defineModel()
+// 目前有问题，可以输入--跟e字符串
+const updateKey = ref(false)
+const normalValue = () => {
+  if (modeValue.value === null) {
+    updateKey.value = !updateKey.value
+  }
+}
+</script>
+<style lang="scss">
+.text-right {
+  .el-input__wrapper {
+    input {
+      text-align: right;
+    }
+  }
+}
+.text-left {
+  .el-input__wrapper {
+    input {
+      text-align: left;
+    }
+  }
+}
+</style>

package/src/components/packages/ElPagination.vue

@@ -0,0 +1,56 @@
+<script setup>
+import { ElPagination } from 'element-plus'
+import { computed, defineProps, useAttrs } from 'vue'
+import { commonPropsType, hasOwn } from '../../utils/index.js'
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElPagination.props,
+})
+const calcProps = computed(() => {
+  const ret = Object.keys(ElPagination.props).reduce((total, key) => {
+    total[key] = props[key]
+    return total
+  }, {})
+  if (!props.config['page-sizes'] && !props.config['pageSizes']) {
+    ret['pageSizes'] = [5, 10, 20, 30]
+  }
+  if (!ret.layout || typeof ret.layout !== 'string') {
+    ret.layout = 'total'
+  }
+  if (props.config?.showSizer === '1' || props.config?.showJumper === '1') {
+    const layoutArr = ret.layout ? ret.layout.split(',') : []
+    if (props.config?.showSizer === '1') {
+      if (!layoutArr.some(item => item.trim() === 'sizes')) {
+        layoutArr.splice(1, 0, 'sizes')
+      }
+    }
+    if (!layoutArr.some(item => item.trim() === 'prev')) {
+      layoutArr.splice(2, 0, 'prev')
+    }
+    if (!layoutArr.some(item => item.trim() === 'pager')) {
+      layoutArr.splice(3, 0, 'pager')
+    }
+    if (!layoutArr.some(item => item.trim() === 'next')) {
+      layoutArr.splice(4, 0, 'next')
+    }
+    if (props.config?.showJumper === '1') {
+      if (!layoutArr.some(item => item.trim() === 'jumper')) {
+        layoutArr.push('jumper')
+      }
+    }
+    ret.layout = layoutArr.join(',')
+  }
+
+  if (!hasOwn(props.config, 'background')) {
+    ret.background = true
+  }
+  return ret
+})
+const attrs = useAttrs()
+const modelValue = defineModel()
+
+</script>
+<template>
+  <ElPagination v-bind="{...attrs, ...calcProps}"></ElPagination>
+</template>

package/src/components/packages/ElRadio.vue

@@ -0,0 +1,44 @@
+<template>
+  <el-radio-group v-bind="{...radioGroupProps, ...attrs}" v-model="modeValue">
+    <CurrentRadio v-for="option in props.options"
+      :key="option.columnValue"
+      :value="option.columnValue"
+    >
+      {{lang.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc}}
+    </CurrentRadio>
+  </el-radio-group>
+</template>
+<script setup>
+import { ElRadioGroup, ElRadio, ElRadioButton } from 'element-plus'
+import { useAttrs, computed, inject, ref } from 'vue'
+import { commonPropsType, hasOwn } from '../../utils/index.js'
+
+const props = defineProps({
+  ...ElRadioGroup.props,
+  ...commonPropsType,
+})
+
+// 两种样式，一种是button，一种是default，默认为default
+const type = computed(() => {
+  return props.config.type || 'default'
+})
+
+const CurrentRadio = computed(() => {
+  return type.value === 'button' ? ElRadioButton : ElRadio
+})
+
+const lang = inject('lang')
+
+const radioGroupProps = computed(() => {
+  const ret = Object.keys(ElRadioGroup.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+  if (!hasOwn(ret, 'value')) {
+    ret.value = '1'
+  }
+  return ret
+})
+const attrs = useAttrs()
+const modeValue = defineModel()
+</script>

package/src/components/packages/ElSelect.vue

@@ -0,0 +1,73 @@
+<template>
+  <ElSelect class="custom-self-select" v-bind="{...selectProps, ...attrs }" v-model="value" @clear="clear">
+    <ElOption v-for="option in props.options"
+      :key="option.columnValue"
+      :label="lang.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc"
+      :value="option.columnValue"
+      :disabled="option.columnStatus == '0' || option.columnStatus == '2'"
+    />
+  </ElSelect>
+</template>
+<script setup>
+import { ElSelect, ElOption } from 'element-plus'
+import { computed, defineProps, inject, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+
+const modelValue = defineModel()
+const props = defineProps({
+  ...ElSelect.props,
+  ...commonPropsType
+})
+const attrs = useAttrs()
+
+const value = computed({
+  get() {
+    if (isMutiple.value) {
+      const val = modelValue.value || ''
+      return val ? val.split(',') : []
+    } else {
+      if (modelValue.value !== null && modelValue.value !== undefined) {
+        if (props.options?.some(item => item.columnValue == modelValue.value)) {
+          props.config.isMatch = true
+          return `${modelValue.value}`
+        } else {
+          props.config.isMatch = false
+          return ''
+        }
+      } else {
+        return ''
+      }
+    }
+  },
+  set(val) {
+    if (isMutiple.value) {
+      modelValue.value = val.join(',')
+    } else {
+      modelValue.value = val
+    }
+  }
+})
+// 是否为多选
+const isMutiple = computed(() => {
+  return props.multiple
+})
+
+const selectProps = computed(() => {
+  const attrs = Object.keys(ElSelect.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+  if (attrs.placeholder === null || attrs.placeholder === undefined) {
+    attrs.placeholder = ''
+  }
+  return attrs
+})
+const lang = inject('lang')
+const clear = () => {
+  modelValue.value = ''
+}
+</script>
+<style lang="scss">
+.custom-self-select {
+}
+</style>

package/src/components/packages/ElText.vue

@@ -0,0 +1,48 @@
+<template>
+  <ElText v-bind="{...elRowProps, ...attrs}" @click="clickAction" >
+    {{props.refValue.value}}
+  </ElText>
+</template>
+<script setup>
+import { ElText } from 'element-plus'
+import { computed, defineProps, inject, getCurrentInstance, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+const appContext = getCurrentInstance()?.appContext
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElText.props
+})
+const attrs = useAttrs()
+
+const elRowProps = computed(() => {
+  return Object.keys(ElText.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+})
+const buttonActions = inject('buttonActions', {})
+
+const dynamicMapComp = inject('dynamicMapComp')
+const hireRelatMapRules = inject('hireRelatMapRules')
+const components = inject('components')
+const selects = inject('selects')
+const rootValue = inject('rootValue')
+const dataLoad = inject('dataLoad')
+const rootForm = inject('rootForm')
+
+const clickAction = (e) => {
+  attrs?.onClick?.(e) // 如果配置中有点击事件
+  const actionKey = props.config?.clickActionKey || props.config?.buttonActionKey || props.config?.hireRelat
+  const actionFn = buttonActions[actionKey]
+  actionFn && actionFn(props, {
+    dynamicMapComp,
+    hireRelatMapRules,
+    components,
+    selects,
+    rootValue,
+    dataLoad,
+    rootForm
+  }, appContext)
+}
+</script>

package/src/components/packages/ElTimePicker.vue

@@ -0,0 +1,34 @@
+<template>
+  <ElTimePicker v-bind="calcProps" v-model="modeValue"></ElTimePicker>
+</template>
+<script setup>
+import { ElTimePicker } from "element-plus"
+import { useAttrs, computed, ref, watch } from "vue"
+import { commonPropsType, isDate } from "../../utils/index.js"
+
+const attrs = useAttrs()
+const props = defineProps({
+  min: {
+    type: [Date, String],
+    default: null
+  },
+  max: {
+    type: [Date, String],
+    default: null
+  },
+  ...ElTimePicker.props,
+  ...commonPropsType
+})
+const calcProps = computed(() => {
+  const ret = Object.keys(ElTimePicker.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {...attrs})
+
+  delete ret.modelValue
+  delete ret.defaultValue
+  return ret
+})
+
+const modeValue = defineModel()
+</script>

package/src/components/patchComponents.js

@@ -0,0 +1,46 @@
+let composeKeys = null
+let composeComponents = null
+
+export default function () {
+  if (!composeComponents || !composeKeys) {
+    let modulesFiles = {}
+    let modulesFilesKeys = []
+    let resolveModule = null
+    try {
+      if (require) {
+        modulesFiles = require.context('./packages', false, /\.(vue|jsx|js)$/)
+        modulesFilesKeys = modulesFiles.keys() || []
+        resolveModule = (modulePath) => {
+          return modulesFiles(modulePath)
+        }
+      }
+    } catch (error) {
+      modulesFiles = import.meta.glob('./packages/*.{vue,jsx,js}')
+      modulesFilesKeys = Object.keys(modulesFiles)
+      resolveModule = (modulePath) => {
+        return modulesFiles[modulePath]
+      }
+    }
+
+    const keys = modulesFilesKeys.map(modulePath => modulePath.replace(/(.*\/)*([^.]+).*/ig,"$2"))
+    const components = modulesFilesKeys.reduce((retObj, modulePath) => {
+      const moduleName = modulePath.replace(/(.*\/)*([^.]+).*/ig,"$2")
+      const value = resolveModule(modulePath)
+      retObj[moduleName] = value.default || value
+      return retObj
+    }, {})
+
+    composeKeys = [
+      // ...dynamicKeys,
+      ...keys
+    ]
+    composeComponents = {
+      // ...dynamicComponents,
+      ...components
+    }
+  }
+  return {
+    composeKeys,
+    composeComponents
+  }
+}