resolver-egretimp-plus 0.1.113 → 0.1.115

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

@@ -0,0 +1,81 @@
+<template>
+  <ElInputNumber v-bind="{...inputNumberProps, ...attrs}" @blur="normalValue" :class="[textAlignClass]" :key="updateKey" v-model="inputNumberValue">
+    <template v-for="(_, key) in slots" :key="key" v-slot:[key]="scope">
+      <slot :name="key" v-bind="scope"></slot>
+    </template>
+  </ElInputNumber>
+</template>
+<script setup>
+import { ElInputNumber } from 'element-plus'
+import { useAttrs, computed, ref, useSlots } from 'vue'
+import { commonPropsType, isDate } from '../../utils/index.js'
+
+const slots = useSlots()
+const props = defineProps({
+  textAlign: {
+    type: String, // left、right
+    default: ''
+  },
+  ...ElInputNumber.props,
+  ...commonPropsType,
+  step: [String, Number],
+  precision: [String, Number],
+  modeValue: [String, Number]
+})
+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
+  }, {})
+  if (props.config?.maxValue && !isNaN(props.config.maxValue)) {
+    ret.max =parseFloat(props.config.maxValue)
+  }
+  if (props.config?.minValue && !isNaN(props.config.minValue)) {
+    ret.min = parseFloat(props.config.minValue)
+  }
+  if (props.config?.precise && !isNaN(props.config.precise)) {
+    ret.precision = parseInt(props.config.precise)
+  }
+  if (ret.step) {
+    ret.step = parseFloat(ret.step)
+  }
+  return ret
+})
+const attrs = useAttrs()
+const modeValue = defineModel()
+const inputNumberValue = computed({
+  get() {
+    return parseFloat(modeValue.value)
+  },
+  set(val) {
+    modeValue.value = val
+  }
+})
+// 目前有问题，可以输入--跟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-bak/components/packages-web/ElPagination.vue

@@ -0,0 +1,61 @@
+<script setup>
+import { ElPagination } from 'element-plus'
+import { computed, defineProps, useAttrs, useSlots } from 'vue'
+import { commonPropsType, hasOwn } from '../../utils/index.js'
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElPagination.props,
+})
+const slots = useSlots()
+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}">
+    <template v-for="(_, key) in slots" :key="key" v-slot:[key]="scope">
+      <slot :name="key" v-bind="scope"></slot>
+    </template>
+  </ElPagination>
+</template>

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

@@ -0,0 +1,47 @@
+<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}}
+      <template v-for="(_, key) in slots" :key="key" v-slot:[key]="scope">
+        <slot :name="key" v-bind="scope"></slot>
+      </template>
+    </CurrentRadio>
+  </el-radio-group>
+</template>
+<script setup>
+import { ElRadioGroup, ElRadio, ElRadioButton } from 'element-plus'
+import { useAttrs, computed, inject, useSlots } from 'vue'
+import { commonPropsType, hasOwn } from '../../utils/index.js'
+
+const props = defineProps({
+  ...ElRadioGroup.props,
+  ...commonPropsType,
+})
+const slots = useSlots()
+// 两种样式，一种是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-bak/components/packages-web/ElSelect.jsx

