resolver-egretimp-plus 0.0.4

package/src/components/packages/CustomComponentFormLayoutH5.vue

@@ -0,0 +1,55 @@
+<template>
+  <cmi-form v-bind="formProps" :ref="refFn">
+    <Renderer :config="pmPageMetaList" v-model="val"></Renderer>
+  </cmi-form>
+</template>
+<script setup>
+import Renderer from '../../renderer.jsx'
+import { computed, inject } from "vue"
+
+
+const emits = defineEmits(['update:modelValue'])
+const props = defineProps({
+  config: {
+    type: Object,
+    default: () => null
+  },
+  // 这个组件通过v-model进行数据的绑定
+  modelValue: {
+    // type: [String, Number, Object],
+    default: null
+  },
+})
+
+const rootForm = inject('rootForm')
+const refFn = e => {
+  if (props.config?.rootForm) {
+    rootForm.value = e
+  }
+}
+
+const formProps = computed(() => {
+  return {
+    validatefirst: props.config?.validatefirst == '1' ? true : false,
+    hidemessage: props.config?.hidemessage == '1' ? true : false,
+    hideasterisk: props.config?.hideasterisk == '1' ? true : false,
+    labelwidth: props.config?.labelwidth,
+    labelsuffix: props.config?.labelsuffix,
+    labelposition: props.config?.labelposition,
+  }
+})
+
+const pmPageMetaList = computed(() => props.config.pmPageMetaList)
+
+const val = computed({
+  get() {
+    return props.modelValue
+  },
+  set(val) {
+    emits('update:modelValue', val)
+  }
+})
+defineExpose({
+  val
+})
+</script>

package/src/components/packages/CustomComponentGrid.vue

