resolver-egretimp-plus 0.1.113 → 0.1.115

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

@@ -0,0 +1,243 @@
+<template>
+  <span class="custom-component-plain" :class="classObj" @click="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, defineProps, inject, getCurrentInstance, watch, nextTick } from 'vue'
+import dayjs from 'dayjs'
+import { isNaN } from '../../utils/is';
+import { useFormItem } from 'element-plus'
+
+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

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

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

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

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

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