resolver-egretimp-plus 0.1.119 → 0.1.121

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

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

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

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

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

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

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

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

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