@@ -0,0 +1,29 @@
+<template>
+  <ElRow class="custom-component-grid" v-bind="elRowProps">
+    <Renderer :config="pmPageMetaList" v-model="modelValue"></Renderer>
+  </ElRow>
+</template>
+<script setup>
+import Renderer from '../../renderer.jsx'
+import { ElRow } from 'element-plus'
+import { computed, defineProps } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+
+const modelValue = defineModel()
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElRow.props
+})
+const elRowProps = computed(() => {
+  return Object.keys(ElRow.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+})
+const pmPageMetaList = computed(() => {
+  return props.config?.pmPageMetaList || []
+})
+</script>
+<style lang="scss">
+</style>

package/src/components/packages/CustomComponentGridCol.vue

@@ -0,0 +1,29 @@
+<template>
+  <ElCol class="custom-component-grid" v-bind="elColProps">
+    <Renderer :config="pmPageMetaList" v-model="modelValue"></Renderer>
+  </ElCol>
+</template>
+<script setup>
+import Renderer from '../../renderer.jsx'
+import { ElCol } from 'element-plus'
+import { computed, defineProps } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+
+const modelValue = defineModel()
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElCol.props
+})
+const elColProps = computed(() => {
+  return Object.keys(ElCol.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+})
+const pmPageMetaList = computed(() => {
+  return props.config?.pmPageMetaList || []
+})
+</script>
+<style lang="scss">
+</style>

package/src/components/packages/CustomComponentInputDialog.vue

@@ -0,0 +1,144 @@
+<template>
+  <div class="input-dialog">
+    <ElInput :disabled="props.disabled" v-bind="{...inputProps, inputEvents}" :modelValue="label" @clear="modelValue = ''" @click="handleShowDialog">
+      <template #suffix v-if="!props.disabled">
+        <ElIcon style="cursor: pointer;" @click="handleShowDialog">
+          <Search />
+        </ElIcon>
+      </template>
+    </ElInput>
+    <ElDialog v-model="dialogVisible" append-to-body width="1000" :title="props.dialogTitle" v-bind="dialogEvents">
+      <component :is="component" :valueKey="valueKey" :value="modelValue" @change="currentChange"></component>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="toClose">
+            {{ lang.indexOf('zh') > -1 ? '取消' : 'Cancel' }}
+          </el-button>
+          <el-button type="primary" @click="toConfirm">
+            {{ lang.indexOf('zh') > -1 ? '确定' : 'Confirm' }}
+          </el-button>
+        </div>
+      </template>
+    </ElDialog>
+  </div>
+</template>
+<script setup>
+import { ElInput, ElIcon, ElDialog } from 'element-plus'
+import { defineProps, defineOptions, defineModel, ref, watch, computed, inject, useAttrs } from 'vue'
+import { Search, Close } from '@element-plus/icons-vue'
+import { commonPropsType } from '../../utils/index.js'
+
+import { hasOwn } from '../../utils';
+
+defineOptions({
+  inheritAttrs: false
+})
+
+const currentRow = ref(null)
+const props = defineProps({
+  ...commonPropsType,
+  ...ElInput.props,
+  valueKey: {
+    type: String,
+    default: '',
+  },
+  bindKeys: {
+    type: [Array, Object],
+    default: () => []
+  },
+  isRefOptions: {
+    type: Boolean,
+    default: false
+  },
+  dialogTitle: {
+    type: String,
+    default: '',
+  }
+})
+const attrs = useAttrs()
+
+const getCompEvents = (comp) => {
+  let emitKeys = comp.emits
+  if(!Array.isArray(emitKeys)) {
+    emitKeys = Object.keys(emitKeys)
+  }
+  return emitKeys.reduce((ret, key) => {
+    const eventKey = capitalize(camelize(eventKey))
+    if (hasOwn(attrs, eventKey)) {
+      ret[eventKey] = attrs[eventKey]
+    }
+    return ret
+  }, {})
+}
+const inputEvents = computed(() => {
+  return getCompEvents(ElInput)
+})
+const dialogEvents = computed(() => {
+  return getCompEvents(ElDialog)
+})
+const inputProps = computed(() => {
+  const propsObj = Object.keys(ElInput.props).reduce((ret, key) => {
+    if (props[key]) {
+      ret[key] = props[key]
+    }
+    return ret
+  }, {})
+  if (!hasOwn(propsObj, 'clearable')) {
+    propsObj.clearable = true
+  }
+  return propsObj
+})
+const lang = inject('lang')
+const dialogComponents = inject('dialogComponents')
+const component = computed(() => {
+  return dialogComponents?.[props?.config?.component]
+})
+const valueKey = computed(() => {
+  return props.valueKey || props?.config?.metaCode
+})
+const modelValue = defineModel()
+const label = computed(() => {
+  if (props.isRefOptions) {
+    return (props.options || []).find(item => item.columnValue === modelValue.value)?.[lang?.value?.indexOf('zh') > -1 ? 'columnDesc_zh' : 'columnDesc']
+  }
+  return modelValue.value
+})
+let models = {}
+const bindkeysType = Object.prototype.toString.call(props.bindKeys)
+if (bindkeysType === '[object Object]') {
+  models = Object.keys(props.bindKeys).reduce((ret, key) => {
+    ret[props.bindKeys[key]] = defineModel(key)
+    return ret
+  }, {})
+} else if (bindkeysType === '[object Array]') {
+  models = props.bindKeys.reduce((ret, key) => {
+    ret[key] = defineModel(key)
+    return ret
+  }, {})
+}
+
+const dialogVisible = ref(false)
+
+const currentChange = (val) => {
+  currentRow.value = val
+}
+const handleShowDialog = () => {
+  dialogVisible.value = true
+}
+
+const toClose = () => {
+  dialogVisible.value = false
+}
+const toConfirm = () => {
+  modelValue.value = currentRow.value && currentRow.value[valueKey.value]
+  Object.keys(models).forEach(key => {
+    models[key].value = currentRow.value && currentRow.value[key]
+  })
+  dialogVisible.value = false
+}
+</script>
+<style scoped>
+.input-dialog {
+  width: 100%;
+}
+</style>

package/src/components/packages/CustomComponentPlain.vue

@@ -0,0 +1,80 @@
+<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 } from 'vue'
+import dayjs from 'dayjs'
+
+const modelValue = defineModel()
+const props = defineProps({
+  ...commonPropsType,
+  type: {
+    type: String,
+    default: ''
+  },
+  formatter: {
+    type: Function,
+    default: null
+  }
+})
+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 props?.options?.find(item => item.columnValue == modelValue.value)?.[lang?.value?.indexOf('zh') > -1 ? 'columnDesc_zh' : 'columnDesc']
+  } else {
+    if (isPatchComponent(['ElDatePicker'], props)) {
+      if (!modelValue.value) {
+        return ''
+      }
+      return dayjs(modelValue.value, props?.config?.format || 'YYYY-MM-DD').format(props?.config?.format || 'YYYY-MM-DD')
+    }
+    return modelValue.value
+  }
+})
+
+const classObj = computed(() => ({
+  [`custom-component-plain--${props.type}`]: true
+}))
+
+
+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)
+}
+</script>
+<style lang="scss" scoped>
+.custom-component-plain {
+}
+.custom-component-plain--primary {
+  color: var(--el-color-primary);
+}
+.custom-component-plain--error {
+  color: #F54A45;
+}
+</style>

package/src/components/packages/CustomComponentRow.vue

