resolver-egretimp-plus 0.1.113 → 0.1.115

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

@@ -0,0 +1,152 @@
+<script setup>
+import { computed, defineProps, watch, inject, ref, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+import dayjs from "dayjs"
+
+const calendarRef = ref(null)
+const attrs = useAttrs()
+const lang = inject('lang')
+const modelValue = defineModel()
+const props = defineProps({
+  ...commonPropsType,
+})
+const open = computed({
+  get() {
+    return props?.config?.open == '1'
+  },
+  set(val) {
+    props.config.open = val ? '1' : '0'
+  }
+})
+const prefixIcon = computed(() => {
+  return props?.config?.prefixIcon
+})
+const suffixIcon = computed(() => {
+  return props?.config?.suffixIcon
+})
+const format = computed(() => {
+  return props?.config?.format || "YYYY-MM-DD"
+})
+
+const formatValue = computed({
+  get() {
+    return modelValue.value
+  },
+  set(val) {
+    let valueArr = Array.isArray(val) ? val : [val]
+    let formatVal = valueArr.reduce((pre, cur, i) => {
+      pre = pre + dayjs(cur).format(format.value) + (i === valueArr.length - 1 ? "" : ",")
+      return pre
+    }, "")
+    modelValue.value = formatVal
+  }
+})
+
+const separator = computed(() => {
+  if (props?.config?.displayType === "multiple") {
+    return "; "
+  } else if (props?.config?.displayType === "range") {
+    return " ~ "
+  }
+  return ""
+})
+
+const valueDesc = computed(() => {
+  let desc = ""
+  if (formatValue.value) {
+    let valueArr = formatValue.value.split(",")
+    desc = valueArr.reduce((pre, cur, i) => {
+      pre = pre + dayjs(cur).format(format.value) + (i === valueArr.length - 1 ? "" : separator.value)
+      return pre
+    }, "")
+  }
+  return desc
+})
+
+const calcProps = computed(() => {
+  const ret = {
+    type: props?.config?.displayType,
+    title: lang.value?.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn,
+    readonly: props?.config?.readonly == '1',
+    tiled: props?.config?.tiled == '1',
+    mindate: props?.config?.mindate,
+    maxdate: props?.config?.maxdate,
+    hidemark: props?.config?.hidemark == '1',
+    hidetitle: props?.config?.hidetitle == '1',
+    hidesubtitle: props?.config?.hidesubtitle == '1',
+    hideconfirm: props?.config?.hideconfirm == '1',
+    eagerrender: props?.config?.eagerrender == '1',
+    confirmtext: props?.config?.confirmtext,
+    confirmdisabledtext: props?.config?.confirmdisabledtext,
+    weekfirstday: props?.config?.weekfirstday,
+    forbidmaskclick: props?.config?.forbidmaskclick == '1',
+
+    maxrange: props?.config?.maxrange,
+    rangeprompt: props?.config?.rangeprompt,
+    hiderangeprompt: props?.config?.hiderangeprompt == '1',
+    allowsameday: props?.config?.allowsameday == '1',
+  }
+  return ret
+})
+const onClose = () => {
+  props.config?.onClose?.()
+  open.value = false
+}
+const onConfirm = (e) => {
+  formatValue.value = e.detail.value
+  props.config?.onConfirm?.(formatValue.value)
+  open.value = false
+}
+
+let setValueUnWatch = null
+watch(() => {
+  return calcProps.tiled
+}, (val) => {
+  setValueUnWatch && setValueUnWatch()
+  if (val) {
+    setValueUnWatch = watch(formatValue, (val) => {
+      let valueArr = val.split(",")
+      if (calcProps.type == single) {
+        calendarRef.value?.setValue?.(dayjs(valueArr[0])?.toDate())
+      } else {
+        calendarRef.value?.setValue?.(valueArr?.map(curVal => dayjs(curVal)?.toDate()) || [])
+      }
+    })
+  }
+}, {
+  immediate: true
+})
+
+const inputProps = computed(() => {
+  return {
+    placeholder: lang?.value?.indexOf('zh') > -1 ? props.config?.defPlacehold : props.config?.defPlaceholdEn,
+    disabled: props.disabled
+  }
+})
+
+const onFocus = (e) => {
+  open.value = true
+  e.preventDefault()
+  e.stopPropagation()
+  e.target.blur()
+}
+
+</script>
+
+<template>
+  <cmi-input v-if="!calcProps.tiled" :value="valueDesc" suffixIcon @focus="onFocus" v-bind="{...attrs, ...inputProps}">
+    <div slot="suffix" v-if="suffixIcon">
+      <component :is="`cmi-icon-${suffixIcon}`" color="#4E5969"></component>
+    </div>
+    <span slot="prefix" v-if="prefixIcon">
+      <component :is="`cmi-icon-${prefixIcon}`" color="#4E5969"></component>
+    </span>
+  </cmi-input>
+  <cmi-calendar
+    ref="calendarRef"
+    v-bind="{...attrs, ...calcProps}"
+    :open="open"
+    @close="onClose"
+    @confirm="onConfirm"
+  />
+</template>

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

@@ -0,0 +1,87 @@
+<script setup>
+import { computed, defineProps, inject, useAttrs } from 'vue'
+import { commonPropsType, formatDate, formatAmount, hasOwn } from '../../utils/index.js'
+
+const lang = inject('lang')
+const modelValue = defineModel()
+const props = defineProps({
+  ...commonPropsType,
+  formatter: {
+    type: Function,
+    default: null
+  },
+  titleFormatter: {
+    type: Function,
+    default: null
+  }
+})
+
+const emptyValDisplay = props.config?.emptyValDisplay ?? "--"
+
+const normalVal = computed(() => {
+  const findItem = props?.options?.find(item => item.columnValue == modelValue.value)
+  if (findItem) {
+    return lang?.value?.indexOf('zh') > -1 ? findItem.columnDesc_zh : findItem.columnDesc
+  }
+  return modelValue.value
+})
+
+const dateFormat = computed(() => {
+  return props.config?.dateFormat
+})
+
+const amountFormat = computed(() => {
+  return props.config?.amountFormat
+})
+
+const calcProps = computed(() => {
+  let desc = normalVal.value ?? props.config?.desc
+  let title = lang?.value?.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn
+  try {
+    if (desc?.toString) {
+      desc = desc.toString()
+    }
+    if (dateFormat.value) {
+      desc = formatDate(desc, dateFormat.value)
+    }
+    if (amountFormat.value) {
+      desc = formatAmount(desc, amountFormat.value)
+    }
+    if (props.formatter && typeof props.formatter === "function") {
+      desc = props.formatter(desc, props.config, props)
+    }
+    if (desc === "" || desc === undefined || desc === null) {
+      desc = emptyValDisplay
+    }
+    if (props.titleFormatter && typeof props.titleFormatter === "function") {
+      title = props.titleFormatter(title, props.config, props)
+    }
+  } catch (error) {
+    console.log('CmiCell, error==:', error)
+  }
+  return {
+    title,
+    desc,
+    content: props.config?.content,
+    to: props.config?.toHref,
+    islink: props.config?.islink == '1',
+    icon: props.config?.icon,
+    selfadaption: hasOwn(props.config, 'selfadaption') ? props.config.selfadaption == '1' : true,
+    noborder: props.config?.noborder == '1' || props.config?.borderHidden == '1',
+  }
+})
+const attrs = useAttrs()
+const onChange = (e) => {
+  modelValue.value = e.detail.value
+}
+
+</script>
+
+<template>
+  <cmi-cell-group>
+    <cmi-cell
+      v-bind="{ ...attrs, ...calcProps}"
+      @change="onChange"
+    ></cmi-cell>
+  </cmi-cell-group>
+</template>

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

@@ -0,0 +1,82 @@
+<script setup>
+import { useAttrs, computed, inject } from 'vue'
+import { commonPropsType, hasOwn } from '../../utils/index.js'
+
+const props = defineProps({
+  ...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 isMutiple = computed(() => {
+  return props.options && props.options.length
+})
+
+const checkboxGroupProps = computed(() => {
+  return {
+    direction: props.config?.direction,
+  }
+})
+
+const checkboxProps = computed(() => {
+  return {
+    label: lang?.value?.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn,
+    size: props?.config?.size,
+    disabled: props.disabled,
+    block: props?.config?.block == '1',
+    indeterminate: props?.config?.indeterminate == '1',
+  }
+})
+const attrs = useAttrs()
+const modelValue = defineModel()
+
+const proxyValue = computed({
+  get() {
+    if (isMutiple.value) {
+      const val = modelValue.value || ''
+      return val ? val.split(',') : []
+    } else {
+      return modelValue.value
+    }
+  },
+  set(val) {
+    if (isMutiple.value) {
+      modelValue.value = val.join(',')
+    } else {
+      modelValue.value = val
+    }
+  }
+})
+
+const onChange = ({ detail }) => {
+  proxyValue.value = detail.value
+}
+const onSigleChange = ({ detail }) => {
+  proxyValue.value = detail.value ? '1' : '0'
+}
+</script>
+
+<template>
+  <cmi-checkbox-group :value="proxyValue" @change="onChange" v-if="isMutiple" v-bind="{...attrs, ...checkboxGroupProps}">
+    <cmi-checkbox 
+      class="mr-20"
+      v-for="option in props.options" :key="option.columnValue"
+      :disabled="props.disabled || option.columnStatus == '0' || option.columnStatus == '2'"
+      :name="option.columnValue" :label="lang.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc"
+    >
+      {{lang.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc}}
+    </cmi-checkbox>
+  </cmi-checkbox-group>
+  <cmi-checkbox v-else v-bind="{...attrs, ...checkboxProps}" :checked="proxyValue == '1'" :value="proxyValue" @change="onSigleChange">
+    {{ label }}
+  </cmi-checkbox>
+</template>
+<style lang="scss" scoped>
+.mr-20 {
+  margin-right: 20px;
+}
+</style>

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

@@ -0,0 +1,98 @@
+<script setup>
+import { computed, defineProps, inject, ref, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+
+const attrs = useAttrs()
+const lang = inject('lang')
+const modelValue = defineModel()
+const props = defineProps({
+  ...commonPropsType,
+})
+const open = computed({
+  get() {
+    return props?.config?.open == '1'
+  },
+  set(val) {
+    props.config.open = val ? '1' : '0'
+  }
+})
+const prefixIcon = computed(() => {
+  return props?.config?.prefixIcon
+})
+const suffixIcon = computed(() => {
+  return props?.config?.suffixIcon
+})
+const formatArr = computed(() => {
+  return props?.config?.format?.match(/\W/g) || []
+})
+
+const formatValue = computed({
+  get() {
+    return modelValue.value
+  },
+  set(val) {
+    let valueArr = Array.isArray(val) ? val : val.split(/\W/).map((value) => ({ value }))
+    let formatVal = valueArr.reduce((pre, cur, i) => {
+      pre = pre + cur.value + (i === valueArr.length - 1 ? "" : formatArr.value[i])
+      return pre
+    }, "")
+    modelValue.value = formatVal
+  }
+})
+
+const calcProps = computed(() => {
+  const ret = {
+    type: props?.config?.displayType,
+    title: lang.value?.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn,
+    forbidmaskclick: props?.config?.forbidmaskclick == '1',
+    mindate: props?.config?.mindate,
+    maxdate: props?.config?.maxdate,
+    minhour: props?.config?.minhour,
+    maxhour: props?.config?.minhour,
+    minminute: props?.config?.minminute,
+    maxminute: props?.config?.maxminute,
+  }
+  return ret
+})
+const onClose = () => {
+  props.config?.onClose?.()
+  open.value = false
+}
+const onConfirm = (e) => {
+  formatValue.value = e.detail.value
+  props.config?.onConfirm?.(formatValue.value)
+  open.value = false
+}
+
+const inputProps = computed(() => {
+  return {
+    placeholder: lang?.value?.indexOf('zh') > -1 ? props.config?.defPlacehold : props.config?.defPlaceholdEn,
+    disabled: props.disabled
+  }
+})
+
+const onFocus = (e) => {
+  open.value = true
+  e.preventDefault()
+  e.stopPropagation()
+  e.target.blur()
+}
+
+</script>
+
+<template>
+  <cmi-input :value="formatValue" suffixIcon @focus="onFocus" v-bind="{...attrs, ...inputProps}">
+    <div slot="suffix" v-if="suffixIcon">
+      <component :is="`cmi-icon-${suffixIcon}`" color="#4E5969"></component>
+    </div>
+    <span slot="prefix" v-if="prefixIcon">
+      <component :is="`cmi-icon-${prefixIcon}`" color="#4E5969"></component>
+    </span>
+  </cmi-input>
+  <cmi-datetime-picker
+    v-bind="{...attrs, ...calcProps}"
+    :open="open"
+    @close="onClose"
+    @confirm="onConfirm"
+  />
+</template>

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

@@ -0,0 +1,30 @@
+<script setup>
+import { computed, defineProps, inject } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+
+const lang = inject('lang')
+const props = defineProps({
+  ...commonPropsType,
+})
+const dividerProps = computed(() => {
+  return {
+    direction: props.config?.direction,
+    borderStyle: props.config?.borderStyle,
+    borderwidth: props.config?.borderwidth,
+    position: props.config?.position,
+  }
+})
+const modelValue = defineModel()
+
+const label = computed(() => {
+  return modelValue.value || (lang?.value?.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn)
+})
+</script>
+
+<template>
+  <cmi-divider
+    v-bind="{...dividerProps}"
+  >
+    {{ label }}
+  </cmi-divider>
+</template>

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

@@ -0,0 +1,58 @@
+<script setup>
+import { computed, defineProps, inject, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+
+const selects = inject('selects')
+const lang = inject('lang')
+const modelValue = defineModel()
+const props = defineProps({
+  ...commonPropsType,
+})
+
+const dropdownMenuProps = computed(() => {
+  return {
+    title: lang?.value?.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn,
+    "active-color": props.config?.['active-color'] || props.config?.activeColor,
+    direction: props.config?.direction,
+    "z-index": props.config?.['z-index'] || props.config?.zIndex,
+    "active-color": props.config?.['hide-overlay'] || props.config?.hideOverlay,
+    "swipe-threshold": props.config?.['swipe-threshold'] || props.config?.swipeThreshold,
+  }
+})
+
+const optionItems = computed(() => {
+  return JSON.parse(props.config?.optionItems || '[]')
+})
+
+const getItemValue = (idx) => {
+  const val = modelValue.value || ''
+  const valArr = val.split(',')
+  return valArr[idx]
+}
+const getDropdownItemProps = (config, idx) => {
+  return {
+    value: getItemValue(idx),
+    disabled: props.disabled,
+    title: config?.label,
+    activetype: props.config?.activetype,
+    options: ((selects?.value && selects?.value?.[config?.selectKey]) || []).map(option => {
+      return {
+        label: lang?.value?.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc,
+        value: option.columnValue
+      }
+    }),
+    onChange(e) {
+      const val = modelValue.value || ''
+      const valArr = val.split(',')
+      valArr[idx] = e.detail.value
+      modelValue.value = valArr?.join(',')
+    }
+  }
+}
+</script>
+
+<template>
+  <cmi-dropdown-menu v-bind="{...dropdownMenuProps}">
+    <cmi-dropdown-item v-for="(config, idx) in optionItems" :key="JSON.stringify(config)" v-bind="{...getDropdownItemProps(config, idx)}"></cmi-dropdown-item>
+  </cmi-dropdown-menu>
+</template>

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

@@ -0,0 +1,69 @@
+<script setup>
+import { computed, defineProps, inject, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+
+const lang = inject('lang')
+const props = defineProps({
+  ...commonPropsType,
+  formatter: {
+    type: Function,
+    default: null
+  },
+  parser: {
+    type: Function,
+    default: null
+  }
+})
+const inputProps = computed(() => {
+  return {
+    label: props.config?.label,
+    type: props.config?.displayType,
+    name: props.config?.name,
+    placeholder: lang?.value?.indexOf('zh') > -1 ? props.config?.defPlacehold : props.config?.defPlaceholdEn,
+    min: props.config?.min,
+    minlength: props.config?.minlength,
+    max: props.config?.max,
+    maxlength: props.config?.maxLength,
+    disabled: props.disabled,
+    readonly: props.config?.readonly =='1',
+    required: props.required,
+    errormsg: props.config?.errormsg,
+    clearable: props.clearable && !props.disabled,
+    showWordLimit: props.config?.showWordLimit == '1' && props.config?.maxLength,
+    showPassword: props.config?.showPassword == '1',
+    prefixIcon: props.config?.prefixIcon,
+    suffixIcon: props.config?.suffixIcon,
+    minRows: props.config?.minRows,
+    maxRows: props.config?.maxRows,
+  }
+})
+const attrs = useAttrs()
+const modelValue = defineModel()
+const onChange = (e) => {
+  valueProxy.value = e.detail.value
+}
+const valueProxy = computed({
+  get() {
+    return typeof props.formatter === "function" ? props.formatter(modelValue.value) : modelValue.value
+  },
+  set(val) {
+    let value = typeof props.parser === "function" ? props.parser(val) : val
+    if (modelValue.value === value && typeof props.formatter === "function") {
+      modelValue.value += ' '
+      setTimeout(() => {    // 如果值相等，会导致没有再次进入get取值
+        modelValue.value = value
+      }, 0)
+    } else {
+      modelValue.value = value
+    }
+  }
+})
+
+</script>
+
+<template>
+  <cmi-input
+    :value="valueProxy" v-bind="{ ...attrs, ...inputProps,}" 
+    @change="onChange"
+  ></cmi-input>
+</template>

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

@@ -0,0 +1,28 @@
+<script setup>
+import { computed, defineProps, inject, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+
+const lang = inject('lang')
+const props = defineProps({
+  ...commonPropsType,
+})
+const linkProps = computed(() => {
+  return {
+    type: props.config?.type,
+    disabled: props.disabled,
+    href: props.config?.href,
+    target: props.config?.target
+  }
+})
+const modelValue = defineModel()
+
+const label = computed(() => {
+  return modelValue.value || (lang?.value?.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn)
+})
+</script>
+
+<template>
+  <cmi-link v-bind="{...linkProps}">
+    {{ label }}
+  </cmi-link>
+</template>