resolver-egretimp-plus 0.1.119 → 0.1.121

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

@@ -1,247 +0,0 @@
-<template>
-  <span class="custom-component-plain" :class="classObj" @click.stop.self="clickAction">{{ props.formatter?.(value) ?? value }}</span>
-</template>
-<script setup>
-import { findComponent } from '../../utils/common';
-import { commonPropsType, PLAIN_TYPE_OPTIONS_COLUMNS } from '../../utils/const' // 这边不能用utils/index去引用，因为这个组件在utils/render.js中被引入了，会造成循环引用
-import { computed, defineModel, inject, getCurrentInstance, watch, nextTick } from 'vue'
-import dayjs from 'dayjs'
-import { isNaN } from '../../utils/is';
-import { useFormItem } from 'element-plus'
-
-defineOptions({
-  inheritAttrs: false
-})
-
-const { formItem: elFormItem } = useFormItem()
-const modelValue = defineModel()
-const props = defineProps({
-  ...commonPropsType,
-  type: {
-    type: String,
-    default: ''
-  },
-  formatter: {
-    type: Function,
-    default: null
-  },
-  isPointer: {
-    type: [String, Number]
-  },
-  // 多选的分割符号
-  separator: {
-    type: [String],
-    default: ','
-  },
-  // 多选显示时候 分隔的符号
-  separatorDesc: {
-    type: [String],
-    default: null
-  },
-  showMoney: {
-    type: [String, Number],
-    default: ''
-  },
-  // 金额显示的分割，默认‘,’
-  moneySeg: {
-    type: [String],
-    default: ','
-  },
-  min: {
-    type: Number,
-    default: -Infinity
-  },
-  max: {
-    type: Number,
-    default: Infinity
-  },
-  // 小数位数
-  decimal: {
-    type: Number,
-    default: 2
-  },
-  // 保留小数点0后缀
-  decimalSuffix: {
-    type: [Number, String],
-    default: '0'
-  },
-  // 金额显示时保留小数点0后缀
-  keepLastZero: {
-    type: [Number, String],
-    default: '0'
-  },
-  // 在显示金额的时候，可以显示的符号
-  canShowFlag: {
-    type: Array,
-    default: ['na', '-']
-  },
-  // 是否显示货币符号
-  showSymbol: {
-    type: String,
-    default: ''
-  },
-  // 货币符号
-  symbol: {
-    type: String,
-    default: '¥'
-  },
-  // 符号位置：before/after
-  symbolPosition: {
-    type: String,
-    default: 'before',
-    validator: value => ['before', 'after'].includes(value)
-  },
-})
-const lang = inject('lang')
-function isPatchComponent(components, props) {
-  return (findComponent(components, props?.config?.renderby) !== -1 || findComponent(components, props?.config?.metaType) !== -1)
-}
-const value = computed(() => {
-  if (
-    isPatchComponent(PLAIN_TYPE_OPTIONS_COLUMNS, props)
-  ) {
-    return selectFormat(modelValue.value)
-  } else if (isPatchComponent(['ElInputNumber'], props)) {
-    return inputNumebrFormat(modelValue.value, props)
-  } else {
-    if (isPatchComponent(['ElDatePicker'], props)) {
-      if (!modelValue.value) {
-        return ''
-      }
-      let val = ''
-      if (isNaN(Number(modelValue.value))) {
-        val = modelValue.value
-      } else {
-        if (props.config?.valueFormat === 'timestamp' || `${modelValue.value}`.length >= 13) {
-          val = Number(modelValue.value)
-        } else {
-          val = modelValue.value
-        }
-      }
-      return dayjs(val).format(props?.config?.format || 'YYYY-MM-DD')
-    }
-    if (props.showMoney == '1') {
-      return formatValue(modelValue.value)
-    }
-    return modelValue.value
-  }
-})
-
-// 转换inputNumber类型的值
-function inputNumebrFormat(val, props) {
-  if (val === undefined || val === null) return ''
-  const precise = parseInt(props.config.precise)
-  if (isNaN(precise)) {
-    return parseFloat(val)
-  } else {
-    return parseFloat(val)?.toFixed?.(precise)
-  }
-}
-
-const classObj = computed(() => ({
-  [`custom-component-plain--${props.type}`]: true,
-  cursor: props.isPointer == '1'
-}))
-
-
-const appContext = getCurrentInstance()?.appContext
-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 = () => {
-  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)
-}
-
-function selectFormat(value) {
-  let valList = `${value}`
-  const multiple = props?.config?.multiple == '1'
-  const isStrVal = props.config?.valueType !== 'list'
-  // 在满足多选，并且不是str格式的时候，就表示value为数组类型，取反就表示不满足的时候，需要转换成数组格式进行计算
-  if (!(multiple && !isStrVal)) {
-    try {
-      valList = valList ? (valList?.split(props.separator) || []) : []
-    } catch (error) {
-      debugger
-    }
-  }
-  return valList?.reduce((ret, val) => {
-    const str = props?.options?.find(item => item.columnValue == val)?.[lang?.value?.indexOf('zh') > -1 ? 'columnDesc_zh' : 'columnDesc'] || ''
-    return `${ret}${ret ? (props.separatorDesc || props.separator) : ''}${str}`
-  }, '')
-}
-
-// 格式化显示
-function formatValue(value) {
-  if (props.canShowFlag?.includes(String(value).toLowerCase())) {
-    return value
-  }
-  if (value === null || isNaN(value)) return ''
-  let val = `${value}`.replace(props.moneySeg, '')
-  val = parseFloat(val)
-  if (isNaN(val)) {
-    return ''
-  }
-
-  // 转换数字并限制范围
-  val = Math.max(props.min, Math.min(props.max, val))
-
-  // 处理千分位
-  if (props.decimal != '-1') {
-    val = val.toFixed(props.decimal)
-  }
-  if (props.decimalSuffix != '1') {
-    val = parseFloat(val)
-  }
-  const parts = `${val}`.split('.')
-  
-  parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, props.moneySeg)
-  
-  // 添加货币符号
-  const formatted = parts.join('.')
-  return props.showSymbol == '1'
-    ? props.symbolPosition === 'before'
-      ? `${props.symbol} ${formatted}`
-      : `${formatted} ${props.symbol}`
-    : formatted
-}
-
-watch(modelValue, () => {
-  nextTick(() => {
-    elFormItem?.validate?.('blur').catch()
-  })
-}, {
-  immediate: true
-})
-</script>
-<style lang="scss" scoped>
-.custom-component-plain {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.custom-component-plain--primary {
-  color: var(--el-color-primary);
-}
-.custom-component-plain--error {
-  color: #F54A45;
-}
-.cursor {
-  cursor: pointer;
-}
-</style>

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

@@ -1,83 +0,0 @@
-<template>
-  <ElRow class="custom-component-row" :class="classRef" v-bind="{...attrs, ...elRowProps}">
-    <Renderer :config="pmPageMetaList" v-model="props.refValue.value"></Renderer>
-  </ElRow>
-</template>
-<script setup>
-import Renderer from '../../renderer.jsx'
-import { ElRow } from 'element-plus'
-import { computed, defineProps, useAttrs } from 'vue'
-import { commonPropsType } from '../../utils/index.js'
-
-defineEmits(['update:modelValue'])
-
-const props = defineProps({
-  ...commonPropsType,
-  ...ElRow.props
-})
-const elRowProps = computed(() => {
-  return Object.keys(ElRow.props).reduce((ret, key) => {
-    ret[key] = props[key]
-    return ret
-  }, {})
-})
-const attrs = useAttrs()
-const classRef = computed(() => {
-  return {
-    'clear-right-margin': !reserveRightMargin.value,
-    'clear-bottom-margin': !reserveBottomMargin.value,
-    'not-context': allHidden.value
-  }
-})
-
-const pmPageMetaList = computed(() => {
-  return props.config?.pmPageMetaList || []
-})
-
-const allHidden = computed(() => {
-  return !pmPageMetaList.value?.find(config => !((typeof config.hidden === 'boolean' && config.hidden) || config.hidden == '1'))
-})
-// 保留内部formItem的margin-right
-const reserveRightMargin = computed(() => {
-  return props.config?.reserveRightMargin
-})
-// 保留内部formItem的margin-bottom
-const reserveBottomMargin = computed(() => {
-  return props.config?.reserveBottomMargin
-})
-</script>
-<style lang="scss">
-.el-form-item__content, simple-form-item-content {
-  & > .custom-component-row {
-    width: 100%;
-  }
-}
-.custom-component-row {
-  max-width: 100%;
-  .el-col {
-    & > .el-form-item {
-    }
-  }
-}
-.clear-right-margin {
-  .el-col {
-    & > {
-      .el-form-item, .simple-form-item {
-        margin-right: 0;
-      }
-    }
-  }
-}
-.not-context.not-context.not-context.not-context {
-  margin-bottom: 0;
-}
-.clear-bottom-margin {
-  .el-col {
-    & > {
-      .el-form-item, .simple-form-item {
-        margin-bottom: 0;
-      }
-    }
-  }
-}
-</style>

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

@@ -1,203 +0,0 @@
-<template>
-  <div class="select-employees">
-    <!-- <el-input @focus="showSelUserDialog">
-      <template #suffix>
-        <el-icon style="cursor: pointer;" @click="showSelUserDialog"><SearchIcon /></el-icon>
-      </template>
-    </el-input> -->
-    <div :id="metaCode" :style="styleObj" class="xm-select-user" :class="[props.disabled ? 'is-disabled' : '']"></div>
-    <div v-if="props.disabled" class="disable-employees"></div>
-  </div>
-</template>
-<script setup>
-import { onMounted, inject, watch, defineProps, computed, defineEmits, nextTick, resolveComponent } from 'vue';
-import { useSelEmployeeJs } from '../helper/dock.js'
-import { commonPropsType, debounce, isBoolean, isString } from '../../utils/index.js'
-import { useFormItem } from 'element-plus'
-
-// const SearchIcon = resolveComponent('Search')
-// console.log('SearchIcon==:', SearchIcon)
-const { formItem: elFormItem } = useFormItem()
-const emit = defineEmits(['change'])
-const props = defineProps({
-  ...commonPropsType,
-  multiple: {
-    type: [String, Boolean],
-    default: false
-  },
-  // ====start==== 按部门查找人员，type为user时有效，结构为{deptIds:'xxx,yyy', cascade: true, excludeDeptIds:'xxx,yyy'}, deptIds为部门ID（如有多个用英文逗号分隔），cascade为是否包含下级部门人员, excludeDeptIds为除外部门ID（如有多个用英文逗号分隔）
-  cascade: {
-    type: Boolean,
-    default: true
-  },
-  deptIds: {
-    type: String,
-    default: ''
-  },
-  excludeDeptIds: {
-    type: String,
-    default: ''
-  },
-  // ====end==== 按部门查找人员，type为user时有效，结构为{deptIds:'xxx,yyy', cascade: true, excludeDeptIds:'xxx,yyy'}, deptIds为部门ID（如有多个用英文逗号分隔），cascade为是否包含下级部门人员, excludeDeptIds为除外部门ID（如有多个用英文逗号分隔）
-  type: {
-    type: String,
-    default: 'user'
-  },
-  isFrame: {
-    type: [String, Number],
-    default: '0'
-  },
-  placeholder: {
-    type: String,
-    default: ''
-  },
-  placeholderEn: {
-    type: String,
-    default: ''
-  },
-  // 多选的分割符号
-  separator: {
-    type: [String],
-    default: ','
-  },
-  positionType:  {
-    type: String,
-    default: 'fixed'
-  },
-})
-const dataLoad = inject('dataLoad')
-const separator = computed(() => {
-  return props.separator
-})
-const metaCode = computed(() => {
-  return props.config.dynamicHireRelat?.replace(/(\]|\[|(->))/g, '')?.replace(' ', '').replace(/[!@#$%^&*]/g, '')
-  // return `${props.config?.metaCode}-${props?.rowScope?.$index || ''}`
-})
-const styleObj = computed(() => {
-  const obj = {}
-  if (props.width) {
-    obj.width = props.width
-  }
-  return obj
-})
-const lang = inject('lang')
-const modelValue = defineModel()
-watch(modelValue, () => {
-  nextTick(() => {
-    elFormItem?.validate?.('blur').catch()
-  })
-})
-const initSelEmployee = async () => {
-  let feiShuTokens = ''
-  const { getToken, loadStyle, loadScript, initSelUser } = useSelEmployeeJs()
-  let ret = await Promise.all([getToken(), loadStyle(), loadScript()])
-  if (ret && ret.length) {
-    feiShuTokens = ret[0]
-    if (!feiShuTokens) return
-  }
-  
-  const unWatch = watch(() => {
-    return dataLoad.value
-  }, async (val) => {
-    if (!val) return
-    await seelp(200)
-    console.log('select-employees modelValue:', modelValue.value)
-    const data = modelValue.value ? modelValue.value.split(separator.value) : []
-    let deptForUser = {}
-    if (props.deptIds || props.excludeDeptIds) {
-      deptForUser.deptIds = isString(props.deptIds) ? props.deptIds : ''
-      deptForUser.excludeDeptIds = isString(props.excludeDeptIds) ? props.excludeDeptIds : ''
-      deptForUser.cascade = isBoolean(props.cascade) ? props.cascade : !!(props.cascade)
-    }
-    const initParams = {
-      el: `#${metaCode.value}`,
-      data,
-      token: feiShuTokens,
-      type: props.type,
-      deptForUser,
-      lang: lang.value,
-      multiple: typeof props.multiple === 'boolean' ? props.multiple : props.multiple == '1',
-      placeholder: lang?.value?.indexOf('zh') > -1 ? props.placeholder : props.placeholderEn,
-      // disabled: props.disabled,
-      onSelectedChange: (data, arr) => {
-        console.log('onSelectedChange===:', data, arr)
-        emit('change', data, arr, props)
-        modelValue.value = data?.join(separator.value) || ''
-      },
-    }
-    if (props.positionType) {
-      initParams.positionType = props.positionType
-    }
-    if (props.disabled) {
-      initParams.userIds = data
-    }
-    console.log(`metaCode:${props?.config?.metaCode},initParams:`, initParams)
-    initSelUser(initParams)
-    unWatch && unWatch()
-  }, {
-    immediate: true
-  })
-}
-
-const showSelUserDialog = debounce(async function () {
-  let feiShuTokens = ''
-  const { getToken, loadScriptDepartment } = useSelEmployeeJs()
-  let ret = await Promise.all([getToken(), loadScriptDepartment()])
-  if (ret && ret.length) {
-    feiShuTokens = ret[0]
-    if (!feiShuTokens) return
-  }
-  _DIC_COMMON_JS_.showSelUserDialog({
-    token: feiShuTokens,
-  }, {
-    needCompleteData: false,
-    chooseType: 'all'
-  })?.then((res) => {
-    debugger
-  })
-}, 200)
-
-function seelp(time) {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve(true)
-    }, time);
-  })
-}
-onMounted(() => {
-  initSelEmployee()
-})
-</script>
-
-<style lang="scss">
-.select-employees {
-  position: relative;
-  width: 100%;
-  .disable-employees {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    cursor: not-allowed;
-    background: transparent;
-    // cursor: no-drop;
-    // background: #EFF0F1;
-    // border: 1px solid #D0D3D6;
-    // padding: 0 12px;
-    // border-radius: 4px;
-    // height: 32px;
-  }
-  xm-select > .xm-label .scroll .label-content {
-    line-height: 24px;
-    padding-left: 10px !important;
-    padding-top: 3px !important;
-    padding-bottom: 3px !important;
-  }
-  .is-disabled {
-    xm-select {
-      background: var(--el-disabled-bg-color);
-    }
-  }
-}
-</style>

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