@@ -0,0 +1,67 @@
+<template>
+  <ElRow class="custom-component-row" :class="classRef" v-bind="{...elRowProps, ...attrs}">
+    <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,
+  }
+})
+
+const pmPageMetaList = computed(() => {
+  return props.config?.pmPageMetaList || []
+})
+// 保留内部formItem的margin-right
+const reserveRightMargin = computed(() => {
+  return props.config?.reserveRightMargin
+})
+// 保留内部formItem的margin-bottom
+const reserveBottomMargin = computed(() => {
+  return props.config?.reserveBottomMargin
+})
+</script>
+<style lang="scss">
+.custom-component-row {
+  width: 100%;
+  .el-col {
+    & > .el-form-item {
+    }
+  }
+}
+.clear-right-margin {
+  .el-col {
+    & > .el-form-item {
+      margin-right: 0;
+    }
+  }
+}
+.clear-bottom-margin {
+  .el-col {
+    & > .el-form-item {
+      margin-bottom: 0;
+    }
+  }
+}
+</style>

package/src/components/packages/CustomComponentSelectEmployees.vue

@@ -0,0 +1,133 @@
+<template>
+  <div class="select-employees">
+    <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 } from 'vue';
+import { useSelEmployeeJs } from '../helper/dock.js'
+import { commonPropsType } from '../../utils/index.js'
+import { useFormItem } from 'element-plus'
+
+const { formItem: elFormItem } = useFormItem()
+const emit = defineEmits(['change'])
+const props = defineProps({
+  ...commonPropsType,
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  type: {
+    type: String,
+    default: 'user'
+  },
+  placeholder: {
+    type: String,
+    default: ''
+  },
+  placeholderEn: {
+    type: String,
+    default: ''
+  }
+})
+const dataLoad = inject('dataLoad')
+const metaCode = computed(() => {
+  return props.config?.metaCode
+})
+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 nextTick()
+    const data = modelValue.value ? modelValue.value.split(',') : []
+    const initParams = {
+      el: `#${metaCode.value}`,
+      data,
+      token: feiShuTokens,
+      type: props.type,
+      deptForUser: {
+        // deptIds: '100178100000000001X8',
+        // cascade: true
+      },
+      lang: lang.value,
+      multiple: props.multiple,
+      placeholder: lang?.value?.indexOf('zh') > -1 ? props.placeholder : props.placeholderEn,
+      // disabled: props.disabled,
+      onSelectedChange: (data, arr) => {
+        if (data && data.length > 0) {
+          emit('change', data, arr, props)
+          modelValue.value = data && data.join(',')
+        }
+      }
+    }
+    if (props.disabled) {
+      initParams.userIds = data
+    }
+    console.log('initParams', initParams)
+    initSelUser(initParams)
+    unWatch && unWatch()
+  }, {
+    immediate: true
+  })
+}
+
+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/components/packages/CustomComponentSendMail.vue

@@ -0,0 +1,72 @@
+<template>
+  <ElButton @click="buttonAction" v-bind="{...attrs, ...calcPorps}">
+    {{label}}
+  </ElButton>
+</template>
+<script setup>
+import { ElButton } from 'element-plus'
+import { defineProps, inject, getCurrentInstance, computed, useAttrs } from 'vue'
+import { commonPropsType, MAIL_SEND_URL } from '../../utils/index.js'
+import { useRoute } from 'vue-router'
+import thirdPartyFrame from '../thirdPartyFrame'
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElButton.props,
+  toHref: String
+})
+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 route = useRoute()
+// 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 _axiosInstance = inject('_axiosInstance')
+// const routeQuery= route?.query
+
+const buttonAction = () => {
+  thirdPartyFrame({
+    lang: lang?.value,
+    showClose: true,
+    src: `${MAIL_SEND_URL}?showMenuHead=5&fullScreen=true&apToken=${props.toHref}`
+  })
+}
+</script>

package/src/components/packages/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/components/packages/CustomComponentTabPane.vue

@@ -0,0 +1,41 @@
+<template>
+  <TabPane v-bind="{...tabPaneProps, ...polyProps, ...attrs}">
+    <template #label v-if="slotsPageMetalist.length">
+      <Renderer :config="slotsPageMetalist" v-model="props.refValue.value"></Renderer>
+    </template>
+    <ElRow>
+      <Renderer :config="(props.config.pmPageMetaList || []).filter(config => !config.collapseSlot)" v-model="props.refValue.value"></Renderer>
+    </ElRow>
+  </TabPane>
+</template>
+<script setup>
+import { ElTabPane, ElRow } from 'element-plus'
+import Renderer from '../../renderer.jsx'
+import { computed, inject, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+import { TabPane } from '../tabs'
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElTabPane.props,
+})
+const attrs = useAttrs()
+
+const slotsPageMetalist = computed(() => {
+  return (props.config.pmPageMetaList || []).filter(config => config.collapseSlot)
+})
+
+const lang = inject('lang')
+const polyProps = computed(() => {
+  return {
+    label: lang.value.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn,
+    name: props.config?.metaCode
+  }
+})
+const tabPaneProps = computed(() => {
+  return Object.keys(ElTabPane.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+})
+</script>