@@ -0,0 +1,249 @@
+import { ElSelect, ElOption, ElSelectV2 } from 'element-plus'
+import { computed, inject, onMounted, watch} from 'vue'
+import { commonPropsType, hasOwn, isArray, isNumber, isPlainObject, isString, VALUE_TYPES } from '../../utils/index.js'
+import OptionsDefault from '../options/optionsDefault.vue'
+
+export default {
+  inheritAttrs: false,
+  props: {
+    ...ElSelectV2.props,
+    ...ElSelect.props,
+    ...commonPropsType,
+    multiple: [String, Boolean, Number],
+    filterable: [String, Boolean, Number],
+    multipleLimit: [String, Number],
+    rangeOptions: Array,
+    excludeOptions: Array,
+    // 多选的分割符号
+    separator: {
+      type: [String],
+      default: ','
+    },
+    virtualized: {
+      type: [String, Boolean, Number],
+      default: ''
+    }
+  },
+  emits: ['update:modelValue'],
+  setup(props, { emit, attrs, expose, slots }) {
+    // 这个是真实的值
+    const modelValue = computed({
+      get() {
+        let val = props.modelValue
+        if (!props.hidden) {
+          if (isStrVal.value) {
+            if (isPlainObject(val) || isArray(val)) {
+              try {
+                val = Object.values(val).join(props.separator)
+                emit('update:modelValue', val)
+              } catch (error) {
+                val = val
+              }
+            }
+          } else {
+            if ((val && isString(val)) || isNumber(val)) {
+              val = `${val}`?.split(props.separator)
+              if (isObject.value) {
+                val = val?.reduce((ret, item, idx) => {ret[idx] = item; return ret;}, {})
+              }
+              emit('update:modelValue', val)
+            }
+          }
+        }
+        return val
+      },
+      set(val) {
+        emit('update:modelValue', val)
+      }
+    })
+    const separator = computed(() => {
+      return props.separator
+    })
+    const valueTypes = computed(() => {
+      return props.config?.valueType
+    })
+    // 值是list 还是,连起来的string
+    const isStrVal = computed(() => {
+      // valueType 值为 list 或者 string
+      return valueTypes.value !== VALUE_TYPES.LIST && valueTypes.value !== VALUE_TYPES.OBJECT
+    })
+    const isObject = computed(() => {
+      return valueTypes.value === VALUE_TYPES.OBJECT
+    })
+
+    // 是否为多选
+    const isMutiple = computed(() => {
+      if (typeof props.multiple === 'boolean') {
+        return props.multiple
+      }
+      return props.multiple == '1'
+    })
+
+    const options = computed(() => {
+      let list = props.options
+      if (props.rangeOptions && props.rangeOptions.length) {
+        list = list?.filter?.(item => props.rangeOptions?.some(subValue => subValue == item.columnValue))
+      }
+      if (props.excludeOptions && props.excludeOptions.length) {
+        list = list?.filter?.(item => !(props.excludeOptions?.some(subValue => subValue == item.columnValue)))
+      }
+      return list
+    })
+
+    const isVirtualized = computed(() => {
+      if (typeof props.virtualized === 'boolean') {
+        return props.virtualized
+      }
+      return props.virtualized == '1'
+    })
+
+    const currentComp = computed(() => {
+      return isVirtualized.value ? ElSelectV2 : ElSelect
+    })
+
+    const value = computed({
+      get() {
+        if (isMutiple.value) {
+          if (hasOwn(props.config, 'isMatch')) {
+            // 如果是多选情况，不需要使用isMatch进行判断，所以这里需要进行清除
+            props.config.isMatch = true
+          }
+          const val = modelValue.value || ''
+          return val ? 
+            (
+              isStrVal.value ?
+                val.split(separator.value) :
+                (
+                  isObject.value ?
+                    Object.values(val || {}) :
+                    val
+                )
+            ) :
+            []
+        } else {
+          if (modelValue.value !== null && modelValue.value !== undefined) {
+            if (options.value?.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 = isStrVal.value ? 
+            val.join(separator.value) :
+            (
+              isObject.value ?
+                val?.reduce((ret, item, idx) => {ret[idx] = item; return ret;}, {}) :
+                val
+            )
+        } else {
+          modelValue.value = val
+        }
+      }
+    })
+
+    const selectProps = computed(() => {
+      // let props = ElSelect.props
+      // if (isVirtualized.value) {
+      //   props = ElSelectV2.props
+      // }
+      // 不同通过上面注释代码进行赋值，可能是ElSelectV2.props、ElSelect.props不能复制给其他的
+
+      const attrs = Object.keys(isVirtualized.value ? ElSelectV2.props : ElSelect.props).reduce((ret, key) => {
+        ret[key] = props[key]
+        return ret
+      }, {})
+      if (attrs.placeholder === null || attrs.placeholder === undefined) {
+        attrs.placeholder = ''
+      }
+      if (typeof attrs.filterable !== 'boolean') {
+        attrs.filterable = attrs.filterable == '1'
+      }
+      if (typeof attrs.multiple === 'string') {
+        attrs.multiple = attrs.multiple == '1'
+      }
+      if (!attrs['suffix-icon'] && !attrs.suffixIcon) {
+        delete attrs.suffixIcon
+        delete attrs['suffix-icon']
+      }
+      attrs.multipleLimit = Number(parseInt(attrs.multipleLimit || 0))
+      if (isVirtualized.value) {
+        // 返回虚拟select需要的options
+        attrs.options = options.value?.map(option => {
+          return {
+            ...option,
+            value: option.columnValue,
+            label: lang?.value?.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc,
+            disabled: option.columnStatus == '0' || option.columnStatus == '2'
+          }
+        })
+      }
+      return attrs
+    })
+    const lang = inject('lang')
+    const clear = () => {
+      modelValue.value = ''
+    }
+    const getRenderSlots = function () {
+      const optionsSlotKeys = {
+        optionDefault: 'default'
+      }
+      const optionsSlots = {}
+      const selectSlots = {}
+      Object.keys(slots).forEach(key => {
+        if (Object.keys(optionsSlotKeys).includes(key)) {
+          optionsSlots[optionsSlotKeys[key]] = slots[key]
+        } else {
+          selectSlots[key] = slots[key]
+        }
+      })
+
+      if (isVirtualized.value) {
+        const originDef = selectSlots.default
+        selectSlots.default = ({ item: option }) => {
+          return (
+            <OptionsDefault label={lang?.value?.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc}>
+              {
+                originDef?.(option)
+              }
+            </OptionsDefault>
+          )
+        }
+      } else {
+        selectSlots.default = () => options.value?.map(option => {
+          return (
+            <ElOption
+              key={option.columnValue}
+              label={lang?.value?.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc}
+              value={option.columnValue}
+              disabled={option.columnStatus == '0' || option.columnStatus == '2'}
+            >
+              <OptionsDefault label={lang?.value?.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc}>
+                {
+                  optionsSlots?.default?.(option)
+                }
+              </OptionsDefault>
+            </ElOption>
+          )
+        })
+      }
+      return selectSlots
+    }
+    return () => {
+      return (
+        <currentComp.value class="custom-self-select" { ...{...attrs, ...selectProps.value }} v-model={value.value} onClear={clear}>
+          {
+            getRenderSlots()
+          }
+        </currentComp.value>
+      )
+    }
+  }
+}

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

@@ -0,0 +1,155 @@
+<template>
+  <ElSelect class="custom-self-select" v-bind="{...attrs, ...selectProps }" v-model="value" @clear="clear">
+    <ElOption v-for="option in options"
+      :key="option.columnValue"
+      :label="lang.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc"
+      :value="option.columnValue"
+      :disabled="option.columnStatus == '0' || option.columnStatus == '2'"
+    >
+      <template v-for="(_, key) in optionsSlots" :key="key" v-slot:[key]="scope">
+        <slot :name="key" v-bind="scope"></slot>
+      </template>
+    </ElOption>
+    <template v-for="(_, key) in slots" :key="key" v-slot:[key]="scope">
+      <slot :name="key" v-bind="scope"></slot>
+    </template>
+  </ElSelect>
+</template>
+<script setup>
+import { ElSelect, ElOption } from 'element-plus'
+import { computed, defineProps, inject, useAttrs, useSlots } from 'vue'
+import { commonPropsType, getComponentSolt } from '../../utils/index.js'
+
+const VALUE_TYPES = {
+  LIST: 'list',
+  OBJECT: 'object',
+  STRING: 'string',
+}
+const slots = useSlots()
+const optionsSlots = computed(() => {
+  return getComponentSolt({
+    config: props.config,
+    slotKey: 'optionsSlots'
+  }) || {}
+})
+const modelValue = defineModel()
+const props = defineProps({
+  ...ElSelect.props,
+  ...commonPropsType,
+  multiple: [String, Boolean],
+  filterable: [String, Boolean],
+  multipleLimit: [String, Number],
+  rangeOptions: Array,
+  excludeOptions: Array,
+  // 多选的分割符号
+  separator: {
+    type: [String],
+    default: ','
+  }
+})
+const attrs = useAttrs()
+const separator = computed(() => {
+  return props.separator
+})
+const valueTypes = computed(() => {
+  return props.config?.valueType
+})
+// 值是list 还是,连起来的string
+const isStrVal = computed(() => {
+  // valueType 值为 list 或者 string
+  return valueTypes.value !== VALUE_TYPES.LIST && valueTypes.value !== VALUE_TYPES.OBJECT
+})
+const isObject = computed(() => {
+  return valueTypes.value === VALUE_TYPES.OBJECT
+})
+
+// 是否为多选
+const isMutiple = computed(() => {
+  return props.multiple == '1'
+})
+
+const options = computed(() => {
+  let list = props.options
+  if (props.rangeOptions && props.rangeOptions.length) {
+    list = list?.filter?.(item => props.rangeOptions?.some(subValue => subValue == item.columnValue))
+  }
+  if (props.excludeOptions && props.excludeOptions.length) {
+    list = list?.filter?.(item => !(props.excludeOptions?.some(subValue => subValue == item.columnValue)))
+  }
+  return list
+})
+
+const value = computed({
+  get() {
+    if (isMutiple.value) {
+      const val = modelValue.value || ''
+      return val ? 
+        (
+          isStrVal.value ?
+            val.split(separator.value) :
+            (
+              isObject.value ?
+                Object.values(val || {}) :
+                val
+            )
+        ) :
+        []
+    } else {
+      if (modelValue.value !== null && modelValue.value !== undefined) {
+        if (options.value?.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 = isStrVal.value ? 
+        val.join(separator.value) :
+        (
+          isObject.value ?
+            val?.reduce((ret, item, idx) => {ret[idx] = item; return ret;}, {}) :
+            val
+        )
+    } else {
+      modelValue.value = val
+    }
+  }
+})
+
+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 = ''
+  }
+  if (typeof attrs.filterable === 'string') {
+    attrs.filterable = attrs.filterable == '1'
+  }
+  if (typeof attrs.multiple === 'string') {
+    attrs.multiple = attrs.multiple == '1'
+  }
+  if (!attrs['suffix-icon'] && !attrs.suffixIcon) {
+    delete attrs.suffixIcon
+    delete attrs['suffix-icon']
+  }
+  attrs.multipleLimit = Number(parseInt(attrs.multipleLimit || 0))
+  return attrs
+})
+const lang = inject('lang')
+const clear = () => {
+  modelValue.value = ''
+}
+</script>
+<style lang="scss">
+.custom-self-select {
+}
+</style>