@@ -1,62 +0,0 @@
-<template>
-  <ElButton @click="buttonAction" v-bind="{...attrs, ...calcPorps}">
-    {{label}}
-  </ElButton>
-</template>
-<script setup>
-import { ElButton } from 'element-plus'
-import { defineProps, inject, computed, useAttrs } from 'vue'
-import { commonPropsType } from '../../utils/index.js'
-import thirdPartyFrame from '../thirdPartyFrame'
-import { MAIL_SEND_URL } from '../../api/builtIn.js'
-
-const props = defineProps({
-  ...commonPropsType,
-  ...ElButton.props,
-  toHref: String,
-  plain: [String, Number, Boolean],
-  circle: [String, Number, Boolean]
-})
-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 buttonAction = () => {
-  thirdPartyFrame({
-    lang: lang?.value,
-    showClose: true,
-    src: `${MAIL_SEND_URL}?showMenuHead=5&fullScreen=true&apToken=${props.toHref}`
-  })
-}
-</script>

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

@@ -1,41 +0,0 @@
-<script setup>
-import { ElSteps } from 'element-plus'
-import { computed, defineProps, inject, useAttrs } from 'vue'
-import { commonPropsType, hasOwn } from '../../utils/index.js'
-
-const modelValue = defineModel()
-const props = defineProps({
-  ...commonPropsType,
-  ...ElSteps.props,
-})
-const calcProps = computed(() => {
-  const ret = Object.keys(ElSteps.props).reduce((total, key) => {
-    total[key] = props[key]
-    return total
-  }, {})
-  ret.simple = props.config?.displayType === 'simple'
-  if (!hasOwn(props.config, 'finish-status') && !hasOwn(props.config, 'finishStatus')) {
-    ret.finishStatus = 'finish'
-  }
-  if (!ret.direction) {
-    ret.direction = 'horizontal'
-  }
-  return ret
-})
-const lang = inject('lang')
-const attrs = useAttrs()
-
-const optionItems = computed(() => {
-  return JSON.parse(props.config?.optionItems || '[]')
-})
-
-</script>
-<template>
-  <ElSteps v-bind="{...attrs, ...calcProps}" :active="modelValue || 0">
-    <el-step v-for="(item, index) in optionItems" :key="index"       
-      :title="lang.indexOf('zh') > -1 ? item.title_zh : item.title_en" 
-      :description="lang.indexOf('zh') > -1 ? item.description_zh : item.description_en"
-      :icon="!!item.icon ? item.icon : ''"
-    />
-  </ElSteps>
-</template>

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

@@ -1,20 +0,0 @@
-<template>
-  <component :is="comp" v-bind="attrs"></component>
-</template>
-<script setup>
-import { useAttrs } from 'vue'
-import CustomComponentCycleTabPane from './CustomComponentCycleTabPane.vue'
-import CustomComponentNativeTabPane from './CustomComponentNativeTabPane.vue'
-import { computed } from 'vue'
-
-const attrs = useAttrs()
-const props = defineProps({
-  isCycle: {
-    type: [String, Number],
-    default: '0'
-  }
-})
-const comp = computed(() => {
-  return props.isCycle == '1' ? CustomComponentCycleTabPane : CustomComponentNativeTabPane
-})
-</script>